website refactor

apps/website/ui/AppSidebar.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+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) {
+  return (
+    <aside 
+      className={`hidden lg:flex flex-col w-64 bg-[#141619] border-r border-[#23272B] overflow-y-auto ${className}`}
+    >
+      {children}
+    </aside>
+  );
+}