fix(chat): use the defined brand token for the resource activity dot

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/components/chat-panel-layout.test.tsx

@@ -78,6 +78,9 @@ it.each([1, 2])(
       `Expand resource view, ${count} resource${count === 1 ? '' : 's'} updated`
     )
     expect(container.querySelector('[role="separator"]')).toBeNull()
+    expect(button.querySelector('span[aria-hidden="true"]')?.className).toContain(
+      'bg-[var(--brand-blue)]'
+    )
     await act(async () => button.click())
     expect(toggle).toHaveBeenCalledOnce()
     expect(container.textContent).toContain('Conversation')

apps/sim/app/workspace/[workspaceId]/home/components/chat-panel-layout.tsx

@@ -63,7 +63,7 @@ export function ChatPanelLayout({
             {collapsed && activityCount > 0 && (
               <span
                 aria-hidden='true'
-                className='-top-0.5 -right-0.5 absolute size-1.5 rounded-full bg-[var(--brand-primary)]'
+                className='-top-0.5 -right-0.5 absolute size-1.5 rounded-full bg-[var(--brand-blue)]'
               />
             )}
           </span>