website refactor

apps/website/components/app/AppSidebar.tsx

@@ -1,20 +1,18 @@
 import React from 'react';
+import { Sidebar } from '@/ui/Sidebar';
 
 interface AppSidebarProps {
   children?: React.ReactNode;
-  className?: string;
 }
 
 /**
  * AppSidebar is the "dashboard rail" of the application.
  * It provides global navigation and context.
  */
-export function AppSidebar({ children, className = '' }: AppSidebarProps) {
+export function AppSidebar({ children }: AppSidebarProps) {
   return (
-    <aside 
-      className={`hidden lg:flex flex-col w-64 bg-[#141619] border-r border-[#23272B] overflow-y-auto ${className}`}
-    >
+    <Sidebar>
       {children}
-    </aside>
+    </Sidebar>
   );
 }