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/app/[locale]/docs/page.tsx

@@ -0,0 +1,54 @@
+import { getLocale, getTranslations } from 'next-intl/server';
+
+import { SitePageHeader } from '../(marketing)/_components/site-page-header';
+import { DocsCards } from './_components/docs-cards';
+import { getDocs } from './_lib/server/docs.loader';
+
+type DocsPageProps = {
+  params: Promise<{ locale?: string }>;
+};
+
+export const generateMetadata = async () => {
+  const t = await getTranslations('marketing');
+
+  return {
+    title: t('documentation'),
+  };
+};
+
+async function DocsPage({ params }: DocsPageProps) {
+  const t = await getTranslations('marketing');
+  let { locale } = await params;
+
+  if (!locale) {
+    locale = await getLocale();
+  }
+
+  return (
+    <div className={'flex w-full flex-1 flex-col gap-y-6 xl:gap-y-8'}>
+      <SitePageHeader
+        title={t('documentation')}
+        subtitle={t('documentationSubtitle')}
+      />
+
+      <div
+        className={
+          'relative container flex size-full justify-center overflow-y-auto'
+        }
+      >
+        <DocaCardsList locale={locale} />
+      </div>
+    </div>
+  );
+}
+
+async function DocaCardsList({ locale }: { locale: string }) {
+  const items = await getDocs(locale);
+
+  // Filter out any docs that have a parentId, as these are children of other docs
+  const cards = items.filter((item) => !item.parentId);
+
+  return <DocsCards cards={cards} />;
+}
+
+export default DocsPage;