Huge number of changes, upgrade to next 15, add loads of pages, auth, add ci, loads of clean up, a db for images etc

src/app/(root)/layout.tsx

@@ -1,9 +1,11 @@
-import "../globals.css";
+import { SessionProvider } from "next-auth/react";
 
 import NavBar from '@/components/navbar';
 import Footer from '@/components/footer';
 import LogIn from "@/components/auth/login";
 
+import "../globals.css";
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -11,9 +13,11 @@ export default function RootLayout({
 }>): React.JSX.Element {
   return (
     <>
-      <NavBar LogIn={<LogIn/>}/>
-      <main className="px-6 py-4 w-full mx-auto flex-1 align-middle lg:max-w-5xl">
-        {children}
+      <NavBar/>
+      <main className="px-6 py-4 w-full flex-1 align-middle overflow-y-scroll scrollbar scrollbar-thumb-dracula-purple scrollbar-track-dracula-bg-light">
+        <div className="mx-auto w-full align-middle lg:max-w-5xl ">
+          {children}
+        </div>
       </main>
       <Footer/>
     </>