diff --git a/package-lock.json b/package-lock.json
index 44ce40a..adf54d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,6 @@
       "name": "balistics-builder",
       "version": "0.2.0",
       "dependencies": {
-        "@clerk/nextjs": "^6.10.6",
         "@emotion/react": "^11.13.5",
         "@emotion/styled": "^11.13.5",
         "@headlessui/react": "^2.2.0",
@@ -57,8 +56,8 @@
         "pg": "^8.13.1",
         "postgres": "^3.4.5",
         "prettier": "^3.4.2",
-        "react": "^18.2.0",
-        "react-dom": "18.2.0",
+        "react": "19.0.0",
+        "react-dom": "19.0.0",
         "react-icons": "^5.3.0",
         "sha2": "@oslojs/crypto/sha2",
         "sonner": "^1.7.2",
@@ -334,138 +333,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@clerk/backend": {
-      "version": "1.23.11",
-      "resolved": "https://registry.npmjs.org/@clerk/backend/-/backend-1.23.11.tgz",
-      "integrity": "sha512-N5CYCnVbSVXUkQg9oAAAf9r/kfPmBGxMqjzslDC9Tl3rkXFTkWjkBNnToB6We2ySdrmqiQGR/+/c4mS9XRbaOQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@clerk/shared": "^2.20.18",
-        "@clerk/types": "^4.45.0",
-        "cookie": "1.0.2",
-        "snakecase-keys": "8.0.1",
-        "tslib": "2.4.1"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      }
-    },
-    "node_modules/@clerk/backend/node_modules/cookie": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
-      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@clerk/backend/node_modules/tslib": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
-      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
-      "license": "0BSD"
-    },
-    "node_modules/@clerk/clerk-react": {
-      "version": "5.22.10",
-      "resolved": "https://registry.npmjs.org/@clerk/clerk-react/-/clerk-react-5.22.10.tgz",
-      "integrity": "sha512-3tTUt+3w5E+4ePl+6q6ugNTgjyjQw000nouXRngCEorDC2545Lc2HTZ37n1W8WuTx2BN32Rerjf2UJDmpRqrYg==",
-      "license": "MIT",
-      "dependencies": {
-        "@clerk/shared": "^2.20.18",
-        "@clerk/types": "^4.45.0",
-        "tslib": "2.4.1"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-0",
-        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-0"
-      }
-    },
-    "node_modules/@clerk/clerk-react/node_modules/tslib": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
-      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
-      "license": "0BSD"
-    },
-    "node_modules/@clerk/nextjs": {
-      "version": "6.10.6",
-      "resolved": "https://registry.npmjs.org/@clerk/nextjs/-/nextjs-6.10.6.tgz",
-      "integrity": "sha512-/Pn/DxwGRJF4RM/yVOjZv7ogwE9z5MjUmzcQxZhnbf/wiEj/lP/kTEFEgjo77qBPVAGjm7tHzvsecYyCx0iExA==",
-      "license": "MIT",
-      "dependencies": {
-        "@clerk/backend": "^1.23.11",
-        "@clerk/clerk-react": "^5.22.10",
-        "@clerk/shared": "^2.20.18",
-        "@clerk/types": "^4.45.0",
-        "crypto-js": "4.2.0",
-        "server-only": "0.0.1",
-        "tslib": "2.4.1"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      },
-      "peerDependencies": {
-        "next": "^13.5.4 || ^14.0.3 || ^15.0.0",
-        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-0",
-        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-0"
-      }
-    },
-    "node_modules/@clerk/nextjs/node_modules/tslib": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
-      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
-      "license": "0BSD"
-    },
-    "node_modules/@clerk/shared": {
-      "version": "2.20.18",
-      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-2.20.18.tgz",
-      "integrity": "sha512-vSQLZSRFr62+YeE1KE/Xu/eWCrwYJRNA2KRyQYmb2VPleFNmOjtTNlO4xkMZ0eN6BLKxrBo9b0NVwu3L28FhKg==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "dependencies": {
-        "@clerk/types": "^4.45.0",
-        "dequal": "2.0.3",
-        "glob-to-regexp": "0.4.1",
-        "js-cookie": "3.0.5",
-        "std-env": "^3.7.0",
-        "swr": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-0",
-        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@clerk/types": {
-      "version": "4.45.0",
-      "resolved": "https://registry.npmjs.org/@clerk/types/-/types-4.45.0.tgz",
-      "integrity": "sha512-DSXPWq1xD01tzyHv7CugX2T/XfVUZX2xxQ92cs+JPTrGoqIYm+yjRWqOz1CVJ/76TbYMOrB0efCGOxEcNV/PQw==",
-      "license": "MIT",
-      "dependencies": {
-        "csstype": "3.1.1"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      }
-    },
-    "node_modules/@clerk/types/node_modules/csstype": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
-      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-      "license": "MIT"
-    },
     "node_modules/@drizzle-team/brocli": {
       "version": "0.10.2",
       "resolved": "https://registry.npmjs.org/@drizzle-team/brocli/-/brocli-0.10.2.tgz",
@@ -1542,20 +1409,22 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.6.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
-      "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "license": "MIT",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.8"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.12",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
-      "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.8"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/react": {
@@ -1577,6 +1446,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
       "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.0.0"
       },
