Update fetch URLs and set app base URL

The localhost:8080 server references in fetch calls within verify_mail.tsx and contact.tsx files have been updated to localhost:8002. Furthermore, the application base URL has been set to '/forms' in package.json, and in the BrowserRouter element within App.tsx, to ensure proper routing on the production server.

package.json

@@ -1,4 +1,5 @@
 {
+  "homepage": "https://alttd.com/forms",
   "name": "forms",
   "version": "0.1.0",
   "private": true,
@@ -21,7 +22,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "set \"PUBLIC_URL=/forms\" && react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

src/App.tsx

@@ -12,7 +12,7 @@ function App() {
     return (
         <div className="app-container">
             <Header/>
-            <BrowserRouter>
+            <BrowserRouter basename="/forms">
                 <Routes>
                     <Route path="/" element={<Home/>}/>
                     <Route path="/contact" element={<ContactForm/>}/>

src/components/contact_form/contact.tsx

@@ -55,7 +55,7 @@ const ContactForm = () => {
 
     const handleSubmit = async (e: FormikValues) => {
         try {
-            const response = await fetch('http://localhost:8080/api/contact/submitContactForm', {
+            const response = await fetch('http://localhost:8002/api/contact/submitContactForm', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',

src/components/verify_email/verify_mail.tsx

@@ -42,7 +42,7 @@ const VerifyMail: FC = () => {
             eMail: email
         }
         console.log(verificationData);
-        fetch('http://localhost:8080/api/verify_email/form', {
+        fetch('http://localhost:8002/api/verify_email/form', {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',