diff --git a/package-lock.json b/package-lock.json
index 722a9d6..4821c21 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,7 +24,7 @@
         "@types/react": "^18.2.64",
         "@types/react-dom": "^18.2.21",
         "astro": "^4.3.6",
-        "firebase": "^10.8.1",
+        "firebase": "^10.12.4",
         "i": "^0.3.7",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -1781,14 +1781,15 @@
       }
     },
     "node_modules/@firebase/analytics": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.4.tgz",
-      "integrity": "sha512-OJEl/8Oye/k+vJ1zV/1L6eGpc1XzAj+WG2TPznJ7PszL7sOFLBXkL9IjHfOCGDGpXeO3btozy/cYUqv4zgNeHg==",
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.6.tgz",
+      "integrity": "sha512-sB59EwcAvLt0fINGfMWmcRKcdUiYhE4AJNdDXSCSDo4D/ZXFRmb6qwX9YesKHXFB59XTLT03mAjqQcDrdym9qA==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/installations": "0.6.7",
+        "@firebase/component": "0.6.8",
+        "@firebase/installations": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
+        "safevalues": "0.6.0",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -1796,14 +1797,14 @@
       }
     },
     "node_modules/@firebase/analytics-compat": {
-      "version": "0.2.10",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.10.tgz",
-      "integrity": "sha512-ia68RcLQLLMFWrM10JfmFod7eJGwqr4/uyrtzHpTDnxGX/6gNCBTOuxdAbyWIqXI5XmcMQdz9hDijGKOHgDfPw==",
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.12.tgz",
+      "integrity": "sha512-rXWnOAdEHbvBPLNjFLu3U0yDZVIAi+C0DL+RkUEOirfSqAeQaKzBCATeBw6+K7FVpEnknhm4tZrvVUVtJjShMw==",
       "dependencies": {
-        "@firebase/analytics": "0.10.4",
+        "@firebase/analytics": "0.10.6",
         "@firebase/analytics-types": "0.8.2",
-        "@firebase/component": "0.6.7",
-        "@firebase/util": "1.9.6",
+        "@firebase/component": "0.6.8",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -1816,25 +1817,26 @@
       "integrity": "sha512-EnzNNLh+9/sJsimsA/FGqzakmrAUKLeJvjRHlg8df1f97NLUlFidk9600y0ZgWOp3CAxn6Hjtk+08tixlUOWyw=="
     },
     "node_modules/@firebase/app": {
-      "version": "0.10.5",
-      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.5.tgz",
-      "integrity": "sha512-iY/fNot+hWPk9sTX8aHMqlcX9ynRvpGkskWAdUZ2eQQdLo8d1hSFYcYNwPv0Q/frGMasw8udKWMcFOEpC9fG8g==",
+      "version": "0.10.7",
+      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.7.tgz",
+      "integrity": "sha512-7OCd53B+wnk/onbMLn/vM10pDjw97zzWUD8m3swtLYKJIrL+gDZ7HZ4xcbBLw7OB8ikzu8k1ORNjRe2itgAy4g==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "idb": "7.1.1",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@firebase/app-check": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.4.tgz",
-      "integrity": "sha512-2tjRDaxcM5G7BEpytiDcIl+NovV99q8yEqRMKDbn4J4i/XjjuThuB4S+4PkmTnZiCbdLXQiBhkVxNlUDcfog5Q==",
+      "version": "0.8.6",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.6.tgz",
+      "integrity": "sha512-uSzl0/SDw54hwuORWHDtldb9kK/QEVZOcoPn2mlIjMrJOLDug/6kcqnIN3IHzwmPyf23Epg0AGBktvG2FugW4w==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
+        "safevalues": "0.6.0",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -1842,15 +1844,15 @@
       }
     },
     "node_modules/@firebase/app-check-compat": {
-      "version": "0.3.11",
-      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.11.tgz",
-      "integrity": "sha512-t01zaH3RJpKEey0nGduz3Is+uSz7Sj4U5nwOV6lWb+86s5xtxpIvBJzu/lKxJfYyfZ29eJwpdjEgT1/lm4iQyA==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.13.tgz",
+      "integrity": "sha512-1sbS5Apq7dLys1KYdNQsmZLFIjJoFP9Mv4bzIcdXuTkWQjr3X2qAvwiTslC6prVAUMiTV0eM9eicdQIXVsiSRw==",
       "dependencies": {
-        "@firebase/app-check": "0.8.4",
+        "@firebase/app-check": "0.8.6",
         "@firebase/app-check-types": "0.5.2",
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -1868,14 +1870,14 @@
       "integrity": "sha512-FSOEzTzL5bLUbD2co3Zut46iyPWML6xc4x+78TeaXMSuJap5QObfb+rVvZJtla3asN4RwU7elaQaduP+HFizDA=="
     },
     "node_modules/@firebase/app-compat": {
-      "version": "0.2.35",
-      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.35.tgz",
-      "integrity": "sha512-vgay/WRjeH0r97/Q6L6df2CMx7oyNFDsE5yPQ9oR1G+zx2eT0s8vNNh0WlKqQxUEWaOLRnXhQ8gy7uu0cBgTRg==",
+      "version": "0.2.37",
+      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.37.tgz",
+      "integrity": "sha512-yiQLYT9LYQHuJGu/msuBLFtdWWTJ3Pz04E9gSeWykSB+8s0XXJJqfqQlghH7CcQ3KnJZR+Wuc3zSMcY3a+dn6Q==",
       "dependencies": {
-        "@firebase/app": "0.10.5",
-        "@firebase/component": "0.6.7",
+        "@firebase/app": "0.10.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       }
     },
@@ -1885,14 +1887,14 @@
       "integrity": "sha512-oMEZ1TDlBz479lmABwWsWjzHwheQKiAgnuKxE0pz0IXCVx7/rtlkx1fQ6GfgK24WCrxDKMplZrT50Kh04iMbXQ=="
     },
     "node_modules/@firebase/auth-compat": {
-      "version": "0.5.9",
-      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.9.tgz",
-      "integrity": "sha512-RX8Zh/3zz2CsVbmYfgHkfUm4fAEPCl+KHVIImNygV5jTGDF6oKOhBIpf4Yigclyu8ESQKZ4elyN0MBYm9/7zGw==",
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.10.tgz",
+      "integrity": "sha512-epDhgNIXmhl9DPuTW9Ec5NDJJKMFIdXBXiQI9O0xNHveow/ETtBCY86srzF7iCacqsd30CcpLwwXlhk8Y19Olg==",
       "dependencies": {
-        "@firebase/auth": "1.7.4",
+        "@firebase/auth": "1.7.5",
         "@firebase/auth-types": "0.12.2",
-        "@firebase/component": "0.6.7",
-        "@firebase/util": "1.9.6",
+        "@firebase/component": "0.6.8",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0",
         "undici": "5.28.4"
       },
@@ -1901,13 +1903,13 @@
       }
     },
     "node_modules/@firebase/auth-compat/node_modules/@firebase/auth": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.4.tgz",
