feat: Add admin dashboard with authentication - Admin login/logout with Bearer token authentication - Secure admin dashboard page in frontend - Real-time system monitoring (memory, disk, translations) - Rate limits and cleanup service monitoring - Protected admin endpoints - Updated README with full SaaS documentation

frontend/src/components/sidebar.tsx

@@ -8,6 +8,7 @@ import {
   Cloud,
   BookText,
   Upload,
+  Shield,
 } from "lucide-react";
 import {
   Tooltip,
@@ -43,6 +44,15 @@ const navigation = [
   },
 ];
 
+const adminNavigation = [
+  {
+    name: "Admin Dashboard",
+    href: "/admin",
+    icon: Shield,
+    description: "System monitoring (login required)",
+  },
+];
+
 export function Sidebar() {
   const pathname = usePathname();
 
@@ -85,6 +95,37 @@ export function Sidebar() {
               </Tooltip>
             );
           })}
+          
+          {/* Admin Section */}
+          <div className="mt-4 pt-4 border-t border-zinc-800">
+            <p className="px-3 mb-2 text-xs font-medium text-zinc-600 uppercase tracking-wider">Admin</p>
+            {adminNavigation.map((item) => {
+              const isActive = pathname === item.href;
+              const Icon = item.icon;
+
+              return (
+                <Tooltip key={item.name}>
+                  <TooltipTrigger asChild>
+                    <Link
+                      href={item.href}
+                      className={cn(
+                        "flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors",
+                        isActive
+                          ? "bg-blue-500/10 text-blue-400"
+                          : "text-zinc-500 hover:bg-zinc-800 hover:text-zinc-300"
+                      )}
+                    >
+                      <Icon className="h-5 w-5" />
+                      <span>{item.name}</span>
+                    </Link>
+                  </TooltipTrigger>
+                  <TooltipContent side="right">
+                    <p>{item.description}</p>
+                  </TooltipContent>
+                </Tooltip>
+              );
+            })}
+          </div>
         </nav>
 
         {/* User section at bottom */}