Fix auth translations and admin PWA UI

resources/js/admin/mobile/EventRecapPage.tsx

@@ -5,6 +5,7 @@ import { Check, Copy, Download, Share2, Sparkles, Trophy, Users } from 'lucide-r
 import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Pressable } from '@tamagui/react-native-web-lite';
+import { Switch } from '@tamagui/switch';
 import { MobileShell } from './components/MobileShell';
 import { MobileCard, CTAButton, PillBadge, SkeletonCard } from './components/Primitives';
 import { LegalConsentSheet } from './components/LegalConsentSheet';
@@ -315,12 +316,9 @@ function ToggleOption({ label, value, onToggle }: { label: string; value: boolea
       <Text fontSize="$sm" color={textStrong} fontWeight="600">
         {label}
       </Text>
-      <input
-        type="checkbox"
-        checked={value}
-        onChange={(e) => onToggle(e.target.checked)}
-        style={{ width: 20, height: 20 }}
-      />
+      <Switch size="$4" checked={value} onCheckedChange={onToggle} aria-label={label}>
+        <Switch.Thumb />
+      </Switch>
     </XStack>
   );
 }