website refactor

apps/website/ui/PageHeader.tsx

@@ -13,12 +13,14 @@ interface PageHeaderProps {
   title: string;
   description?: string;
   action?: React.ReactNode;
+  icon?: LucideIcon;
 }
 
 export function PageHeader({ 
   title, 
   description,
   action,
+  icon,
 }: PageHeaderProps) {
   return (
     <Box 
@@ -33,7 +35,11 @@ export function PageHeader({
     >
       <Box>
         <Box display="flex" alignItems="center" gap={3} marginBottom={2}>
-          <Box width={1} height={8} backgroundColor="var(--ui-color-intent-primary)" />
+          {icon ? (
+            <Icon icon={icon} size={8} intent="primary" />
+          ) : (
+            <Box width={1} height={8} backgroundColor="var(--ui-color-intent-primary)" />
+          )}
           <Heading level={1} weight="bold" uppercase>{title}</Heading>
         </Box>
         {description && (