Updated links logic, new admin dash

src/pages/reviews/index.tsx

@@ -1,9 +1,6 @@
-import Header from "@/components/header"
-import Footer from "@/components/footer";
+import RootLayout from "@/components/RootLayout"
 import ReviewCard from "@/components/ReviewCard"
-import {useSession} from 'next-auth/react';
-import {useState, useEffect} from 'react';
-import Link from 'next/link';
+import React, {useState, useEffect} from 'react';
 import { api } from "@/utils/api";
 
 type GenericItemType = {
@@ -12,7 +9,6 @@ type GenericItemType = {
 }
 
 export default function Reviews() {
-    const { data: sessionData, status } = useSession();
     const {data: itemData} = api.post.getAll.useQuery()
     const [list, setList] = useState<null | JSX.Element[]>(null)
     const [type, setType] = useState("Book")
@@ -62,20 +58,8 @@ export default function Reviews() {
     }, [itemData, type])
 
     return (
-        <main className="min-h-screen bg-black color-white">
-            <Header />
+        <RootLayout>
             <div className="w-1/2 mx-auto text-white">
-                {
-                    status == "authenticated" ?
-                    <p className="text-center font-bold">
-                        <Link href="/reviews/create">
-                            Create
-                        </Link>
-                    </p>
-                    :
-                    ""
-                }  
-
                 <p className="text-center font-bold text-2xl hover:cursor-pointer hover:underline pb-2" onClick={onCatClick}>
                     {type}
                 </p>
@@ -90,7 +74,6 @@ export default function Reviews() {
                     }
                 </div>
             </div>
-            <Footer />
-        </main>
+        </RootLayout>
     )
 }