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

@@ -2,7 +2,13 @@ import Link from 'next/link';
 
 import { cn } from '@kit/ui/utils';
 
-function LogoImage({
+/**
+ * App Logo Image - modify this with your own logo
+ * @param className - The class name to apply to the logo
+ * @param width - The width of the logo
+ * @returns
+ */
+export function LogoImage({
   className,
   width = 105,
 }: {
@@ -12,7 +18,7 @@ function LogoImage({
   return (
     <svg
       width={width}
-      className={cn(`w-[80px] lg:w-[95px]`, className)}
+      className={cn(`w-20 lg:w-[95px]`, className)}
       viewBox="0 0 733 140"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -40,7 +46,12 @@ export function AppLogo({
   }
 
   return (
-    <Link aria-label={label ?? 'Home Page'} href={href ?? '/'} prefetch={true}>
+    <Link
+      aria-label={label ?? 'Home Page'}
+      href={href ?? '/'}
+      prefetch={true}
+      className="mx-auto md:mx-0"
+    >
       <LogoImage className={className} />
     </Link>
   );