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/components/app-sidebar.tsx

@@ -24,7 +24,7 @@ import {
   SidebarMenuSub,
   SidebarMenuSubButton,
   SidebarMenuSubItem,
-} from '@kit/ui/shadcn-sidebar';
+} from '@kit/ui/sidebar';
 import { isRouteActive } from '@kit/ui/utils';
 
 const routes = [
@@ -92,14 +92,14 @@ export function DevToolSidebar({
                     {route.children.map((child) => (
                       <SidebarMenuSubItem key={child.path}>
                         <SidebarMenuSubButton
-                          asChild
+                          render={
+                            <Link href={child.path}>
+                              <child.Icon className="h-4 w-4" />
+                              <span>{child.label}</span>
+                            </Link>
+                          }
                           isActive={isRouteActive(child.path, pathname, false)}
-                        >
-                          <Link href={child.path}>
-                            <child.Icon className="h-4 w-4" />
-                            <span>{child.label}</span>
-                          </Link>
-                        </SidebarMenuSubButton>
+                        />
                       </SidebarMenuSubItem>
                     ))}
                   </SidebarMenuSub>
@@ -107,13 +107,13 @@ export function DevToolSidebar({
               ) : (
                 <SidebarMenuButton
                   isActive={isRouteActive(route.path, pathname, false)}
-                  asChild
-                >
-                  <Link href={route.path}>
-                    <route.Icon className="h-4 w-4" />
-                    <span>{route.label}</span>
-                  </Link>
-                </SidebarMenuButton>
+                  render={
+                    <Link href={route.path}>
+                      <route.Icon className="h-4 w-4" />
+                      <span>{route.label}</span>
+                    </Link>
+                  }
+                />
               )}
             </SidebarMenuItem>
           ))}