fix(website): use @ alias for all component/lib imports

Next.js route groups '(name)' are real filesystem directories, so
physical depth varies. tsconfig 'paths' with '@/*' alias removes the
guesswork and works for both tsc and Next.js bundler.

Replaces all '../../components/' and '../../../components/' variants
with the equivalent '@/components/' alias.

Author: zengfr

website/app/[locale]/(marketing)/features/page.tsx

@@ -1,6 +1,6 @@
 import { setRequestLocale } from 'next-intl/server';
 import { useTranslations } from 'next-intl';
-import { Card } from '../../components/ui/Card';
+import { Card } from '@/components/ui/Card';
 import { Bot, Container, GitBranch, ShieldCheck, Database, Network, Lock } from 'lucide-react';
 
 const ICONS = [Bot, Container, GitBranch, ShieldCheck, Database, Network, Lock];

website/app/[locale]/docs/architecture/page.tsx

@@ -1,5 +1,5 @@
 import { setRequestLocale } from 'next-intl/server';
-import { DocContent } from '../../../../components/docs/DocContent';
+import { DocContent } from '@/components/docs/DocContent';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 

website/app/[locale]/docs/domain-model/page.tsx

@@ -1,5 +1,5 @@
 import { setRequestLocale } from 'next-intl/server';
-import { DocContent } from '../../../../components/docs/DocContent';
+import { DocContent } from '@/components/docs/DocContent';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 

website/app/[locale]/docs/implementation-plan/page.tsx

@@ -1,5 +1,5 @@
 import { setRequestLocale } from 'next-intl/server';
-import { DocContent } from '../../../../components/docs/DocContent';
+import { DocContent } from '@/components/docs/DocContent';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 

website/app/[locale]/docs/layout.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { Sidebar } from '../../../components/docs/Sidebar';
-import { TOC } from '../../../components/docs/TOC';
+import { Sidebar } from '../@/components/docs/Sidebar';
+import { TOC } from '../@/components/docs/TOC';
 
 export default function DocsLayout({ children }: { children: ReactNode }) {
   return (

website/app/[locale]/docs/quality-constraints/page.tsx

@@ -1,5 +1,5 @@
 import { setRequestLocale } from 'next-intl/server';
-import { DocContent } from '../../../../components/docs/DocContent';
+import { DocContent } from '@/components/docs/DocContent';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 

website/app/[locale]/docs/requirements/page.tsx

@@ -1,5 +1,5 @@
 import { setRequestLocale } from 'next-intl/server';
-import { DocContent } from '../../../../components/docs/DocContent';
+import { DocContent } from '@/components/docs/DocContent';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 

website/app/[locale]/layout.tsx

@@ -2,9 +2,9 @@ import { ReactNode } from 'react';
 import { NextIntlClientProvider } from 'next-intl';
 import { getMessages, setRequestLocale } from 'next-intl/server';
 import { notFound } from 'next/navigation';
-import { locales, type Locale } from '../../lib/i18n';
-import { SiteHeader } from '../../components/docs/SiteHeader';
-import { SiteFooter } from '../../components/docs/SiteFooter';
+import { locales, type Locale } from '@/lib/i18n';
+import { SiteHeader } from '@/components/docs/SiteHeader';
+import { SiteFooter } from '@/components/docs/SiteFooter';
 
 export function generateStaticParams() {
   return locales.map((locale) => ({ locale }));

website/app/[locale]/page.tsx

@@ -1,9 +1,9 @@
 import { setRequestLocale } from 'next-intl/server';
 import { useTranslations } from 'next-intl';
-import { Hero } from '../../components/marketing/Hero';
-import { FeatureGrid } from '../../components/marketing/FeatureGrid';
-import { ArchitectureOverview } from '../../components/marketing/ArchitectureOverview';
-import { Quickstart } from '../../components/marketing/Quickstart';
+import { Hero } from '@/components/marketing/Hero';
+import { FeatureGrid } from '@/components/marketing/FeatureGrid';
+import { ArchitectureOverview } from '@/components/marketing/ArchitectureOverview';
+import { Quickstart } from '@/components/marketing/Quickstart';
 
 export default function HomePage({ params: { locale } }: { params: { locale: string } }) {
   setRequestLocale(locale);