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/emails/[id]/components/email-tester-form.tsx

@@ -2,8 +2,6 @@
 
 import Link from 'next/link';
 
-import { EmailTesterFormSchema } from '@/app/emails/lib/email-tester-form-schema';
-import { sendEmailAction } from '@/app/emails/lib/server-actions';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 
@@ -19,6 +17,9 @@ import { Input } from '@kit/ui/input';
 import { toast } from '@kit/ui/sonner';
 import { Switch } from '@kit/ui/switch';
 
+import { EmailTesterFormSchema } from '@/app/emails/lib/email-tester-form-schema';
+import { sendEmailAction } from '@/app/emails/lib/server-actions';
+
 export function EmailTesterForm(props: {
   template: string;
   settings: {

apps/dev-tool/app/emails/[id]/page.tsx

@@ -1,7 +1,3 @@
-import { EmailTesterForm } from '@/app/emails/[id]/components/email-tester-form';
-import { EnvModeSelector } from '@/components/env-mode-selector';
-import { IFrame } from '@/components/iframe';
-
 import {
   createKitEmailsDeps,
   createKitEmailsService,
@@ -17,6 +13,10 @@ import {
 } from '@kit/ui/dialog';
 import { Page, PageBody, PageHeader } from '@kit/ui/page';
 
+import { EmailTesterForm } from '@/app/emails/[id]/components/email-tester-form';
+import { EnvModeSelector } from '@/components/env-mode-selector';
+import { IFrame } from '@/components/iframe';
+
 type EnvMode = 'development' | 'production';
 
 type EmailPageProps = React.PropsWithChildren<{
@@ -67,10 +67,10 @@ export default async function EmailPage(props: EmailPageProps) {
           Remember that the below is an approximation of the email. Always test
           it in your inbox.{' '}
           <Dialog>
-            <DialogTrigger asChild>
-              <Button variant={'link'} className="p-0 underline">
-                Test Email
-              </Button>
+            <DialogTrigger
+              render={<Button variant={'link'} className="p-0 underline" />}
+            >
+              Test Email
             </DialogTrigger>
 
             <DialogContent>

apps/dev-tool/app/emails/lib/email-tester-form-schema.ts

@@ -1,4 +1,4 @@
-import { z } from 'zod';
+import * as z from 'zod';
 
 export const EmailTesterFormSchema = z.object({
   username: z.string().min(1),

apps/dev-tool/app/emails/page.tsx

@@ -49,13 +49,16 @@ export default async function EmailsPage() {
 
               <div className={'grid grid-cols-1 gap-4 md:grid-cols-4'}>
                 {categoryTemplates.map((template) => (
-                  <CardButton key={template.id} asChild>
-                    <Link href={`/emails/${template.id}`}>
-                      <CardButtonHeader>
-                        <CardButtonTitle>{template.name}</CardButtonTitle>
-                      </CardButtonHeader>
-                    </Link>
-                  </CardButton>
+                  <CardButton
+                    key={template.id}
+                    render={
+                      <Link href={`/emails/${template.id}`}>
+                        <CardButtonHeader>
+                          <CardButtonTitle>{template.name}</CardButtonTitle>
+                        </CardButtonHeader>
+                      </Link>
+                    }
+                  />
                 ))}
               </div>
             </div>