changed toolbar position bottom to top

src/components/common/TextEditor/Editor.jsx

@@ -34,16 +34,7 @@ const Editor = ({
 
   return (
     <div className="editor-wrapper">
-      <ReactQuill
-        value={value}
-        onChange={onChange}
-        modules={modules}
-        formats={formats}
-        theme="snow"
-        placeholder={placeholder}
-      />
-
-      <div id="custom-toolbar" className="ql-toolbar ql-snow custom-toolbar">
+       <div id="custom-toolbar" className="ql-toolbar ql-snow custom-toolbar">
         <div className="d-flex justify-content-between align-items-center w-100">
           {/* Left: Quill Format Buttons */}
           <span className="d-flex">
@@ -70,8 +61,19 @@ const Editor = ({
             </span>
           </span>
 
-          {/* Right: Submit + Cancel Buttons */}
-          <div className="d-flex gap-2">
+     
+        </div>
+      </div>
+      <ReactQuill
+        value={value}
+        onChange={onChange}
+        modules={modules}
+        formats={formats}
+        theme="snow"
+        placeholder={placeholder}
+      />
+       {/* Right: Submit + Cancel Buttons */}
+          <div className="d-flex justify-content-end  gap-2 p-1">
             <span className="btn btn-xs btn-secondary" aria-disabled={loading} onClick={onCancel}>
               Cancel
             </span>
@@ -84,8 +86,7 @@ const Editor = ({
             {loading ? "Please Wait..." : "Submit"}
             </span>
           </div>
-        </div>
-      </div>
+     
     </div>
   );
 };