-      "integrity": "sha512-d2Fw17s5QesojwebrA903el20Li9/YGgkoOGJjagM4I1qAT36APa/FcZ+OX86KxbYKCtQKTMqraU8pxG7C2JWA==",
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.5.tgz",
+      "integrity": "sha512-DMFR1OA/f1/voeuFbSORg9AP36pMgOoSb/DRgiDalLmIJsDTlQNMCu+givjMP4s/XL85+tBk2MerYnK/AscJjw==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0",
         "undici": "5.28.4"
       },
@@ -1936,59 +1938,59 @@
       }
     },
     "node_modules/@firebase/component": {
-      "version": "0.6.7",
-      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.7.tgz",
-      "integrity": "sha512-baH1AA5zxfaz4O8w0vDwETByrKTQqB5CDjRls79Sa4eAGAoERw4Tnung7XbMl3jbJ4B/dmmtsMrdki0KikwDYA==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.8.tgz",
+      "integrity": "sha512-LcNvxGLLGjBwB0dJUsBGCej2fqAepWyBubs4jt1Tiuns7QLbXHuyObZ4aMeBjZjWx4m8g1LoVI9QFpSaq/k4/g==",
       "dependencies": {
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@firebase/database": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.5.tgz",
-      "integrity": "sha512-cAfwBqMQuW6HbhwI3Cb/gDqZg7aR0OmaJ85WUxlnoYW2Tm4eR0hFl5FEijI3/gYPUiUcUPQvTkGV222VkT7KPw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.6.tgz",
+      "integrity": "sha512-nrexUEG/fpVlHtWKkyfhTC3834kZ1WS7voNyqbBsBCqHXQOvznN5Z0L3nxBqdXSJyltNAf4ndFlQqm5gZiEczQ==",
       "dependencies": {
         "@firebase/app-check-interop-types": "0.3.2",
         "@firebase/auth-interop-types": "0.2.3",
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "faye-websocket": "0.11.4",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@firebase/database-compat": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.5.tgz",
-      "integrity": "sha512-NDSMaDjQ+TZEMDMmzJwlTL05kh1+0Y84C+kVMaOmNOzRGRM7VHi29I6YUhCetXH+/b1Wh4ZZRyp1CuWkd8s6hg==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.6.tgz",
+      "integrity": "sha512-1OGA0sLY47mkXjhICCrUTXEYFnSSXoiXWm1SHsN62b+Lzs5aKA3aWTjTUmYIoK93kDAMPkYpulSv8jcbH4Hwew==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/database": "1.0.5",
-        "@firebase/database-types": "1.0.3",
+        "@firebase/component": "0.6.8",
+        "@firebase/database": "1.0.6",
+        "@firebase/database-types": "1.0.4",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@firebase/database-types": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.3.tgz",
-      "integrity": "sha512-39V/Riv2R3O/aUjYKh0xypj7NTNXNAK1bcgY5Kx+hdQPRS/aPTS8/5c0CGFYKgVuFbYlnlnhrCTYsh2uNhGwzA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.4.tgz",
+      "integrity": "sha512-mz9ZzbH6euFXbcBo+enuJ36I5dR5w+enJHHjy9Y5ThCdKUseqfDjW3vCp1YxE9zygFCSjJJ/z1cQ+zodvUcwPQ==",
       "dependencies": {
         "@firebase/app-types": "0.9.2",
-        "@firebase/util": "1.9.6"
+        "@firebase/util": "1.9.7"
       }
     },
     "node_modules/@firebase/firestore": {
-      "version": "4.6.3",
-      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.6.3.tgz",
-      "integrity": "sha512-d/+N2iUsiJ/Dc7fApdpdmmTXzwuTCromsdA1lKwYfZtMIOd1fI881NSLwK2wV4I38wkLnvfKJUV6WpU1f3/ONg==",
+      "version": "4.6.4",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.6.4.tgz",
+      "integrity": "sha512-vk2MoH5HxYEhiNg1l+yBXq1Fkhue/11bFg4HdlTv6BJHcTnnAj2a+/afPpatcW4MOdYA3Tv+d5nGzWbbOC1SHw==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
-        "@firebase/webchannel-wrapper": "1.0.0",
+        "@firebase/util": "1.9.7",
+        "@firebase/webchannel-wrapper": "1.0.1",
         "@grpc/grpc-js": "~1.9.0",
         "@grpc/proto-loader": "^0.7.8",
         "tslib": "^2.1.0",
@@ -2002,14 +2004,14 @@
       }
     },
     "node_modules/@firebase/firestore-compat": {
-      "version": "0.3.32",
-      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.32.tgz",
-      "integrity": "sha512-at71mwK7a/mUXH0OgyY0+gUzedm/EUydDFYSFsBoO8DYowZ23Mgd6P4Rzq/Ll3zI/3xJN7LGe7Qp4iE/V/3Arg==",
+      "version": "0.3.33",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.33.tgz",
+      "integrity": "sha512-i42a2l31N95CwYEB7zmfK0FS1mrO6pwOLwxavCrwu1BCFrVVVQhUheTPIda/iGguK/2Nog0RaIR1bo7QkZEz3g==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/firestore": "4.6.3",
+        "@firebase/component": "0.6.8",
+        "@firebase/firestore": "4.6.4",
         "@firebase/firestore-types": "3.0.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2026,15 +2028,15 @@
       }
     },
     "node_modules/@firebase/functions": {
-      "version": "0.11.5",
-      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.11.5.tgz",
-      "integrity": "sha512-qrHJ+l62mZiU5UZiVi84t/iLXZlhRuSvBQsa2qvNLgPsEWR7wdpWhRmVdB7AU8ndkSHJjGlMICqrVnz47sgU7Q==",
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.11.6.tgz",
+      "integrity": "sha512-GPfIBPtpwQvsC7SQbgaUjLTdja0CsNwMoKSgrzA1FGGRk4NX6qO7VQU6XCwBiAFWbpbQex6QWkSMsCzLx1uibQ==",
       "dependencies": {
         "@firebase/app-check-interop-types": "0.3.2",
         "@firebase/auth-interop-types": "0.2.3",
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/messaging-interop-types": "0.2.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0",
         "undici": "5.28.4"
       },
@@ -2043,14 +2045,14 @@
       }
     },
     "node_modules/@firebase/functions-compat": {
-      "version": "0.3.11",
-      "resolved": "https://registry.npmjs.org/@firebase/functions-compat/-/functions-compat-0.3.11.tgz",
-      "integrity": "sha512-Qn+ts/M6Lj2/6i1cp5V5TRR+Hi9kyXyHbo+w9GguINJ87zxrCe6ulx3TI5AGQkoQa8YFHUhT3DMGmLFiJjWTSQ==",
+      "version": "0.3.12",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-compat/-/functions-compat-0.3.12.tgz",
+      "integrity": "sha512-r3XUb5VlITWpML46JymfJPkK6I9j4SNlO7qWIXUc0TUmkv0oAfVoiIt1F83/NuMZXaGr4YWA/794nVSy4GV8tw==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/functions": "0.11.5",
+        "@firebase/component": "0.6.8",
+        "@firebase/functions": "0.11.6",
         "@firebase/functions-types": "0.6.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2063,12 +2065,12 @@
       "integrity": "sha512-0KiJ9lZ28nS2iJJvimpY4nNccV21rkQyor5Iheu/nq8aKXJqtJdeSlZDspjPSBBiHRzo7/GMUttegnsEITqR+w=="
     },
     "node_modules/@firebase/installations": {
-      "version": "0.6.7",
-      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.6.7.tgz",
-      "integrity": "sha512-i6iGoXRu5mX4rTsiMSSKrgh9pSEzD4hwBEzRh5kEhOTr8xN/wvQcCPZDSMVYKwM2XyCPBLVq0JzjyerwL0Rihg==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.6.8.tgz",
+      "integrity": "sha512-57V374qdb2+wT5v7+ntpLXBjZkO6WRgmAUbVkRfFTM/4t980p0FesbqTAcOIiM8U866UeuuuF8lYH70D3jM/jQ==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/util": "1.9.6",
+        "@firebase/component": "0.6.8",
+        "@firebase/util": "1.9.7",
         "idb": "7.1.1",
         "tslib": "^2.1.0"
       },
