feat: init new modal

front/components/Modals/CourseEdit/NewActivity.tsx

@@ -9,20 +9,18 @@ function NewActivityModal({ closeModal, submitActivity, submitFileActivity, chap
   const [selectedView, setSelectedView] = useState("home");
 
   return (
-    <Modal>
-      <button onClick={ () => {setSelectedView("home")}}>
+    <div>
+      <button onClick={() => { setSelectedView("home") }}>
         <ArrowLeftIcon />
       </button>
       <button onClick={closeModal}>
         <Cross1Icon />
       </button>
-      <h1>Add New Activity</h1>
-      <br />
 
       {selectedView === "home" && (
         <ActivityChooserWrapper>
-          <ActivityButton onClick={() => {setSelectedView("dynamic")}}>✨📄</ActivityButton>
-          <ActivityButton onClick={() => {setSelectedView("video")}}>📹</ActivityButton>
+          <ActivityButton onClick={() => { setSelectedView("dynamic") }}>✨📄</ActivityButton>
+          <ActivityButton onClick={() => { setSelectedView("video") }}>📹</ActivityButton>
         </ActivityChooserWrapper>
       )}
 
@@ -33,8 +31,8 @@ function NewActivityModal({ closeModal, submitActivity, submitFileActivity, chap
       {selectedView === "video" && (
         <VideoModal submitFileActivity={submitFileActivity} chapterId={chapterId} />
       )}
-      
-    </Modal>
+
+    </div>
   );
 }
 

front/components/Modals/CourseEdit/NewChapter.tsx

@@ -20,13 +20,13 @@ function NewChapterModal({ submitChapter , closeModal }: any) {
   };
 
   return (
-    <Modal>
-      <h1>Add New Chapter <button onClick={closeModal}>X</button></h1>
+    <div>
+      <button onClick={closeModal}>X</button>
       <input type="text" onChange={handleChapterNameChange} placeholder="Chapter Name" /> <br />
       <input type="text" onChange={handleChapterDescriptionChange} placeholder="Chapter Description" />
       <br />
       <button onClick={handleSubmit}>Add Chapter</button>
-    </Modal>
+    </div>
   );
 }