alteracao frontend baseline

.dockerignore

@@ -39,3 +39,6 @@ yarn-error.log*
 next-env.d.ts
 
 .yarn
+
+*venv
+como_nao_errar.txt

.gitignore

@@ -29,3 +29,5 @@ dist-ssr
 *.env
 *chroma_db
 databases
+como_nao_errar.txt
+*venv

web/src/App.jsx

@@ -16,41 +16,19 @@ function App() {
 
   const [menuState, setMenuState] = useState(true);
   const [isLoading, setIsLoading] = useState(false);
-  const [questions, setQuestions] = useState([
-    {
-      question: "Qual a cor do céu?",
-      options: ["Azul", "Verde", "Amarelo", "Vermelho"],
-      answer: "Azul"
-    },
-    {
-      question: "Qual a cor da grama?",
-      options: ["Azul", "Verde", "Amarelo", "Vermelho"],
-      answer: "Verde"
-    },
-    {
-      question: "Qual a cor do sol?",
-      options: ["Azul", "Verde", "Amarelo", "Vermelho"],
-      answer: "Amarelo"
-    },
-    {
-      question: "Qual a cor do sangue?",
-      options: ["Azul", "Verde", "Amarelo", "Vermelho"],
-      answer: "Vermelho"
-    }
-  
-  ]);
+  const [questions, setQuestions] = useState();
 
   const subjects = [
-    {label:"Fisiologia", value: "fisiologia" },  
-    {label:"Embriologia", value: "embriologia" },
-    {label:"Citologia", value: "citologia" },
-    {label:"Genética", value: "genetica" },
-    {label:"Botânica", value: "botanica" },
-    {label:"Zoologia", value: "zoologia" },
-    {label:"Morfologia", value: "morfologia" },
-    {label:"Ecologia", value: "ecologia" },
-    {label:"Biofísica", value: "biofisica" },
-    ]
+    { label: "Fisiologia", value: "fisiologia" },
+    { label: "Embriologia", value: "embriologia" },
+    { label: "Citologia", value: "citologia" },
+    { label: "Genética", value: "genetica" },
+    { label: "Botânica", value: "botanica" },
+    { label: "Zoologia", value: "zoologia" },
+    { label: "Morfologia", value: "morfologia" },
+    { label: "Ecologia", value: "ecologia" },
+    { label: "Biofísica", value: "biofisica" },
+  ]
 
   const handleSubmit = async (e) => {
     e.preventDefault();
@@ -144,9 +122,9 @@ function App() {
                 <SelectValue placeholder="Conteúdo" />
               </SelectTrigger>
               <SelectContent onChange={e => console.log(e)}>
-                subjects && subjects.map(({ label, value }) => (
-                <SelectItem key={value} value={value}>{label}</SelectItem>
-                ))
+                {subjects && subjects.map(({ label, value }) => (
+                  <SelectItem key={value} value={value}>{label}</SelectItem>
+                ))}
               </SelectContent>
             </Select>
             <button className="h-10 bg-purple-500 rounded px-2.5 py-1 mt-5 hover:brightness-110 transition-all flex items-center justify-center disabled:hover:brightness-75 disabled:brightness-75"