@@ -2077,14 +2079,14 @@
       }
     },
     "node_modules/@firebase/installations-compat": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@firebase/installations-compat/-/installations-compat-0.2.7.tgz",
-      "integrity": "sha512-RPcbD+3nqHbnhVjIOpWK2H5qzZ8pAAAScceiWph0VNTqpKyPQ5tDcp4V5fS0ELpfgsHYvroMLDKfeHxpfvm8cw==",
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-compat/-/installations-compat-0.2.8.tgz",
+      "integrity": "sha512-pI2q8JFHB7yIq/szmhzGSWXtOvtzl6tCUmyykv5C8vvfOVJUH6mP4M4iwjbK8S1JotKd/K70+JWyYlxgQ0Kpyw==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/installations": "0.6.7",
+        "@firebase/component": "0.6.8",
+        "@firebase/installations": "0.6.8",
         "@firebase/installations-types": "0.5.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2108,14 +2110,14 @@
       }
     },
     "node_modules/@firebase/messaging": {
-      "version": "0.12.9",
-      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.12.9.tgz",
-      "integrity": "sha512-IH+JJmzbFGZXV3+TDyKdqqKPVfKRqBBg2BfYYOy7cm7J+SwV+uJMe8EnDKYeQLEQhtpwciPfJ3qQXJs2lbxDTw==",
+      "version": "0.12.10",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.12.10.tgz",
+      "integrity": "sha512-fGbxJPKpl2DIKNJGhbk4mYPcM+qE2gl91r6xPoiol/mN88F5Ym6UeRdMVZah+pijh9WxM55alTYwXuW40r1Y2Q==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/installations": "0.6.7",
+        "@firebase/component": "0.6.8",
+        "@firebase/installations": "0.6.8",
         "@firebase/messaging-interop-types": "0.2.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "idb": "7.1.1",
         "tslib": "^2.1.0"
       },
@@ -2124,13 +2126,13 @@
       }
     },
     "node_modules/@firebase/messaging-compat": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/@firebase/messaging-compat/-/messaging-compat-0.2.9.tgz",