@@ -1586,9 +1456,10 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "license": "MIT"
     },
     "node_modules/@headlessui/react": {
       "version": "2.2.0",
@@ -2089,71 +1960,6 @@
         "lucia": "3.x"
       }
     },
-    "node_modules/@mui/base": {
-      "version": "5.0.0-beta.40",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz",
-      "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@floating-ui/react-dom": "^2.0.8",
-        "@mui/types": "^7.2.14",
-        "@mui/utils": "^5.15.14",
-        "@popperjs/core": "^2.11.8",
-        "clsx": "^2.1.0",
-        "prop-types": "^15.8.1"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
-      },
-      "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@mui/base/node_modules/@mui/utils": {
-      "version": "5.16.6",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.16.6.tgz",
-      "integrity": "sha512-tWiQqlhxAt3KENNiSRL+DIn9H5xNVK6Jjf70x3PnfQPz1MPBdh7yyIcAyVBT9xiw7hP3SomRhPR7hzBMBCjqEA==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@mui/types": "^7.2.15",
-        "@types/prop-types": "^15.7.12",
-        "clsx": "^2.1.1",
-        "prop-types": "^15.8.1",
-        "react-is": "^18.3.1"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
-      },
-      "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@mui/base/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
-    },
     "node_modules/@mui/core-downloads-tracker": {
       "version": "6.1.7",
       "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.1.7.tgz",
@@ -2228,6 +2034,39 @@
         }
       }
     },
+    "node_modules/@mui/joy/node_modules/@mui/base": {
+      "version": "5.0.0-beta.40",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz",
+      "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==",
+      "deprecated": "This package has been replaced by @base-ui-components/react",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@floating-ui/react-dom": "^2.0.8",
+        "@mui/types": "^7.2.14",
+        "@mui/utils": "^5.15.14",
+        "@popperjs/core": "^2.11.8",
+        "clsx": "^2.1.0",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@mui/joy/node_modules/@mui/core-downloads-tracker": {
       "version": "5.16.7",
       "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.16.7.tgz",
@@ -2641,10 +2480,11 @@
         }
       }
     },
