feat: integrate Moodle API services, add RichTextEditor component, and configure environment variables for course management.

frontend/src/components/EditPost.jsx

@@ -17,8 +17,7 @@ import {
 import { ArrowBack, Publish, Image as ImageIcon, History } from "@mui/icons-material";
 import ImageUploaderCloudinary from "./ImageUploaderCloudinary";
 import CloudinaryGallerySelector from "./CloudinaryGallerySelector";
-import ReactQuill from "react-quill";
-import "react-quill/dist/quill.snow.css";
+import RichTextEditor from "./common/RichTextEditor";
 import "../assets/styleCours.css";
 
 const BUTTON_BASE_SX = Object.freeze({
@@ -157,15 +156,13 @@ function EditPost() {
     return new File([blob], "image-cloudinary.jpg", { type: blob.type });
   };
 
-  const modules = {
-    toolbar: [
-      [{ header: [1, 2, 3, false] }],
-      ["bold", "italic", "underline", "strike"],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link", "image"], // ✅ le bouton image est ici
-      ["clean"],
-    ],
-  };
+  const toolbarOptions = [
+    [{ header: [1, 2, 3, false] }],
+    ["bold", "italic", "underline", "strike"],
+    [{ list: "ordered" }, { list: "bullet" }],
+    ["link", "image"],
+    ["clean"],
+  ];
 
   const canSubmit =
     title.trim().length > 0 && content.trim().length > 0 && Boolean(imageUrl);
@@ -344,12 +341,11 @@ function EditPost() {
                           backgroundColor: "rgba(255,255,255,0.92)",
                         }}
                       >
-                        <ReactQuill
-                          theme="snow"
+                        <RichTextEditor
                           value={content}
                           onChange={setContent}
-                          modules={modules}
-                          style={{ height: 280 }}
+                          minHeight={280}
+                          toolbarOptions={toolbarOptions}
                         />
                       </Box>