-      "integrity": "sha512-5jN6wyhwPgBH02zOtmmoOeyfsmoD7ty48D1m0vVPsFg55RqN2Z3Q9gkZ5GmPklFPjTPLcxB1ObcHOZvThTkm7g==",
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-compat/-/messaging-compat-0.2.10.tgz",
+      "integrity": "sha512-FXQm7rcowkDm8kFLduHV35IRYCRo+Ng0PIp/t1+EBuEbyplaKkGjZ932pE+owf/XR+G/60ku2QRBptRGLXZydg==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/messaging": "0.12.9",
-        "@firebase/util": "1.9.6",
+        "@firebase/component": "0.6.8",
+        "@firebase/messaging": "0.12.10",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2143,14 +2145,14 @@
       "integrity": "sha512-l68HXbuD2PPzDUOFb3aG+nZj5KA3INcPwlocwLZOzPp9rFM9yeuI9YLl6DQfguTX5eAGxO0doTR+rDLDvQb5tA=="
     },
     "node_modules/@firebase/performance": {
-      "version": "0.6.7",
-      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.6.7.tgz",
-      "integrity": "sha512-d+Q4ltjdJZqjzcdms5i0UC9KLYX7vKGcygZ+7zHA/Xk+bAbMD2CPU0nWTnlNFWifZWIcXZ/2mAMvaGMW3lypUA==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.6.8.tgz",
+      "integrity": "sha512-F+alziiIZ6Yn8FG47mxwljq+4XkgkT2uJIFRlkyViUQRLzrogaUJW6u/+6ZrePXnouKlKIwzqos3PVJraPEcCA==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/installations": "0.6.7",
+        "@firebase/component": "0.6.8",
+        "@firebase/installations": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2158,15 +2160,15 @@
       }
     },
     "node_modules/@firebase/performance-compat": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@firebase/performance-compat/-/performance-compat-0.2.7.tgz",
-      "integrity": "sha512-cb8ge/5iTstxfIGW+iiY+7l3FtN8gobNh9JSQNZgLC9xmcfBYWEs8IeEWMI6S8T+At0oHc3lv+b2kpRMUWr8zQ==",
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-compat/-/performance-compat-0.2.8.tgz",
+      "integrity": "sha512-o7TFClRVJd3VIBoY7KZQqtCeW0PC6v9uBzM6Lfw3Nc9D7hM6OonqecYvh7NwJ6R14k+xM27frLS4BcCvFHKw2A==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/performance": "0.6.7",
+        "@firebase/performance": "0.6.8",
         "@firebase/performance-types": "0.2.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2179,14 +2181,14 @@
       "integrity": "sha512-gVq0/lAClVH5STrIdKnHnCo2UcPLjJlDUoEB/tB4KM+hAeHUxWKnpT0nemUPvxZ5nbdY/pybeyMe8Cs29gEcHA=="
     },
     "node_modules/@firebase/remote-config": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.4.7.tgz",
-      "integrity": "sha512-5oPNrPFLsbsjpq0lUEIXoDF2eJK7vAbyXe/DEuZQxnwJlfR7aQbtUlEkRgQWcicXpyDmAmDLo7q7lDbCYa6CpA==",
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.4.8.tgz",
+      "integrity": "sha512-AMLqe6wfIRnjc6FkCWOSUjhc1fSTEf8o+cv1NolFvbiJ/tU+TqN4pI7pT+MIKQzNiq5fxLehkOx+xtAQBxPJKQ==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/installations": "0.6.7",
+        "@firebase/component": "0.6.8",
+        "@firebase/installations": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2194,15 +2196,15 @@
       }
     },
     "node_modules/@firebase/remote-config-compat": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@firebase/remote-config-compat/-/remote-config-compat-0.2.7.tgz",
-      "integrity": "sha512-Fq0oneQ4SluLnfr5/HfzRS1TZf1ANj1rWbCCW3+oC98An3nE+sCdp+FSuHsEVNwgMg4Tkwx9Oom2lkKeU+Vn+w==",
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-compat/-/remote-config-compat-0.2.8.tgz",
+      "integrity": "sha512-UxSFOp6dzFj2AHB8Bq/BYtbq5iFyizKx4Rd6WxAdaKYM8cnPMeK+l2v+Oogtjae+AeyHRI+MfL2acsfVe5cd2A==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/remote-config": "0.4.7",
+        "@firebase/remote-config": "0.4.8",
         "@firebase/remote-config-types": "0.3.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2215,12 +2217,12 @@
       "integrity": "sha512-0BC4+Ud7y2aPTyhXJTMTFfrGGLqdYXrUB9sJVAB8NiqJswDTc4/2qrE/yfUbnQJhbSi6ZaTTBKyG3n1nplssaA=="
     },
     "node_modules/@firebase/storage": {
-      "version": "0.12.5",
-      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.12.5.tgz",
-      "integrity": "sha512-nGWBOGFNr10j0LA4NJ3/Yh3us/lb0Q1xSIKZ38N6FcS+vY54nqJ7k3zE3PENregHC8+8txRow++A568G3v8hOA==",
+      "version": "0.12.6",
+      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.12.6.tgz",
+      "integrity": "sha512-Zgb9WuehJxzhj7pGXUvkAEaH+3HvLjD9xSZ9nepuXf5f8378xME7oGJtREr/RnepdDA5YW0XIxe0QQBNHpe1nw==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/util": "1.9.6",
+        "@firebase/component": "0.6.8",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0",
         "undici": "5.28.4"
       },
@@ -2229,14 +2231,14 @@
       }
     },
     "node_modules/@firebase/storage-compat": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@firebase/storage-compat/-/storage-compat-0.3.8.tgz",