-    "node_modules/@mui/x-internals": {
+    "node_modules/@mui/x-data-grid/node_modules/@mui/x-internals": {
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-7.21.0.tgz",
       "integrity": "sha512-94YNyZ0BhK5Z+Tkr90RKf47IVCW8R/1MvdUhh6MCQg6sZa74jsX+x+gEZ4kzuCqOsuyTyxikeQ8vVuCIQiP7UQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.25.7",
         "@mui/utils": "^5.16.6 || ^6.0.0"
@@ -4612,26 +4452,26 @@
       }
     },
     "node_modules/@tanstack/react-virtual": {
-      "version": "3.10.9",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.10.9.tgz",
-      "integrity": "sha512-OXO2uBjFqA4Ibr2O3y0YMnkrRWGVNqcvHQXmGvMu6IK8chZl3PrDxFXdGZ2iZkSrKh3/qUYoFqYe+Rx23RoU0g==",
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.12.0.tgz",
+      "integrity": "sha512-6krceiPN07kpxXmU6m8AY7EL0X1gHLu8m3nJdh4phvktzVNxkQfBmSwnRUpoUjGQO1PAn8wSAhYaL8hY1cS1vw==",
       "license": "MIT",
       "dependencies": {
-        "@tanstack/virtual-core": "3.10.9"
+        "@tanstack/virtual-core": "3.12.0"
       },
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/tannerlinsley"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/@tanstack/virtual-core": {
-      "version": "3.10.9",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.10.9.tgz",
-      "integrity": "sha512-kBknKOKzmeR7lN+vSadaKWXaLS0SZZG+oqpQ/k80Q6g9REn6zRHS/ZYdrIzHnpHgy/eWs00SujveUN/GJT2qTw==",
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.12.0.tgz",
+      "integrity": "sha512-7mDINtua3v/pOnn6WUmuT9dPXYSO7WidFej7JzoAfqEOcbbpt/iZ1WPqd+eg+FnrL9nUJK8radqj4iAU51Zchg==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -5896,12 +5736,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/crypto-js": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
-      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
-      "license": "MIT"
-    },
     "node_modules/css-vendor": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz",
@@ -6072,15 +5906,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/detect-libc": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
@@ -6122,6 +5947,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
       "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.8.7",
         "csstype": "^3.0.2"
@@ -6182,16 +6008,6 @@
         "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
-    "node_modules/dot-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
-      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-      "license": "MIT",
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
     "node_modules/dotenv": {
       "version": "16.4.7",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
@@ -7869,12 +7685,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "license": "BSD-2-Clause"
-    },
     "node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@@ -8577,15 +8387,6 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
-    "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/js-cookies": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/js-cookies/-/js-cookies-1.0.4.tgz",
@@ -8850,15 +8651,6 @@
         "loose-envify": "cli.js"
       }
     },
-    "node_modules/lower-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
     "node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -8883,18 +8675,6 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
       }
     },
-    "node_modules/map-obj": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
-      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/marked": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/marked/-/marked-7.0.4.tgz",
@@ -9173,16 +8953,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/no-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-      "license": "MIT",
-      "dependencies": {
-        "lower-case": "^2.0.2",
-        "tslib": "^2.0.3"
-      }
-    },
     "node_modules/node-releases": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
@@ -10013,27 +9783,24 @@
       ]
     },
     "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
+      "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==",
       "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz",
+      "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
+      "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.25.0"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^19.0.0"
       }
     },
     "node_modules/react-icons": {
@@ -10138,6 +9905,7 @@
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
       "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/runtime": "^7.5.5",
         "dom-helpers": "^5.0.1",
@@ -10333,12 +10101,10 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
-      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
+      "integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==",
+      "license": "MIT"
     },
     "node_modules/selderee": {
       "version": "0.11.0",
@@ -10364,12 +10130,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/server-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/server-only/-/server-only-0.0.1.tgz",
-      "integrity": "sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==",
-      "license": "MIT"
-    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -10556,42 +10316,6 @@
         "is-arrayish": "^0.3.1"
       }
     },
-    "node_modules/snake-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
-      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
-      "license": "MIT",
-      "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/snakecase-keys": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/snakecase-keys/-/snakecase-keys-8.0.1.tgz",
-      "integrity": "sha512-Sj51kE1zC7zh6TDlNNz0/Jn1n5HiHdoQErxO8jLtnyrkJW/M5PrI7x05uDgY3BO7OUQYKCvmeMurW6BPUdwEOw==",
-      "license": "MIT",
-      "dependencies": {
-        "map-obj": "^4.1.0",
-        "snake-case": "^3.0.4",
-        "type-fest": "^4.15.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/snakecase-keys/node_modules/type-fest": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.33.0.tgz",
-      "integrity": "sha512-s6zVrxuyKbbAsSAD5ZPTB77q4YIdRctkTbJ2/Dqlinwz+8ooH2gd+YA7VA6Pa93KML9GockVvoxjZ2vHP+mu8g==",
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/sonner": {
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.7.4.tgz",
@@ -10645,12 +10369,6 @@
         "node": ">= 10.x"
       }
     },
