website refactor

apps/website/components/app/AppHeader.tsx

@@ -1,20 +1,18 @@
 import React from 'react';
+import { Header } from '@/ui/Header';
 
 interface AppHeaderProps {
   children: React.ReactNode;
-  className?: string;
 }
 
 /**
  * AppHeader is the top control bar of the application.
  * It follows the "Telemetry Workspace" structure.
  */
-export function AppHeader({ children, className = '' }: AppHeaderProps) {
+export function AppHeader({ children }: AppHeaderProps) {
   return (
-    <header 
-      className={`sticky top-0 z-50 h-16 md:h-20 bg-[#0C0D0F]/80 backdrop-blur-md border-b border-[#23272B] flex items-center px-4 md:px-6 ${className}`}
-    >
+    <Header>
       {children}
-    </header>
+    </Header>
   );
 }