-      "integrity": "sha512-qDfY9kMb6Ch2hZb40sBjDQ8YPxbjGOxuT+gU1Z0iIVSSpSX0f4YpGJCypUXiA0T11n6InCXB+T/Dknh2yxVTkg==",
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-compat/-/storage-compat-0.3.9.tgz",
+      "integrity": "sha512-WWgAp5bTW961oIsCc9+98m4MIVKpEqztAlIngfHfwO/x3DYoBPRl/awMRG3CAXyVxG+7B7oHC5IsnqM+vTwx2A==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
-        "@firebase/storage": "0.12.5",
+        "@firebase/component": "0.6.8",
+        "@firebase/storage": "0.12.6",
         "@firebase/storage-types": "0.8.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "peerDependencies": {
@@ -2253,22 +2255,22 @@
       }
     },
     "node_modules/@firebase/util": {
-      "version": "1.9.6",
-      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.9.6.tgz",
-      "integrity": "sha512-IBr1MZbp4d5MjBCXL3TW1dK/PDXX4yOGbiwRNh1oAbE/+ci5Uuvy9KIrsFYY80as1I0iOaD5oOMA9Q8j4TJWcw==",
+      "version": "1.9.7",
+      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.9.7.tgz",
+      "integrity": "sha512-fBVNH/8bRbYjqlbIhZ+lBtdAAS4WqZumx03K06/u7fJSpz1TGjEMm1ImvKD47w+xaFKIP2ori6z8BrbakRfjJA==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@firebase/vertexai-preview": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/@firebase/vertexai-preview/-/vertexai-preview-0.0.2.tgz",
-      "integrity": "sha512-NOOL63kFQRq45ioi5P+hlqj/4LNmvn1URhGjQdvyV54c1Irvoq26aW861PRRLjrSMIeNeiLtCLD5pe+ediepAg==",
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@firebase/vertexai-preview/-/vertexai-preview-0.0.3.tgz",
+      "integrity": "sha512-KVtUWLp+ScgiwkDKAvNkVucAyhLVQp6C6lhnVEuIg4mWhWcS3oerjAeVhZT4uNofKwWxRsOaB2Yec7DMTXlQPQ==",
       "dependencies": {
         "@firebase/app-check-interop-types": "0.3.2",
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0"
       },
       "engines": {
@@ -2280,9 +2282,9 @@
       }
     },
     "node_modules/@firebase/webchannel-wrapper": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.0.tgz",
