fix: note creator modal alignment

src/Element/Modal.tsx

@@ -3,12 +3,14 @@ import { useEffect } from "react"
 import * as React from "react";
 
 export interface ModalProps {
+    className?: string
     onClose?: () => void,
     children: React.ReactNode
 }
 
 export default function Modal(props: ModalProps) {
     const onClose = props.onClose || (() => { });
+    const className = props.className || ''
 
     useEffect(() => {
         document.body.classList.add("scroll-lock");
@@ -16,7 +18,7 @@ export default function Modal(props: ModalProps) {
     }, []);
 
     return (
-        <div className="modal" onClick={(e) => { e.stopPropagation(); onClose(); }}>
+        <div className={`modal ${className}`} onClick={(e) => { e.stopPropagation(); onClose(); }}>
           <div className="modal-body">
             {props.children}
           </div>