website refactor

apps/website/components/layout/AppFooter.tsx

@@ -12,7 +12,7 @@ export function AppFooter() {
       variant="precision"
       paddingY={6}
       paddingX={6}
-      borderTop={true}
+      borderTop
       backgroundColor="rgba(10, 10, 11, 0.92)"
       className="backdrop-blur-xl"
       style={{
@@ -24,7 +24,7 @@ export function AppFooter() {
           <Text size="xs" variant="low" font="mono" uppercase letterSpacing="0.12em">
             © {new Date().getFullYear()} GridPilot
           </Text>
-          <Box w="1px" h="12px" bg="var(--ui-color-border-muted)" opacity={0.6} />
+          <Box w="px" h="3" bg="var(--ui-color-border-muted)" opacity={0.6} />
           <Text size="xs" variant="low" font="mono" uppercase letterSpacing="0.12em">
             Session ready
           </Text>
@@ -32,7 +32,7 @@ export function AppFooter() {
 
         <Box display={{ base: 'none', sm: 'flex' }}>
           <Stack direction="row" align="center" gap={2}>
-            <Box w="6px" h="6px" rounded="full" bg="var(--ui-color-intent-success)" />
+            <Box w="1.5" h="1.5" rounded="full" bg="var(--ui-color-intent-success)" />
             <Text size="xs" variant="low" font="mono" uppercase letterSpacing="0.12em">
               System Normal
             </Text>