schema index

front/js/layouts/ChannelLayout.svelte

@@ -1,13 +1,13 @@
 <script>
     import Header from "./Header.svelte";
     import Navbar from "./Navbar.svelte";
-    let { body, channel, user } = $props();
+    let { body, channel, user, schemas } = $props();
 </script>
 
 <Header {channel} {user}></Header>
 <main>
     <aside class="sidebar-content">
-        <Navbar {channel}></Navbar>
+        <Navbar {channel} {schemas}></Navbar>
     </aside>
     <div class="main-content">
         {@render body()}

front/js/layouts/Header.svelte

@@ -6,6 +6,7 @@
 
 <div class="top-nav">
     <a class="top-nav-item" href="{channel.lucentUrl}/members">Members</a>
+    <a class="top-nav-item" href="{channel.lucentUrl}/">Content</a>
     <a class="top-nav-item" href="{channel.lucentUrl}/schemas">Schemas</a>
 
     <!-- {#if channel.commands.length > 0}

front/js/layouts/Navbar.svelte

@@ -1,3 +1,12 @@
 <script>
-    let { channel } = $props();
+    import { getApp } from "../app";
+    let { channel, schemas } = $props();
+    const app = getApp();
 </script>
+
+<details name="example" open>
+    <summary>Content</summary>
+    {#each schemas as schema}
+        <div><a href={app.url("content/" + schema.id)}>{schema.name}</a></div>
+    {/each}
+</details>

front/js/layouts/SchemaLayout.svelte

@@ -0,0 +1,11 @@
+<script>
+    import Header from "./Header.svelte";
+    let { body, channel, user } = $props();
+</script>
+
+<Header {channel} {user}></Header>
+<main>
+    <div class="main-content">
+        {@render body()}
+    </div>
+</main>