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 <></>
-    // // @ts-ignore server component
-    // return <InProgress />
+    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() {
-    return <div>BlogIndex</div>;
+import InProgress from "@/components/InProgress";
+
+export default async function BlogIndex() {
+    return <InProgress />;
 }