bug fix on ssr; some layout details; navbar broken

app/listen/[collectionid]/page.tsx

@@ -1,7 +1,5 @@
 import InProgress from "@/components/InProgress";
 
 export default async function ListenByCollectionID() {
-    return <></>
+    return <InProgress />
-    // // @ts-ignore server component
-    // return <InProgress />
 }

app/listen/page.tsx

@@ -5,7 +5,7 @@ export default async function ListenIndex() {
         <div>
             <h1>Listen</h1>
             {/* @ts-ignore server component */}
-            {/* <InProgress /> */}
+            <InProgress />
         </div>
     )
 }

app/projects/layout.tsx

@@ -0,0 +1,7 @@
+export default function ProjectsLayout({ children }: { children: React.ReactNode }) {
+    return (
+        <div className="min-h-screen bg-gradient-to-b from-slate-300 to-sky-700 dark:from-black dark:to-green-950">
+            { children }
+        </div>
+    )
+}

app/projects/page.tsx

@@ -4,8 +4,7 @@ export default async function ProjectsPage() {
     return (
         <div>
             <h1>Learn more about my work</h1>
-            {/* @ts-ignore server component */}
+            <InProgress />
-            {/* <InProgress /> */}
         </div>
     )
 }

app/read/layout.tsx

@@ -0,0 +1,7 @@
+export default function ReadSectionLayout({ children }: { children: React.ReactNode }) {
+    return (
+        <div className="min-h-screen bg-gradient-to-b from-slate-300 to-fuchsia-100 dark:from-black dark:to-fuchsia-900">
+            { children }
+        </div>
+    )
+}

app/read/page.tsx

@@ -1,3 +1,5 @@
-export default function BlogIndex() {
+import InProgress from "@/components/InProgress";
-    return <div>BlogIndex</div>;
+
+export default async function BlogIndex() {
+    return <InProgress />;
 }

components/Navbar/index.tsx

@@ -28,12 +28,8 @@ export default function Navbar() {
             id="navbar"
             className={`
                 w-full z-50 fixed flex flex-nowrap items-baseline justify-apart px-8 py-4
-                ${mobileMenuOpen
+                ${pageIsScrolled ? "bg-slate-300 dark:bg-black " : "bg-inherit "}
-                    ? "bg-slate-300 dark:bg-[#131313]  "
+                text-white transition-all duration-200`
-                    : pageIsScrolled
-                    ? "bg-slate-300 dark:bg-black "
-                    : "bg-inherit "
-                }text-white transition-all duration-200`
             }>
             <Link passHref href="/" className="w-1/4">
                 <InlineLogo customHookInstance={navbarColorShift} />