Next.js Supabase V3 (#463)

Version 3 of the kit:
- Radix UI replaced with Base UI (using the Shadcn UI patterns)
- next-intl replaces react-i18next
- enhanceAction deprecated; usage moved to next-safe-action
- main layout now wrapped with [locale] path segment
- Teams only mode
- Layout updates
- Zod v4
- Next.js 16.2
- Typescript 6
- All other dependencies updated
- Removed deprecated Edge CSRF
- Dynamic Github Action runner

apps/dev-tool/app/components/components/switch-story.tsx

@@ -100,7 +100,7 @@ export function SwitchStory() {
       className: cn(
         controls.size === 'sm' && 'h-4 w-7',
         controls.size === 'lg' && 'h-6 w-11',
-        controls.error && 'data-[state=checked]:bg-destructive',
+        controls.error && 'data-checked:bg-destructive',
       ),
     };
 
@@ -200,7 +200,7 @@ export function SwitchStory() {
         className={cn(
           controls.size === 'sm' && 'h-4 w-7',
           controls.size === 'lg' && 'h-6 w-11',
-          controls.error && 'data-[state=checked]:bg-destructive',
+          controls.error && 'data-checked:bg-destructive',
         )}
       />
     );
@@ -616,7 +616,7 @@ export function SwitchStory() {
                 </Label>
                 <Switch
                   id="error-switch"
-                  className="data-[state=checked]:bg-destructive"
+                  className="data-checked:bg-destructive"
                 />
               </div>
               <p className="text-destructive text-sm">
@@ -642,7 +642,7 @@ export function SwitchStory() {
           <div>
             <h4 className="mb-3 text-lg font-semibold">Switch</h4>
             <p className="text-muted-foreground mb-3 text-sm">
-              A toggle switch component for boolean states. Built on Radix UI
+              A toggle switch component for boolean states. Built on Base UI
               Switch primitive.
             </p>
             <div className="overflow-x-auto">
@@ -792,8 +792,7 @@ export function SwitchStory() {
             <h4 className="text-sm font-semibold">Keyboard Navigation</h4>
             <p className="text-muted-foreground text-sm">
               • Tab to focus the switch
-              <br />
-              • Space or Enter to toggle state
+              <br />• Space or Enter to toggle state
               <br />• Arrow keys when part of a radio group
             </p>
           </div>