-      "integrity": "sha512-zuWxyfXNbsKbm96HhXzainONPFqRcoZblQ++e9cAIGUuHfl2cFSBzW01jtesqWG/lqaUyX3H8O1y9oWboGNQBA=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.1.tgz",
+      "integrity": "sha512-jmEnr/pk0yVkA7mIlHNnxCi+wWzOFUg0WyIotgkKAb2u1J7fAeDBcVNSTjTihbAYNusCLQdW5s9IJ5qwnEufcQ=="
     },
     "node_modules/@floating-ui/core": {
       "version": "1.6.3",
@@ -10349,9 +10351,9 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
     "node_modules/fast-xml-parser": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.4.0.tgz",
-      "integrity": "sha512-kLY3jFlwIYwBNDojclKsNAC12sfD6NwW74QB2CoNGPvtVxjliYehVunB3HYyNi+n4Tt1dAcgwYvmKF/Z18flqg==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.4.1.tgz",
+      "integrity": "sha512-xkjOecfnKGkSsOwtZ5Pz7Us/T6mrbPQrq0nh+aCO5V9nk5NLWmasAHumTKjiPJPWANe+kAZ84Jc8ooJkzZ88Sw==",
       "funding": [
         {
           "type": "github",
@@ -10475,47 +10477,47 @@
       }
     },
     "node_modules/firebase": {
-      "version": "10.12.2",
-      "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.12.2.tgz",
-      "integrity": "sha512-ZxEdtSvP1I9su1yf32D8TIdgxtPgxwr6z3jYAR1TXS/t+fVfpoPc/N1/N2bxOco9mNjUoc+od34v5Fn4GeKs6Q==",
-      "dependencies": {
-        "@firebase/analytics": "0.10.4",
-        "@firebase/analytics-compat": "0.2.10",
-        "@firebase/app": "0.10.5",
-        "@firebase/app-check": "0.8.4",
-        "@firebase/app-check-compat": "0.3.11",
-        "@firebase/app-compat": "0.2.35",
+      "version": "10.12.4",
+      "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.12.4.tgz",
+      "integrity": "sha512-SQz49NMpwG4MLTPZ9C8jBp7IyS2haTvsIvjclgu+v/jvzNtjZoxIcoF6A13EIfBHmJ5eiuVlvttxElOf7LnJew==",
+      "dependencies": {
+        "@firebase/analytics": "0.10.6",
+        "@firebase/analytics-compat": "0.2.12",
+        "@firebase/app": "0.10.7",
+        "@firebase/app-check": "0.8.6",
+        "@firebase/app-check-compat": "0.3.13",
+        "@firebase/app-compat": "0.2.37",
         "@firebase/app-types": "0.9.2",
-        "@firebase/auth": "1.7.4",
-        "@firebase/auth-compat": "0.5.9",
-        "@firebase/database": "1.0.5",
-        "@firebase/database-compat": "1.0.5",
-        "@firebase/firestore": "4.6.3",
-        "@firebase/firestore-compat": "0.3.32",
-        "@firebase/functions": "0.11.5",
-        "@firebase/functions-compat": "0.3.11",
-        "@firebase/installations": "0.6.7",
-        "@firebase/installations-compat": "0.2.7",
-        "@firebase/messaging": "0.12.9",
-        "@firebase/messaging-compat": "0.2.9",
-        "@firebase/performance": "0.6.7",
-        "@firebase/performance-compat": "0.2.7",
-        "@firebase/remote-config": "0.4.7",
-        "@firebase/remote-config-compat": "0.2.7",
-        "@firebase/storage": "0.12.5",
-        "@firebase/storage-compat": "0.3.8",
-        "@firebase/util": "1.9.6",
-        "@firebase/vertexai-preview": "0.0.2"
+        "@firebase/auth": "1.7.5",
+        "@firebase/auth-compat": "0.5.10",
+        "@firebase/database": "1.0.6",
+        "@firebase/database-compat": "1.0.6",
+        "@firebase/firestore": "4.6.4",
+        "@firebase/firestore-compat": "0.3.33",
+        "@firebase/functions": "0.11.6",
+        "@firebase/functions-compat": "0.3.12",
+        "@firebase/installations": "0.6.8",
+        "@firebase/installations-compat": "0.2.8",
+        "@firebase/messaging": "0.12.10",
+        "@firebase/messaging-compat": "0.2.10",
+        "@firebase/performance": "0.6.8",
+        "@firebase/performance-compat": "0.2.8",
+        "@firebase/remote-config": "0.4.8",
+        "@firebase/remote-config-compat": "0.2.8",
+        "@firebase/storage": "0.12.6",
+        "@firebase/storage-compat": "0.3.9",
+        "@firebase/util": "1.9.7",
+        "@firebase/vertexai-preview": "0.0.3"
       }
     },
     "node_modules/firebase/node_modules/@firebase/auth": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.4.tgz",
-      "integrity": "sha512-d2Fw17s5QesojwebrA903el20Li9/YGgkoOGJjagM4I1qAT36APa/FcZ+OX86KxbYKCtQKTMqraU8pxG7C2JWA==",
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.5.tgz",
+      "integrity": "sha512-DMFR1OA/f1/voeuFbSORg9AP36pMgOoSb/DRgiDalLmIJsDTlQNMCu+givjMP4s/XL85+tBk2MerYnK/AscJjw==",
       "dependencies": {
-        "@firebase/component": "0.6.7",
+        "@firebase/component": "0.6.8",
         "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.9.6",
+        "@firebase/util": "1.9.7",
         "tslib": "^2.1.0",
         "undici": "5.28.4"
       },
@@ -16079,6 +16081,11 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "node_modules/safevalues": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/safevalues/-/safevalues-0.6.0.tgz",
+      "integrity": "sha512-MZ7DcTOcIoPXN36/UONVE9BT0pmwlCr9WcS7Pj/q4FxOwr33FkWC0CUWj/THQXYWxf/F7urbhaHaOeFPSqGqHA=="
+    },
     "node_modules/sanitize-filename": {
       "version": "1.6.3",
       "resolved": "https://registry.npmjs.org/sanitize-filename/-/sanitize-filename-1.6.3.tgz",
diff --git a/package.json b/package.json
index de1e8a7..3430c66 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
     "astro": "^4.3.6",
-    "firebase": "^10.8.1",
+    "firebase": "^10.12.4",
     "i": "^0.3.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/src/components/DataForm.tsx b/src/components/DataForm.tsx
index d5dabf4..eba43a3 100644
--- a/src/components/DataForm.tsx
+++ b/src/components/DataForm.tsx
@@ -1,52 +1,82 @@
-import React, { useState } from "react"
-import DataTable from "../components/DataTable"
-import DownloadModal from "../components/DownloadModal"
+import { Controller, type SubmitHandler, useForm } from "react-hook-form"
+import * as Form from "@radix-ui/react-form"
+import { addHistoryData } from "../firebase"
+import { Input } from "./Input.tsx"
+import { Textarea } from "./Textarea.tsx"
+import Button from "./Button.tsx"
 
-export interface FileItem {
-  title: string
-  cat: string
-  file: string
-  description?: string
-  selected: boolean
+export interface Inputs {
+  name: string
+  institution: string
+  email: string
+  description: string
 }
 
-interface DataFormProps {
-  allFiles: {
-    data: {
-      title: string
-      cat: string
-      file: string
-      description?: string
-    }
-  }[]
-}
-
-const DataForm: React.FC<DataFormProps> = ({ allFiles }) => {
-  const [files, setFiles] = useState(
-    allFiles.map((file) => {
-      return { ...file.data, selected: false }
-    })
-  )
+const DataForm = () => {
+  const { handleSubmit, control, register } = useForm<Inputs>()
 
-  /**
-   * Given a target file name and new `selected` field for that file, update the matching file object in{@link files}
-   * with the new value for `selected`.
-   */
-  const updateFileList = ({ file: targetFile }: FileItem, selection: boolean) => {
-    setFiles((prevFiles) => {
-      return prevFiles.map(({ file, selected, ...rest }) => {
-        return file === targetFile
-          ? { file, selected: selection, ...rest }
-          : { file, selected, ...rest }
-      })
-    })
+  const onSubmit: SubmitHandler<Inputs> = async (data) => {
+    await addHistoryData(data)
+    window.location.replace("https://repository.library.brown.edu/studio/item/bdr:p54c6u36/")
   }
-
   return (
-    <div className="space-y-4">
-      <DownloadModal filesToDownload={files.map((file) => file.file)} />
-      <DataTable allFiles={files} updateFileList={updateFileList} />
-    </div>
+    <Form.Root
+      className="p-6 rounded outline outline-neutral-100 outline-1 shadow-md space-y-4"
+      onSubmit={handleSubmit(onSubmit)}
+    >
+      <Controller
+        name="name"
+        control={control}
+        render={() => (
+          <Input label="Name" placeholder="Heather Yu" {...register("name")} required />
+        )}
+      />
+      <Controller
+        name="institution"
+        control={control}
+        render={() => (
+          <Input
+            label="Institution"
+            placeholder="Brown University"
+            {...register("institution")}
+            required
+          />
+        )}
+      />
+      <Controller
+        name="email"
+        control={control}
+        render={() => (
+          <Input
+            label="Email"
+            placeholder="heather@example.com"
+            match="typeMismatch"
+            errorMessage="Please provide a valid email"
+            {...register("email")}
+            required
+          />
+        )}
+      />
+      <Controller
+        name="description"
+        control={control}
+        render={() => (
+          <Textarea
+            label="Description"
+            placeholder="Why you need this file..."
+            {...register("description")}
+            required
+          />
+        )}
+      />
+
+      <Form.Submit asChild>
+        <Button>
+          <span>Submit</span>
+        </Button>
+      </Form.Submit>
+    </Form.Root>
   )
 }
+
 export default DataForm
diff --git a/src/components/DataTable.tsx b/src/components/DataTable.tsx
index 6e86ed9..a4ea1b0 100644
--- a/src/components/DataTable.tsx
+++ b/src/components/DataTable.tsx
@@ -1,7 +1,14 @@
 import React, { useState } from "react"
 import * as Checkbox from "@radix-ui/react-checkbox"
 import { CheckIcon } from "@radix-ui/react-icons"
-import type { FileItem } from "./DataForm.tsx"
+
+export interface FileItem {
+  title: string
+  cat: string
+  file: string
+  description?: string
+  selected: boolean
+}
 
 type updateFileListType = (fileToUpdate: FileItem, selection: boolean) => void
 
diff --git a/src/components/DownloadModal.tsx b/src/components/DownloadModal.tsx
deleted file mode 100644
index 7ee3cd8..0000000
--- a/src/components/DownloadModal.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import React, { useState } from "react"
-import * as Dialog from "@radix-ui/react-dialog"
-import * as Form from "@radix-ui/react-form"
-import { Cross2Icon, DownloadIcon, PlusIcon } from "@radix-ui/react-icons"
-import { useForm, Controller, type SubmitHandler } from "react-hook-form"
-import { Textarea } from "./Textarea.tsx"
-import Button from "./Button.tsx"
-import { Input } from "./Input.tsx"
-
-export interface Inputs {
-  name: string
-  institution: string
-  email: string
-  description: string
-  files: Array<string>
-}
-
-interface DownloadModalProps {
-  filesToDownload: Array<string>
-}
-
-const DownloadModal: React.FC<DownloadModalProps> = ({ filesToDownload }) => {
-  const [isOpen, setIsOpen] = useState(false)
-  const [message, setMessage] = useState("")
-  const { handleSubmit, control, register, setValue } = useForm<Inputs>()
-
-  const onSubmit: SubmitHandler<Inputs> = async () => {
-    // TODO: authentication check
-    setValue("files", filesToDownload)
-    setMessage("Checking if signed in")
-
-    // TODO: push data to history table if signed in
-  }
-
-  return (
-    <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
-      <Dialog.Trigger asChild>
-        <Button icon={<DownloadIcon />}>
-          <span>Download data</span>
-        </Button>
-      </Dialog.Trigger>
-      <Dialog.Portal>
-        <Dialog.Overlay
-          className="fixed top-0 left-0 right-0 bottom-0 bg-neutral-500 bg-opacity-75 transition-opacity z-10 w-screen overflow-y-auto"
-          onClick={() => setIsOpen(false)}
-        />
-        <Dialog.Content className="fixed top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 max-h-[85vh] z-10 space-y-8 rounded-lg shadow-xl bg-neutral-50 p-9 overflow-y-auto">
-          <div>
-            <div className="flex justify-end">
-              <Dialog.Close className="text-neutral-900 p-0 inline-flex justify-center items-center hover:bg-neutral-50 hover:shadow-none">
-                <Cross2Icon width={28} height={28} />
-                <span className="sr-only">Close</span>
-              </Dialog.Close>
-            </div>
-            <div className="space-y-4">
-              <Dialog.Title>Download Data</Dialog.Title>
-              <p>
-                By downloading these data, you agree to the <a href="#">usage guidelines</a>
-              </p>
-            </div>
-          </div>
-          <Form.Root className="space-y-4" onSubmit={handleSubmit(onSubmit)}>
-            {message ? <p>{message}</p> : null}
-            <Controller
-              name="name"
-              control={control}
-              render={() => (
-                <Input label="Name" placeholder="Heather Yu" {...register("name")} required />
-              )}
-            />
-            <Controller
-              name="institution"
-              control={control}
-              render={() => (
-                <Input
-                  label="Institution"
-                  placeholder="Brown University"
-                  {...register("institution")}
-                  required
-                />
-              )}
-            />
-            <Controller
-              name="email"
-              control={control}
-              render={() => (
-                <Input
-                  label="Email"
-                  placeholder="heather@example.com"
-                  match="typeMismatch"
-                  errorMessage="Please provide a valid email"
-                  {...register("email")}
-                  required
-                />
-              )}
-            />
-            <Controller
-              name="description"
-              control={control}
-              render={() => (
-                <Textarea
-                  label="Description"
-                  placeholder="Why you need this file..."
-                  {...register("description")}
-                  required
-                />
-              )}
-            />
-
-            <Form.Submit asChild>
-              <Button icon={<PlusIcon />}>
-                <span>Validate Email</span>
-              </Button>
-            </Form.Submit>
-            {/* <Form.Field name="download">
-                <Form.Control asChild>
-                  <Button
-                    className="flex items-center gap-2 rounded-lg px-5 py-2.5 bg-black text-white text-sm text-center font-medium hover:bg-gray-500 focus:ring-4 focus:outline-none focus:ring-gray-500 disabled:bg-gray-400"
-                    disabled
-                  ></Button>
-                </Form.Control>
-              </Form.Field> */}
-          </Form.Root>
-          {/* {filesToDownload.map((file) => {
-              const name = file.replace(/.+?(?=[^_]+$)/, "").replace(/\.[^.]*$/, "")
-
-              return (
-                <a className="p-2" key={file} href={file} download={file}>
-                  {name.toUpperCase()}
-                </a>
-              )
-            })} */}
-        </Dialog.Content>
-      </Dialog.Portal>
-    </Dialog.Root>
-  )
-}
-export default DownloadModal
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index dc14ca1..1e097b5 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -14,13 +14,14 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     return (
       <Form.Field name={name} className="flex flex-col gap-2">
         <Form.Label>{label}</Form.Label>
-        <Form.Control asChild>
-          <div className="flex items-center gap-2 bg-white rounded-full shadow-inner min-w-60 w-max py-3 px-5 focus-within:shadow-inner-focus">
-            <span className="text-neutral-300 w-5 h-5">{icon}</span>
+        <div className="flex items-center gap-2 bg-white rounded-full shadow-inner min-w-60 w-max py-3 px-5 focus-within:shadow-inner-focus">
+          {icon && <span className="text-neutral-300 w-5 h-5">{icon}</span>}
+
+          <Form.Control asChild>
             <input {...delegated} ref={ref} />
-          </div>
-        </Form.Control>
-        <Form.Message className="text-primary-300" match="valueMissing">
+          </Form.Control>
+        </div>
+        <Form.Message className="px-2 text-primary-300" match="valueMissing">
           Please enter your {label}
         </Form.Message>
         {match !== undefined && (
diff --git a/src/components/Textarea.tsx b/src/components/Textarea.tsx
index 1b7dedd..2ead700 100644
--- a/src/components/Textarea.tsx
+++ b/src/components/Textarea.tsx
@@ -1,4 +1,4 @@
-import React from "react"
+import React, { useState } from "react"
 import * as Form from "@radix-ui/react-form"
 
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
@@ -7,20 +7,30 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
 }
 
 export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-  ({ name, label, ...delegated }, ref) => (
-    <Form.Field name={name} className="flex flex-col gap-2">
-      <Form.Label>{label}</Form.Label>
-      <Form.Control asChild>
-        <textarea
-          rows={4}
-          className="text-gray-400 text-sm font-medium outline-none border-b-2 w-full"
-          {...delegated}
-          ref={ref}
-        />
-      </Form.Control>
-      <Form.Message className="text-primary-300" match="valueMissing">
-        Please enter your {label}
-      </Form.Message>
-    </Form.Field>
-  )
+  ({ name, label, ...delegated }, ref) => {
+    const [characterCount, setCharacterCount] = useState(0)
+    const maxLength = 300
+
+    return (
+      <Form.Field name={name} className="relative flex flex-col gap-2">
+        <Form.Label>{label}</Form.Label>
+        <span className="px-2 py-1 text-xs text-neutral-300 rounded absolute top-9 right-1">
+          {characterCount}/{maxLength}
+        </span>
+        <Form.Control asChild>
+          <textarea
+            rows={4}
+            maxLength={maxLength}
+            className="text-gray-400 text-sm font-medium outline-none border-b-2 w-full py-6"
+            {...delegated}
+            ref={ref}
+            onChange={(e) => setCharacterCount(e.target.value.length)}
+          />
+        </Form.Control>
+        <Form.Message className="text-primary-300 px-2" match="valueMissing">
+          Please enter your {label}
+        </Form.Message>
+      </Form.Field>
+    )
+  }
 )
diff --git a/src/content/pages/data.md b/src/content/pages/data.md
index 4cee6ab..15654b0 100644
--- a/src/content/pages/data.md
+++ b/src/content/pages/data.md
@@ -2,4 +2,8 @@
 title: Data
 ---
 
-Instructions to users
\ No newline at end of file
+## Accessing the Data
+
+After submitting this form, you will be redirected to the Brown Digital Repository to download the data.
+
+The data is currently available for SPSS and STATA file formats.
\ No newline at end of file
diff --git a/src/firebase-config.json b/src/firebase-config.json
new file mode 100644
index 0000000..7ffbd5e
--- /dev/null
+++ b/src/firebase-config.json
@@ -0,0 +1,8 @@
+{
+  "apiKey": "AIzaSyBaGckKaSh8Kg7h6QnucrxP5pKPSETFRLE",
+  "authDomain": "mmp-site-b1c9b.firebaseapp.com",
+  "projectId": "mmp-site-b1c9b",
+  "storageBucket": "mmp-site-b1c9b.appspot.com",
+  "messagingSenderId": "364364593490",
+  "appId": "1:364364593490:web:9636e89bda12afe7f2a28b"
+}
\ No newline at end of file
diff --git a/src/firebase.js b/src/firebase.js
new file mode 100644
index 0000000..deedaa2
--- /dev/null
+++ b/src/firebase.js
@@ -0,0 +1,21 @@
+import { initializeApp } from "firebase/app"
+import { getFirestore, addDoc, collection } from "firebase/firestore"
+import firebaseConfig from "./firebase-config.json"
+
+const app = initializeApp(firebaseConfig)
+const db = getFirestore(app)
+
+export const addHistoryData = async (inputs) => {
+  try {
+    const docRef = await addDoc(collection(db, "history"), {
+      name: inputs.name,
+      institution: inputs.institution,
+      email: inputs.email,
+      description: inputs.description,
+      date: new Date(),
+    })
+    console.log("Document written with ID: ", docRef.id)
+  } catch (e) {
+    console.error("Error adding document: ", e)
+  }
+}
diff --git a/src/pages/data.astro b/src/pages/data.astro
index 824aee9..57d8ff6 100644
--- a/src/pages/data.astro
+++ b/src/pages/data.astro
@@ -1,14 +1,12 @@
 ---
-import { getCollection } from "astro:content"
 import Layout from "../layouts/Layout.astro"
 import DataForm from "../components/DataForm"
 import * as lede from "../content/pages/data.md"
-const files = await getCollection("data")
 ---
 
 <Layout title="Data" description="Data files and information">
   <section class="space-y-8 readable pb-12">
     <lede.Content />
   </section>
-  <DataForm allFiles={files} client:only="react" />
+  <DataForm client:only="react" />
 </Layout>