fix: make chrome extension button respect dashboard theme

[Abhishek-1337]

The "Add Chrome Extension" button was always rendering with bg-white - so in dark mode it stayed white while the rest of the dashboard went dark, and any dark: overrides weren't doing anything anyway.

Turns out we don't actually use Tailwind's dark: variant here. Theme is toggled via document.body.className = "dark" / "light" and Radix's gray-dark.css just flips the --gray-* CSS variables. bg-white doesn't flip, but bg-gray-1 / text-gray-12 do automatically.

Change:

• apps/web/lib/chrome-extension.ts - bg-white -> bg-gray-1 so the button background/text/border all invert with the theme like the rest of the UI. No dark: prefix needed, and no per-component overrides.
  Tested by toggling light/dark in the dashboard - button now goes from light gray/near-black text to dark gray/off-white text as expected, hover state works in both.

Greptile Summary

This PR updates the shared Chrome extension button background from fixed white to the theme-aware gray-1 color token.

• Allows the button background to follow the dashboard’s light and dark themes.
• Preserves the existing themed text, border, and hover styles.

Confidence Score: 5/5

The PR appears safe to merge with no actionable issues identified.

The changed utility is supported by the web Tailwind configuration and follows an existing theme-aware styling pattern, with no behavioral, security, or repository-rule violations found.

Important Files Changed

Filename	Overview
apps/web/lib/chrome-extension.ts	Replaces the fixed white button background with the supported, theme-aware bg-gray-1 utility.

_{Reviews (1): Last reviewed commit: "fix: make chrome extension button respec..." | Re-trigger Greptile}