website refactor

apps/website/ui/BrandMark.tsx

@@ -1,6 +1,6 @@
 import { Box } from '@/ui/Box';
 import { Link } from '@/ui/Link';
-import Image from 'next/image';
+import { Image } from '@/ui/Image';
 
 interface BrandMarkProps {
   href?: string;
@@ -11,7 +11,7 @@ interface BrandMarkProps {
  * BrandMark provides the consistent logo/wordmark for the application.
  * Aligned with "Precision Racing Minimal" theme.
  */
-export function BrandMark({ href = '/', priority = false }: BrandMarkProps) {
+export function BrandMark({ href = '/' }: BrandMarkProps) {
   return (
     <Link href={href} variant="inherit" underline="none">
       <Box position="relative" display="inline-flex" alignItems="center">
@@ -19,10 +19,7 @@ export function BrandMark({ href = '/', priority = false }: BrandMarkProps) {
           <Image
             src="/images/logos/wordmark-rectangle-dark.svg"
             alt="GridPilot"
-            width={160}
-            height={30}
-            priority={priority}
-            style={{ height: '100%', width: 'auto' }}
+            style={{ height: '100%', width: 'auto', display: 'block' }}
           />
         </Box>
         <Box