Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -6,7 +6,8 @@ import {
   BookOpenIcon,
   HandThumbUpIcon,
   WrenchScrewdriverIcon,
-  UserIcon,
+  ChatBubbleLeftRightIcon,
+  Cog6ToothIcon,
   ArrowRightOnRectangleIcon,
   PowerIcon
 } from '@heroicons/react/24/outline';
@@ -149,7 +150,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     { name: 'Votes', href: '/votes', icon: HandThumbUpIcon },
     { name: 'Toolkit', href: '/toolkit', icon: WrenchScrewdriverIcon },
     { name: 'Slides', href: '/slides', icon: BookOpenIcon },
-    { name: 'Feedback', href: '/feedback', icon: UserIcon },
+    { name: 'Feedback', href: '/feedback', icon: ChatBubbleLeftRightIcon },
   ];
 
   // Hide Slides for visitors
@@ -159,7 +160,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
 
   // Add Manage link for admin users
   if (user?.role === 'admin') {
-    navigation.push({ name: 'Manage', href: '/manage', icon: UserIcon });
+    navigation.push({ name: 'Manage', href: '/manage', icon: Cog6ToothIcon });
   }
 
   return (
@@ -176,18 +177,18 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
       <div className="flex">
         {/* Sidebar */}
         <aside className="hidden md:flex md:flex-col w-60 min-h-[calc(100vh-56px)] border-r border-ui-border bg-ui-panel">
-          <nav className="p-3 space-y-1 flex-1">
+          <nav className="p-4 space-y-2 flex-1">
             {navigation.map((item) => {
               const isActive = location.pathname === item.href;
               return (
                 <Link
                   key={item.name}
                   to={item.href}
-                  className={`flex items-center px-3 py-2 rounded-md text-sm font-medium transition-colors ${
+                  className={`flex items-center px-3 py-2 rounded-lg text-[0.95rem] font-medium transition-colors ${
                     isActive ? 'bg-ui-bg text-ui-text neon-border' : 'text-ui-text/80 hover:bg-ui-panel/60'
                   }`}
                 >
-                  <item.icon className="h-4 w-4 mr-2" />
+                  <item.icon className="h-5 w-5 mr-3 text-ui-neonBlue" />
                   <span>{item.name}</span>
                 </Link>
               );

client/src/index.css

@@ -12,8 +12,14 @@
 }
 
 @layer components {
+  h1, h2, h3 {
+    @apply text-ui-text;
+  }
+  a {
+    @apply text-ui-neonBlue hover:text-ui-neonPink;
+  }
   .btn-primary {
-    @apply bg-ui-neonPink hover:bg-ui-neonPink/90 text-ui-bg font-semibold py-2 px-4 rounded-lg transition-colors duration-200 shadow-[0_0_12px_rgba(255,45,172,0.7)];
+    @apply bg-ui-neonBlue hover:bg-ui-neonBlue/90 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200 shadow-[0_0_10px_rgba(14,165,233,0.55)];
   }
   
   .btn-secondary {

client/src/pages/Dashboard.tsx

@@ -183,15 +183,15 @@ const Dashboard: React.FC = () => {
           </div>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
             <div className="text-center">
-              <div className="text-2xl font-bold text-ui-neonCyan">6</div>
+              <div className="text-2xl font-bold text-ui-neonBlue">6</div>
               <div className="text-sm text-ui-text/70">Weeks</div>
             </div>
             <div className="text-center">
-              <div className="text-2xl font-bold text-ui-neonCyan">2</div>
+              <div className="text-2xl font-bold text-ui-neonBlue">2</div>
               <div className="text-sm text-ui-text/70">Task Types</div>
             </div>
             <div className="text-center">
-              <div className="text-2xl font-bold text-ui-neonCyan">Voting</div>
+              <div className="text-2xl font-bold text-ui-neonBlue">Voting</div>
               <div className="text-sm text-ui-text/70">Peer Review</div>
             </div>
           </div>

client/tailwind.config.js

@@ -19,7 +19,8 @@ module.exports = {
 
           // Neon accents (unchanged)
           neonPink: '#FF2DAC',  // neon primary
-          neonCyan: '#29F3FF',  // neon secondary
+          neonCyan: '#14BBD2',  // darker cyan for better contrast
+          neonBlue: '#0EA5E9',  // further darkened option for solid fills
           neonLime: '#C7FF41',  // highlights
           magenta: '#D700FF',   // accents
           warning: '#FFB020',   // warnings