website refactor

apps/website/templates/DriverProfileTemplate.tsx

@@ -50,7 +50,7 @@ export function DriverProfileTemplate({
 }: DriverProfileTemplateProps) {
   if (isLoading) {
     return (
-      <Container size="lg" py={12}>
+      <Container size="lg" spacing="lg">
         <Stack align="center" justify="center" gap={4}>
           <LoadingSpinner size={10} />
           <Text color="text-gray-400">Loading driver profile...</Text>
@@ -61,7 +61,7 @@ export function DriverProfileTemplate({
 
   if (error || !viewData?.currentDriver) {
     return (
-      <Container size="md" py={12}>
+      <Container size="md" spacing="lg">
         <Stack align="center" gap={6}>
           <Text color="text-warning-amber">{error || 'Driver not found'}</Text>
           <Button variant="secondary" onClick={onBackClick}>
@@ -84,7 +84,7 @@ export function DriverProfileTemplate({
   ] : [];
 
   return (
-    <Container size="lg" py={8}>
+    <Container size="lg" spacing="md">
       <Stack gap={6}>
         {/* Back Navigation & Breadcrumbs */}
         <Stack gap={4}>