-    "node_modules/std-env": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.0.tgz",
-      "integrity": "sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==",
-      "license": "MIT"
-    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -10999,19 +10717,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/swr": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-2.3.0.tgz",
-      "integrity": "sha512-NyZ76wA4yElZWBHzSgEJc28a0u6QZvhb6w0azeL2k7+Q1gAzVK+IqQYXhVOC/mzi+HZIozrZvBVeSeOZNR2bqA==",
-      "license": "MIT",
-      "dependencies": {
-        "dequal": "^2.0.3",
-        "use-sync-external-store": "^1.4.0"
-      },
-      "peerDependencies": {
-        "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
     "node_modules/tabbable": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
diff --git a/package.json b/package.json
index 9570927..8d05eeb 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@clerk/nextjs": "^6.10.6",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
     "@headlessui/react": "^2.2.0",
@@ -58,8 +57,8 @@
     "pg": "^8.13.1",
     "postgres": "^3.4.5",
     "prettier": "^3.4.2",
-    "react": "^18.2.0",
-    "react-dom": "18.2.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-icons": "^5.3.0",
     "sha2": "@oslojs/crypto/sha2",
     "sonner": "^1.7.2",
diff --git a/src/actions/accountActions.ts b/src/actions/accountActions.ts
index 668d1d2..c82faa3 100644
--- a/src/actions/accountActions.ts
+++ b/src/actions/accountActions.ts
@@ -1,44 +1,49 @@
 "use server";
-import { eq, not , asc} from "drizzle-orm";
+import { eq,  asc} from "drizzle-orm";
 import { revalidatePath } from "next/cache";
 import { db } from "@db/index";
-import { accounts } from "@schemas/schema";
-import { vw_accounts } from "@schemas/schema";
+import { users } from "@schemas/schema";
 
-export const getData = async () => {
-  const data = await db.select().from(accounts).orderBy(asc(accounts.userId));
+export const getAllUsers = async () => {
+  const data = await db.select().from(users).orderBy(asc(users.email));
   return data;
 };
+
 export const getAllAccounts = async () => {
-  return getData();
+  return getAllUsers();
 };
 
-export const getViewAccounts = async () => {
-  const data = await db.select().from(vw_accounts).orderBy(asc(vw_accounts.last_name));
-  return data;
+export const getUser = async (userId : string) => {
+  const data = await db.select().from(users).where(eq(users.id, userId));
+  return data[0];
 };
 
-export const addAccount = async ( first_name:  string, last_name: string, username: string, email: string, password_hash : string) => {
- /*  await db.insert(accounts).values({
-    first_name : first_name, last_name: last_name, username: username, password_hash : password_hash 
-  }); */
+export const addUser = async ( first_name:  string, last_name: string, username: string, email: string, hashedPassword : string) => {
+   await db.insert(users).values({
+    id: crypto.randomUUID(), 
+    first_name: first_name, 
+    last_name: last_name, 
+    username: username, 
+    hashedPassword: hashedPassword, 
+    email: email 
+  }); 
 };
 
-export const deleteAccount = async (id: number) => {
-  await db.delete(accounts).where(eq(accounts.userId, id));
+export const deleteUser = async (id: string) => {
+  await db.delete(users).where(eq(users.id, id));
   revalidatePath("/");
 };
 
-export const editAccount = async (id: number, first_name: string, last_name: string, username: string, email : string, password_hash: string) => {
+export const editUser = async (id: string, first_name: string, last_name: string, username: string, email : string, hashedPassword: string) => {
   await db
-    .update(accounts)
+    .update(users)
     .set({
       first_name : first_name, 
       last_name: last_name, 
       username: username,
       email: email, 
-      password_hash: password_hash
+      hashedPassword: hashedPassword
     })
-    .where(eq(accounts.userId, id));
+    .where(eq(users.id, id));
   revalidatePath("/");
 };
\ No newline at end of file
diff --git a/src/app/Admin/Accounts/page.tsx b/src/app/Admin/Accounts/page.tsx
index 90bd37d..b1dde72 100644
--- a/src/app/Admin/Accounts/page.tsx
+++ b/src/app/Admin/Accounts/page.tsx
@@ -18,7 +18,6 @@ export default async function AccountsPage() {
   return (
     <div>
       <PageHero title="Accounts" />
-
       <div className="container mx-auto">
         <Suspense fallback="Loading...">
           <AccountsTable data={data} newColumnHeadings={columnHeadings}></AccountsTable>
diff --git a/src/app/MyAccount/page.tsx b/src/app/MyAccount/page.tsx
index 1c7f34d..71f8c35 100644
--- a/src/app/MyAccount/page.tsx
+++ b/src/app/MyAccount/page.tsx
@@ -1,14 +1,17 @@
-import { users } from "@schemas/schema";
-import { getData } from "@actions/accountActions";
+
+import UserForm from "@components/Account/UserForm";
+import { getUser } from "@/actions/accountActions";
+import { validateRequest } from "@/lib/wdcStarter/auth";
 
 export default async function MyAccountsPage() {
-  const data = await getData();
+  const {session, user} = await validateRequest(); 
+  const theUser = session?.userId ? await getUser(session.userId.toString()) : null;
   return (
     <div className="bg-gray-100 min-h-screen flex flex-col">
       <div>
         My account Page
         </div> 
- {/*   <Account account={data} /> */} 
+    <UserForm user={user} />  
     </div>
   );
 }
diff --git a/src/app/components/Account/UserForm.tsx b/src/app/components/Account/UserForm.tsx
new file mode 100644
index 0000000..1996471
--- /dev/null
+++ b/src/app/components/Account/UserForm.tsx
@@ -0,0 +1,92 @@
+'use client';
+import React, { useState, ChangeEvent, FormEvent } from "react";
+import {users} from "@schemas/schema"
+interface User {
+  id: string;
+  name: string;
+  email: string;
+  emailVerified: string | null;
+  image: string | null;
+}
+
+interface UserFormProps {
+  user:  typeof users;
+  onSave: (user: typeof users) => void;
+  onCancel: () => void;
+}
+
+const UserForm: React.FC<UserFormProps> = ({ user, onSave, onCancel }) => {
+  const [formData, setFormData] = useState<typeof users>(user);
+
+  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData({ ...formData, [name]: value });
+  };
+
+  const handleSubmit = (e: FormEvent) => {
+    e.preventDefault();
+    onSave(formData);
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-4">
+   
+      <div>
+        <label htmlFor="email" className="block text-sm font-medium text-gray-700">
+          Email
+        </label>
+        <input
+          type="email"
+          name="email"
+          id="email"
+          value={formData.email}
+          onChange={handleChange}
+          className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm"
+        />
+      </div>
+      <div>
+        <label htmlFor="emailVerified" className="block text-sm font-medium text-gray-700">
+          Email Verified
+        </label>
+        <input
+          type="datetime-local"
+          name="emailVerified"
+          id="emailVerified"
+          value={formData.emailVerified || ""}
+          onChange={handleChange}
+          className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm"
+        />
+      </div>
+      <div>
+        <label htmlFor="image" className="block text-sm font-medium text-gray-700">
+          Image
+        </label>
+        <input
+          type="text"
+          name="image"
+          id="image"
+          value={formData.image || ""}
+          onChange={handleChange}
+          className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm"
+        />
+      </div>
+      <div className="flex justify-end space-x-4">
+        <button
+          type="button"
+          onClick={onCancel}
+          className="px-4 py-2 bg-gray-300 text-gray-700 rounded-md"
+        >
+          Cancel
+        </button>
+        <button
+          type="submit"
+          className="px-4 py-2 bg-blue-600 text-white rounded-md"
+        >
+          Save
+        </button>
+      </div>
+    </form>
+  );
+};
+
+export default UserForm;
\ No newline at end of file
diff --git a/src/app/components/PopNavDialog/page.tsx b/src/app/components/PopNavDialog/page.tsx
index 880c91d..e71c8a1 100644
--- a/src/app/components/PopNavDialog/page.tsx
+++ b/src/app/components/PopNavDialog/page.tsx
@@ -154,11 +154,7 @@ export default function PopNavDialog(props:any) {
                     <div className="grid grid-cols-2 gap-x-4">
                       {category.featured.map((item) => (
                         <div key={item.name} className="group relative text-sm">
-                          <img
-                            alt={item.imageAlt}
-                            src={item.imageSrc}
-                            className="aspect-square w-full rounded-lg bg-gray-100 object-cover group-hover:opacity-75"
-                          />
+                          <img alt={item.imageAlt} src={item.imageSrc} className="aspect-square w-full rounded-lg bg-gray-100 object-cover group-hover:opacity-75"/>
                           <a
                             href={item.href}
                             className="mt-6 block font-medium text-gray-900"
@@ -377,7 +373,7 @@ export default function PopNavDialog(props:any) {
               <div className="ml-auto flex items-center">
                 <div className="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6">
                   <a
-                    href={linkPath} onClick={async (e) => {e.preventDefault; console.log("in the onclick"); await logout()} } className="text-sm font-medium text-gray-700 hover:text-gray-800">
+                    href={linkPath} onClick={async (e) => {e.preventDefault(); console.log("in the onclick"); await logout()} } className="text-sm font-medium text-gray-700 hover:text-gray-800">
                       {user == null?"Sign In": "Log Out"} 
                   </a>
                   <span aria-hidden="true" className="h-6 w-px bg-gray-200" />
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b9d47d4..88f18cb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -21,7 +21,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
   const { children } = props;
 
   return (
-   /*  <ClerkProvider> */
+
       <html lang="en" suppressHydrationWarning className={""}>
         <body className="bg-slate-200	">
           <header>
@@ -40,6 +40,6 @@ export default function RootLayout(props: { children: React.ReactNode }) {
           <Footer />
         </body>
       </html>
- /*    </ClerkProvider> */
+
   )
 }
\ No newline at end of file
diff --git a/src/components/AccountsTable/index.tsx b/src/components/AccountsTable/index.tsx
index 82c252c..ef03a85 100644
--- a/src/components/AccountsTable/index.tsx
+++ b/src/components/AccountsTable/index.tsx
@@ -17,6 +17,7 @@ export default async function AccountsTable( props: any ) {
       <div className="mt-8 flow-root">
         <div className="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
           <div className="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
+          <Suspense fallback={<Loading />}>
             <table className="min-w-full divide-y divide-gray-300">
               <thead>
                 <tr>
@@ -66,7 +67,7 @@ export default async function AccountsTable( props: any ) {
                 </tr>
               </thead>
               <tbody className=" divide-y divide-gray-200 bg-white">
-                <Suspense fallback={<Loading />}>
+          
                 {props.data.map((item: any) => (
                   <tr key={item.uuid}>
                     <td className="whitespace-wrap flex items-center py-4 pl-4 pr-3 text-xs font-medium text-gray-900 ">
@@ -97,10 +98,10 @@ export default async function AccountsTable( props: any ) {
                     </td>
                   </tr>                  
                 ))}
-                </Suspense>
+       
               </tbody>
             </table>
-         
+            </Suspense>
           </div>
         </div>
       </div>
diff --git a/src/components/Aco b/src/components/Aco
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index ab1eafd..f26f65e 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -5,40 +5,40 @@ import { isAdmin } from "@/actions/userActions";
 
 const navigation = {
   armory: [
-    { name: 'Builder', href: '/Builder', role: null },
-    { name: 'Lowers', href: '/Products/lowers', role: null },
-    { name: 'Uppers', href: '/Products/uppers', role: null },
-    { name: 'Optics', href: '/Products/optics', role: null },
-    { name: 'Accessories', href: '/Products/accessories', role: null },
-    { name: 'Suppressors', href: '/Products/suppressors', role: null },
+    { name: 'Builder', href: '/Builder', role: "All" },
+    { name: 'Lowers', href: '/Products/lowers', role: "All" },
+    { name: 'Uppers', href: '/Products/uppers', role: "All" },
+    { name: 'Optics', href: '/Products/optics', role: "All" },
+    { name: 'Accessories', href: '/Products/accessories', role: "All" },
+    { name: 'Suppressors', href: '/Products/suppressors', role: "All" },
   ],
   admin: [
     { name: 'Users', href: '/Admin/Users', role: "Admin" },    
+    { name: 'Accounts', href: '/Admin/Accounts', role: "Admin" },
   ],
   account: [
-    { name: 'Accounts', href: '/Admin/Accounts', role: null },
-    { name: 'My Account', href: '/MyAccount', role: null },
-    { name: 'Register', href: '/login', role: null },
-    { name: 'Guides', href: '/Guides', role: null },
+    { name: 'My Account', href: '/MyAccount', role: "All" },
+    { name: 'Register', href: '/login', role: "All" },
+    { name: 'Guides', href: '/Guides', role: "All" },
   ],
   about: [
-    { name: 'About', href: '/About', role: null },
-    { name: 'Blog', href: '/Blog', role: null },
-    { name: 'Jobs', href: '/Jobs', role: null },
-    { name: 'Press', href: '/Press', role: null },
-    { name: 'Contact', href: '/Contact', role: null },
+    { name: 'About', href: '/About', role: "All" },
+    { name: 'Blog', href: '/Blog', role: "All" },
+    { name: 'Jobs', href: '/Jobs', role: "All" },
+    { name: 'Press', href: '/Press', role: "All" },
+    { name: 'Contact', href: '/Contact', role: "All" },
   ],
   legal: [
-    { name: 'Terms of service', href: '/TOS', role: null },
-    { name: 'Privacy policy', href: '/PP', role: null },
-    { name: 'Affiliate Disclosure', href: '/Disclosure', role: null },
+    { name: 'Terms of service', href: '/TOS', role: "All" },
+    { name: 'Privacy policy', href: '/PP', role: "All" },
+    { name: 'Affiliate Disclosure', href: '/Disclosure', role: "All" },
   ],
   social: [
     {
       name: 'Facebook',
       href: '#',
-      role: null,
-      icon: (props: any) => (
+      role: "All",
+      icon: (props: React.SVGProps<SVGSVGElement>) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
             fillRule="evenodd"
@@ -51,8 +51,8 @@ const navigation = {
     {
       name: 'Instagram',
       href: '#',
-      role: null,
-      icon: (props: any) => (
+      role: "All",
+      icon: (props: React.SVGProps<SVGSVGElement>) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
             fillRule="evenodd"
@@ -65,8 +65,8 @@ const navigation = {
     {
       name: 'X',
       href: '#',
-      role: null,
-      icon: (props: any) => (
+      role: "All",
+      icon: (props: React.SVGProps<SVGSVGElement>) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
         </svg>
@@ -75,8 +75,8 @@ const navigation = {
     {
       name: 'YouTube',
       href: '#',
-      role: null,
-      icon: (props: any) => (
+      role: "All",
+      icon: (props: React.SVGProps<SVGSVGElement>) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
             fillRule="evenodd"
@@ -95,8 +95,7 @@ export default async function Footer() {
   const { session, user } = await validateRequest();
   const userId = user?.id ?? '';
   let hasAdminFlag:boolean = false;
-  console.log("console log:"+ userId);
-  console.log(user?.email);
+
   if(session != null) {
      hasAdminFlag = (await isAdmin(userId)) ?? false;
      console.log("admin?:" + hasAdminFlag);
@@ -106,7 +105,7 @@ export default async function Footer() {
 
   return (
     <footer className="bg-zinc-900">
-      <div className="bg-white">{userId}should be something here</div>
+      <div className="bg-white"></div>
       <div className="mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32">
         <div className="xl:grid xl:grid-cols-3 xl:gap-8">
           <div className="grid grid-cols-2 gap-8 xl:col-span-2">
@@ -213,7 +212,7 @@ export default async function Footer() {
             {navigation.social.map((item) => (
               <a key={item.name} href={item.href} className="text-gray-400 hover:text-gray-300">
                 <span className="sr-only">{item.name}</span>
-                <item.icon aria-hidden="true" className="size-6" />
+                <item.icon aria-hidden="true" className={"size-6"} />
               </a>
             ))}
           </div>
diff --git a/src/middleware.ts b/src/middleware.ts
index fdb9137..20d5e97 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,6 +1,3 @@
-import { clerkMiddleware } from "@clerk/nextjs/server";
-
-export default clerkMiddleware();
 
 export const config = {
   matcher: [
@@ -17,7 +14,7 @@ import { verifyRequestOrigin } from "lucia";
 import { NextResponse } from "next/server";
 import type { NextRequest } from "next/server";
 
-export async function middleware(request: NextRequest): Promise<NextResponse> {
+export default async function middleware(request: NextRequest): Promise<NextResponse> {
   if (request.method === "GET") {
     return NextResponse.next();
   }
diff --git a/tsconfig.json b/tsconfig.json
index a69416c..27b6d8b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,6 +6,7 @@
       "dom.iterable",
       "esnext"
     ],
+    "types": ["react/canary"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,