added useEffect hook to reset input value when modal is opened/closed (#354)

Co-authored-by: Josh Ramos <josh.ramos@student.unsw.edu.au>

Author: josh-ramos-22

frontend/src/packages/dashboard/components/ConfirmationModal/ConfirmationWindow.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 import { Modal, Typography, TextField, Box } from "@mui/material";
 import { useDispatch } from "react-redux";
@@ -44,6 +44,10 @@ export default function ConfirmationWindow({
   const [inputValue, setInputValue] = useState<string>("");
   const folderState = getFolderState();
 
+  useEffect(() => {
+    setInputValue("");
+  }, [modalState]);
+
   const handleSubmit = () => {
     switch (modalState.type) {
       case "folder": {