Upload folder using huggingface_hub

client/src/pages/Dashboard.tsx

@@ -241,40 +241,40 @@ const Dashboard: React.FC = () => {
             <h3 className="text-lg font-semibold text-ui-text">Course Overview</h3>
           </div>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-            <div className="text-center">
+            <div className="text-left">
               <div className="inline-flex">
                 <div className="relative inline-flex items-center px-4 py-1.5 rounded-2xl overflow-visible bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)]">
                   <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />
                   <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
                   <div className="pointer-events-none absolute rounded-full" style={{ width: '32px', height: '32px', left: '8px', top: '8px', background: 'radial-gradient(18px_18px_at_10px_10px,rgba(255,255,255,0.5),rgba(255,255,255,0)_60%)', opacity: 0.45 }} />
                   <div className="pointer-events-none absolute inset-0 rounded-2xl" style={{ background: 'radial-gradient(120%_120%_at_50%_55%,rgba(0,0,0,0.04),rgba(0,0,0,0)_60%)', opacity: 0.9 }} />
-                  <div className="pointer-events-none absolute inset-0 rounded-2xl bg-[#8B4513]/30 mix-blend-overlay opacity-35" />
+                  <div className="pointer-events-none absolute inset-0 rounded-2xl bg-sky-500/30 mix-blend-overlay opacity-35" />
                   <span className="relative z-10 text-black text-base md:text-lg font-semibold leading-none tracking-normal antialiased px-1 whitespace-nowrap">6</span>
                 </div>
               </div>
               <div className="mt-2 text-[0.95rem] font-medium text-ui-text/80">Weeks</div>
             </div>
-            <div className="text-center">
+            <div className="text-left">
               <div className="inline-flex">
                 <div className="relative inline-flex items-center px-4 py-1.5 rounded-2xl overflow-visible bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)]">
                   <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />
                   <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
                   <div className="pointer-events-none absolute rounded-full" style={{ width: '32px', height: '32px', left: '8px', top: '8px', background: 'radial-gradient(18px_18px_at_10px_10px,rgba(255,255,255,0.5),rgba(255,255,255,0)_60%)', opacity: 0.45 }} />
                   <div className="pointer-events-none absolute inset-0 rounded-2xl" style={{ background: 'radial-gradient(120%_120%_at_50%_55%,rgba(0,0,0,0.04),rgba(0,0,0,0)_60%)', opacity: 0.9 }} />
-                  <div className="pointer-events-none absolute inset-0 rounded-2xl bg-[#8B4513]/30 mix-blend-overlay opacity-35" />
+                  <div className="pointer-events-none absolute inset-0 rounded-2xl bg-amber-500/30 mix-blend-overlay opacity-35" />
                   <span className="relative z-10 text-black text-base md:text-lg font-semibold leading-none tracking-normal antialiased px-1 whitespace-nowrap">2</span>
                 </div>
               </div>
               <div className="mt-2 text-[0.95rem] font-medium text-ui-text/80">Task Types</div>
             </div>
-            <div className="text-center">
+            <div className="text-left">
               <div className="inline-flex">
                 <div className="relative inline-flex items-center px-4 py-1.5 rounded-2xl overflow-visible bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)]">
                   <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />
                   <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
                   <div className="pointer-events-none absolute rounded-full" style={{ width: '32px', height: '32px', left: '8px', top: '8px', background: 'radial-gradient(18px_18px_at_10px_10px,rgba(255,255,255,0.5),rgba(255,255,255,0)_60%)', opacity: 0.45 }} />
                   <div className="pointer-events-none absolute inset-0 rounded-2xl" style={{ background: 'radial-gradient(120%_120%_at_50%_55%,rgba(0,0,0,0.04),rgba(0,0,0,0)_60%)', opacity: 0.9 }} />
-                  <div className="pointer-events-none absolute inset-0 rounded-2xl bg-[#8B4513]/30 mix-blend-overlay opacity-35" />
+                  <div className="pointer-events-none absolute inset-0 rounded-2xl bg-violet-500/30 mix-blend-overlay opacity-35" />
                   <span className="relative z-10 text-black text-base md:text-lg font-semibold leading-none tracking-normal antialiased px-1 whitespace-nowrap">Voting</span>
                 </div>
               </div>