refactor: non dom elements for fetching password

frontend/src/components/ui/LogModal.tsx

@@ -13,7 +13,9 @@ export const LogModal = ({
   onClose,
   status,
 }: LogModalContent) => {
-  status === "RESET" ? null : (
+  return status === "RESET" ? (
+    <div></div>
+  ) : (
     <div className="modal modal-open modal-bottom sm:modal-middle bg-base-100/20 backdrop-blur-md z-100">
       <div className="modal-box bg-transparent border-none shadow-none relative">
         <div

frontend/src/pages/Drawer.tsx

@@ -46,7 +46,8 @@ export default function Drawer() {
                 className="form-control w-full inline-flex"
                 onSubmit={async (e: React.SubmitEvent<HTMLFormElement>) => {
                   e.preventDefault();
-                  const password = e.target.password.value;
+                  const formData = new FormData(e.currentTarget);
+                  const password = formData.get("password") as string;
                   if (!password) return;
                   unlock(password);
                 }}