website refactor

apps/website/components/auth/AuthCard.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import React from 'react';
 import { Card } from '@/ui/Card';
-import { Stack } from '@/ui/Stack';
+import { Stack } from '@/ui/primitives/Stack';
 import { Text } from '@/ui/Text';
+import React from 'react';
 
 interface AuthCardProps {
   children: React.ReactNode;

apps/website/components/auth/AuthFooterLinks.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import { Stack } from '@/ui/primitives/Stack';
 import React from 'react';
-import { Stack } from '@/ui/Stack';
 
 interface AuthFooterLinksProps {
   children: React.ReactNode;

apps/website/components/auth/AuthForm.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import { Stack } from '@/ui/primitives/Stack';
 import React from 'react';
-import { Stack } from '@/ui/Stack';
 
 interface AuthFormProps {
   children: React.ReactNode;

apps/website/components/auth/AuthProviderButtons.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import { Grid } from '@/ui/primitives/Grid';
 import React from 'react';
-import { Grid } from '@/ui/Grid';
 
 interface AuthProviderButtonsProps {
   children: React.ReactNode;

apps/website/components/auth/AuthShell.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import { Stack } from '@/ui/primitives/Stack';
 import React from 'react';
-import { Stack } from '@/ui/Stack';
 
 interface AuthShellProps {
   children: React.ReactNode;

apps/website/components/auth/UserRolesPreview.tsx

@@ -1,10 +1,9 @@
-import React from 'react';
-import { motion } from 'framer-motion';
-import { Car, Trophy, Users } from 'lucide-react';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
 import { Heading } from '@/ui/Heading';
 import { Icon } from '@/ui/Icon';
+import { Stack } from '@/ui/primitives/Stack';
+import { Text } from '@/ui/Text';
+import { motion } from 'framer-motion';
+import { Car, Trophy, Users } from 'lucide-react';
 
 const USER_ROLES = [
   {