some small stuff, worth ignoring for sure

src/app/Admin/Accounts/page.tsx

@@ -1,9 +1,9 @@
 import { accounts } from "@schemas/schema";
 import { getViewAccounts } from "@actions/accountActions";
-import AccountsTable from "@src/components/AccountsTable"; // Adjust the import path as necessary
+import AccountsTable from "@components/AccountsTable"; // Adjust the import path as necessary
 import React, { Suspense } from 'react';
-import { ColumnHeadings } from "@src/lib/utils";
-import PageHero from "@src/components/PageHero";
+import { ColumnHeadings } from "@lib/utils";
+import PageHero from "@components/PageHero";
 
 
 

src/app/Products/grips/page.tsx

@@ -3,6 +3,7 @@ import { getGrips } from "@queries/PSA";
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function GripsPage() {
   const data = await getGrips();
@@ -11,7 +12,9 @@ export default async function GripsPage() {
     <div>
       <PageHero title="Grips" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
       </div>
     </div>
   );

src/app/Products/handguards/page.tsx

@@ -2,6 +2,7 @@ import { getARHandGuards } from "@queries/PSA";
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function HamdGuardsPage() {
   const data = await getARHandGuards();
@@ -10,7 +11,10 @@ export default async function HamdGuardsPage() {
     <div>
       <PageHero title="Hand Guards" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
+
       </div>
     </div>
   );

src/app/Products/lowers/page.tsx

@@ -3,6 +3,7 @@ import partTypes from 'src/data/parts_cats.json';
 import styles from "../styles.module.css";
 import SortTable from "@components/SortTable";
 import PageHero from "@components/PageHero";
+import {Suspense} from "react";
 
 export default async function LowerReceiverPage() {
   const data = await getProductType(partTypes["AR COMPLETE LOWERS"]);
@@ -11,7 +12,10 @@ export default async function LowerReceiverPage() {
     <div>
            <PageHero title="Lower Recievers" />
       <div className="container mx-auto py-5">
-        <SortTable data={data}></SortTable>      
+          <Suspense fallback="Loading...">
+        <SortTable data={data}></SortTable>
+          </Suspense>
+
       </div>
     </div>
   );

src/app/Products/magazines/page.tsx

@@ -2,6 +2,7 @@ import { getMags } from "@queries/PSA";
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export const metadata = {
   title: 'Magazines',
@@ -16,7 +17,10 @@ export default async function MagsPage() {
     <div>
       <PageHero title="Magazines" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
+
       </div>
     </div>
   );

src/app/Products/muzzle-devices/page.tsx

@@ -3,6 +3,7 @@ import PageHero from "@components/PageHero";
 import styles from '../styles.module.css';
 
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function MuzzleDevices() {
   const data = await getMuzzleDevices();
@@ -11,7 +12,9 @@ export default async function MuzzleDevices() {
     <div>
       <PageHero title="Muzzle Devices" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
       </div>
     </div>
   );

src/app/Products/optics/page.tsx

@@ -3,6 +3,7 @@ import partTypes from 'src/data/parts_cats.json';
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function OpticsPage() {
   const psa = await getOptics();
@@ -10,8 +11,11 @@ export default async function OpticsPage() {
   return (
     <div>
       <PageHero title="Optics" />
+
       <div className="container mx-auto">
-       <SortTable data={psa}></SortTable>
+          <Suspense fallback="Loading...">
+          <SortTable data={psa}></SortTable>
+          </Suspense>
       </div>
     </div>
   );

src/app/Products/parts/page.tsx

@@ -2,6 +2,7 @@ import { getARParts } from "@queries/PSA";
 import styles from '../styles.module.css';
 import SortTable from "@components/SortTable";
 import PageHero from "@components/PageHero";
+import {Suspense} from "react";
 
 export default async function PartsPage() {
   const data = await getARParts();
@@ -10,7 +11,9 @@ export default async function PartsPage() {
     <div>
       <PageHero title="Parts" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
       </div>
     </div>
 

src/app/Products/stocks/page.tsx

@@ -3,6 +3,7 @@ import partTypes from 'src/data/parts_cats.json';
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function StocksPage() {
   const psa = await getStocks();
@@ -10,8 +11,11 @@ export default async function StocksPage() {
   return (
     <div>
       <PageHero title="Stocks" />
+
       <div className="container mx-auto">
-       <SortTable data={psa}></SortTable>
+          <Suspense fallback="Loading...">
+            <SortTable data={psa}></SortTable>
+          </Suspense>
       </div>
     </div>
   );

src/app/Products/triggers/page.tsx

@@ -2,6 +2,7 @@ import { getARTriggers } from "@queries/PSA";
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function TriggersPage() {
   const data = await getARTriggers();
@@ -10,7 +11,10 @@ export default async function TriggersPage() {
     <div>
       <PageHero title="AR Triggers" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
+
       </div>
     </div>
   );

src/app/Products/uppers/page.tsx

@@ -2,6 +2,7 @@ import { getUpperReciever } from "@queries/PSA";
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 import SortTable from "@components/SortTable";
+import {Suspense} from "react";
 
 export default async function UpperReceiverPage() {
   const data = await getUpperReciever();
@@ -10,7 +11,9 @@ export default async function UpperReceiverPage() {
     <div>
       <PageHero title="Upper Recievers" />
       <div className="container mx-auto">
+          <Suspense fallback="Loading...">
         <SortTable data={data}></SortTable>
+          </Suspense>
       </div>
     </div>
   );

src/components/SortTable/index.tsx

@@ -3,12 +3,12 @@ import { PlusCircleIcon } from "@heroicons/react/20/solid";
 
 import Image from "next/image";
 import Link from "next/link";
-import { TestProductPage } from "../../app/components/TestProductPage";
+import { TestProductPage } from "@src/app/components/TestProductPage";
 
 export default async function SortTable(props: any) {
   return (
     <div className="pb-12">
-   
+
       <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">
@@ -130,11 +130,11 @@ export default async function SortTable(props: any) {
                     <td style={{display:'none'}}>
                     <TestProductPage data={item}></TestProductPage>
                     </td>
-                  </tr>                  
+                  </tr>
                 ))}
               </tbody>
             </table>
-         
+
           </div>
         </div>
       </div>

src/components/footer/index.tsx

@@ -12,7 +12,7 @@ const navigation = {
     { name: 'Users', href: '/Admin/Users' },    
   ],
   account: [
-    { name: 'Accounts', href: '/Accounts' },
+    { name: 'Accounts', href: '/Admin/Accounts' },
     { name: 'My Account', href: '/MyAccount' },
     { name: 'Register', href: '/signin' },
     { name: 'Guides', href: '/Guides' },