split pages by divider

src/App.tsx

@@ -1,4 +1,5 @@
 import { CssBaseline, ThemeProvider } from "@mui/material";
+import { styled } from "@mui/material/styles";
 import CreateQuiz from "./components/CreateQuiz/CreateQuiz";
 import FirstQuiz from "./components/FirstQuiz";
 import MyQuizzes from "./components/MyQuizzes";
@@ -7,17 +8,28 @@ import NavbarCreateQuiz from "./components/Navbar/NavbarCreateQuiz";
 import QuizGallery from "./components/QuizGallery";
 import lightTheme from "./utils/themes/light";
 
+const Divider = styled("div")(() => ({
+    height: "30px",
+    backgroundColor: "black",
+}));
+
 function App() {
+
     return (
         <ThemeProvider theme={lightTheme}>
             <CssBaseline />
-            {/* <Navbar isLoggedIn={true} /> */}
+            <Navbar isLoggedIn={true} />
-            {/* <FirstQuiz /> */}
+            <FirstQuiz />
-            {/* <MyQuizzes />  */}
+            <Divider />
+
+            <MyQuizzes />
+            <Divider />
+
             <QuizGallery />
-            {/* ______ */}
+            <Divider />
-            {/* <NavbarCreateQuiz /> */}
+            
-            {/* <CreateQuiz /> */}
+            <NavbarCreateQuiz />
+            <CreateQuiz />
         </ThemeProvider>
     );
 }