added forms and refactored component names

src/main.tsx

@@ -3,10 +3,13 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import { BrowserRouter } from "react-router";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import Modal from "react-modal";
 import App from "./App.tsx";
 
 const queryClient = new QueryClient();
 
+Modal.setAppElement("#root");
+
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>