feat(webapp): add a surround-free switch variant and move it to indigo

Adds minimal/medium: the same toggle as medium without the padded hover box, for
rows that don't need the enlarged hit area. medium keeps it. The unchecked track
still lightens on hover, so the control keeps an affordance without the surround.

The checked fill moves from blue-500 to indigo-500, matching the primary accent
the buttons and checkboxes use.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: samejr

apps/webapp/app/components/primitives/Switch.tsx

@@ -52,6 +52,14 @@ const variations = {
     thumb: "size-3.5 data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0",
     text: "text-sm text-text-dimmed",
   },
+  /* Like medium, minus the hover box: the toggle is the whole target, for rows
+     that already carry their own affordance. */
+  "minimal/medium": {
+    container: "flex items-center gap-x-2 rounded-md focus-custom",
+    root: "h-4 w-8",
+    thumb: "size-3.5 data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0",
+    text: "text-sm text-text-dimmed",
+  },
 };
 
 type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
@@ -91,7 +99,7 @@ export const Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.
     const switchElement = (
       <div
         className={cn(
-          "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:opacity-50 group-data-[state=checked]:bg-blue-500 group-data-[state=unchecked]:bg-background-raised group-hover:group-data-[state=unchecked]:bg-surface-control-active/50",
+          "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:opacity-50 group-data-[state=checked]:bg-indigo-500 group-data-[state=unchecked]:bg-background-raised group-hover:group-data-[state=unchecked]:bg-surface-control-active/50",
           root
         )}
       >

apps/webapp/app/routes/account._index/route.tsx

@@ -593,7 +593,7 @@ export default function Page() {
                   </div>
                   <div className="flex flex-none items-center">
                     <Switch
-                      variant="medium"
+                      variant="minimal/medium"
                       aria-label="Icon contrast"
                       checked={iconContrast}
                       onCheckedChange={(checked) =>