getting rid of crap, fixing errors

src/components/Navbar/index.tsx

@@ -8,6 +8,7 @@ import {
   MenuItems,
 } from "@headlessui/react";
 import { Bars3Icon, BellIcon, XMarkIcon } from "@heroicons/react/24/outline";
+import constants from "@src/lib/constants";
 import  Image  from "next/image";
 import Link from "next/link";
 
@@ -29,7 +30,7 @@ export default function Navbar() {
         <div className="relative flex h-16 items-center justify-between">
           <div className="absolute inset-y-0 left-0 flex items-center sm:hidden">
             {/* Mobile menu button*/}
-            {/* <DisclosureButton className="group relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
+             <DisclosureButton className="group relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
               <span className="absolute -inset-0.5" />
               <span className="sr-only">Open main menu</span>
               <Bars3Icon
@@ -40,11 +41,11 @@ export default function Navbar() {
                 aria-hidden="true"
                 className="hidden size-6 group-data-[open]:block"
               />
-            </DisclosureButton> */}
+            </DisclosureButton> 
           </div>
           <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
             <div className="flex shrink-0 items-center text-white">
-              <Link href={"/"} className="text-gray-100 "><p className="text-white">Ballistics Builder</p></Link>
+              <Link href={"/"} className="text-gray-100 "><p className="text-white">{constants.APP_NAME}</p></Link>
             </div>
             
              {/* <div className="hidden sm:ml-6 sm:block">
@@ -75,13 +76,13 @@ export default function Navbar() {
                 <MenuButton className="relative flex rounded-full bg-lime-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800">
                   <span className="absolute -inset-1.5" />
                   <span className="sr-only">Open user menu</span>
-                  {/* <Image
+                   <Image
                     alt=""
                     src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600"
                     className="size-8 rounded-full" 
                     width={100} 
                     height={100}
-                  /> */}
+                  /> 
                   <img
                     alt=""
                     src="https://tailwindui.com/plus/img/logos/mark.svg?color=lime&shade=100"

src/components/PopNav/page.tsx

@@ -80,7 +80,7 @@ const navigation = {
     },
   ],
   pages: [
- 
+
     { name: "Single Product", href: "/product" },
   ],
 };

src/components/ProductTable/index.tsx

@@ -1,4 +1,4 @@
-import { psa } from "@db/schema/Psa";
+import { psa } from "@schemas/schema";
 import Image from "next/image";
 import Link from "next/link";
 

src/components/SortTable/index.tsx

@@ -4,7 +4,6 @@ import { PlusCircleIcon } from "@heroicons/react/20/solid";
 import Image from "next/image";
 import Link from "next/link";
 import { TestProductPage } from "../../app/components/TestProductPage";
-import { Suspense } from "react";
 
 export default async function SortTable(props: any) {
   return (

src/components/UserRegistration/index.tsx

@@ -4,6 +4,8 @@ import { useToast } from '@chakra-ui/toast';
 import { FormControl, FormLabel, } from '@chakra-ui/form-control';
 import { Input, Button, Stack, Heading } from '@chakra-ui/react';
 import { drizzle } from 'drizzle-orm/node-postgres';
+import { users } from '@schemas/schema';
+
 
 export default function UserRegistration() {
   const [formData, setFormData] = useState({