Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -160,7 +160,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
       {/* Top Bar */}
       <header className="sticky top-0 z-40 bg-ui-panel/80 backdrop-blur border-b border-ui-border">
         <div className="px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
-          <Link to="/dashboard" className="text-lg font-bold text-ui-neonCyan">TransHub</Link>
+          <Link to="/dashboard" className="text-lg font-bold text-ui-neonBlue">TransHub</Link>
           <div />
         </div>
       </header>
@@ -177,10 +177,10 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
                   key={item.name}
                   to={item.href}
                   className={`flex items-center px-3 py-2 rounded-lg text-[0.95rem] font-medium transition-colors ${
-                    isActive ? 'bg-transparent text-ui-text ring-1 ring-ui-neonBlue/35 shadow-[0_0_10px_rgba(14,165,233,0.45)]' : 'text-ui-text/80 hover:ring-1 hover:ring-ui-neonBlue/20'
+                    isActive ? 'bg-transparent text-ui-text ring-2 ring-ui-neonBlue shadow-[0_0_8px_rgba(14,165,233,0.35)]' : 'text-ui-text/80 hover:ring-1 hover:ring-ui-neonBlue/25'
                   }`}
                 >
-                  <item.icon className="h-5 w-5 mr-3 text-ui-neonCyan" />
+                  <item.icon className="h-5 w-5 mr-3 text-current" />
                   <span>{item.name}</span>
                 </Link>
               );