Upload folder using huggingface_hub

client/src/pages/Feedback.tsx

@@ -60,7 +60,7 @@ const Feedback: React.FC = () => {
   }, [isAdmin]);
 
   return (
-    <div className="min-h-screen bg-gray-50 py-8">
+    <div className="min-h-screen bg-white py-8">
       <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex items-center mb-4">
           <img src="/icons/feedback.svg" alt="Feedback" className="h-8 w-8 mr-3" />

client/src/pages/Slides.tsx

@@ -68,7 +68,7 @@ const Slides: React.FC = () => {
 
   if (!allowed) return null;
   return (
-    <div className="min-h-screen bg-gray-50 py-8">
+    <div className="min-h-screen bg-white py-8">
       <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="mb-6">
           <div className="flex items-center mb-2">

client/src/pages/Toolkit.tsx

@@ -353,7 +353,7 @@ const Toolkit: React.FC = () => {
   };
 
   return (
-    <div className="min-h-screen bg-gray-50 py-8">
+    <div className="min-h-screen bg-white py-8">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         {/* Header */}
         <div className="mb-8">

client/src/pages/TutorialTasks.tsx

@@ -1064,7 +1064,7 @@ const TutorialTasks: React.FC = () => {
   // Remove intrusive loading screen - just show content with loading state
 
   return (
-    <div className="min-h-screen bg-ui-bg py-8">
+    <div className="min-h-screen bg-white py-8">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         {/* Header */}
         <div className="mb-8">

client/src/pages/VoteResults.tsx

@@ -314,7 +314,7 @@ const VoteResults: React.FC = () => {
   }, [selectedExample, filteredExamples, filterCategory, filterWeek, groupedSubmissions]);
 
   return (
-    <div className="min-h-screen bg-gray-50 py-8">
+    <div className="min-h-screen bg-white py-8">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         {/* Header */}
         <div className="mb-8">

client/src/pages/WeeklyPractice.tsx

@@ -1410,7 +1410,7 @@ const WeeklyPractice: React.FC = () => {
 
 
   return (
-    <div className="min-h-screen bg-ui-bg py-8">
+    <div className="min-h-screen bg-white py-8">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         {/* Header */}
         <div className="mb-8">