change title color

captain-definition

 {
   "schemaVersion": 2,
   "dockerfileLines": [
-    "FROM node:22-alpine",
+    "FROM node:22-alpine AS build-step",
     "WORKDIR /app",
     "COPY . .",
-    "RUN cd backend && npm install --production",
-    "ENV PORT=5000",
-    "EXPOSE 5000",
-    "CMD [\"sh\", \"-c\", \"cd backend && node server.js\"]"
+    "RUN cd frontend && npm install && npm run build",
+    "FROM socialengine/nginx-spa:latest",
+    "COPY --from=build-step /app/frontend/dist /app",
+    "RUN chmod -R 777 /app"
   ]
 }
\ No newline at end of file

frontend/src/components/Quiz/QuizList.jsx

@@ -24,7 +24,7 @@ export default function QuizList() {
         {quizzes.map(quiz => (
           <div key={quiz.id} className="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
             <div className="gradient-bg p-6">
-              <h2 className="text-xl font-bold text-white">{quiz.title}</h2>
+              <h2 className="text-xl font-bold text-black">{quiz.title}</h2>
             </div>
             <div className="p-6">
               <p className="text-gray-600 mb-4">{quiz.description}</p>