Adding sidebar page

docs/src/_includes/layouts/base.njk

@@ -96,20 +96,6 @@
   {% if head %}{{ head | safe }}{% endif %}
 </head>
 <body>
-
-{% include "partials/sidebar.njk" %}
-
-<main id="content">
-  <header class="bg-background sticky inset-x-0 top-0 isolate flex shrink-0 items-center gap-2 border-b z-10">
-    {% include "partials/header.njk" %}
-  </header>
-
-  <div class="p-6 md:p-8 xl:p-12">
-    {{ content | safe }}
-  </div>
-</main>
-
-{% from "toast.njk" import toaster %}
-{{ toaster() }}
+{{ content | safe }}
 </body>
 </html>

docs/src/_includes/layouts/layout.njk

@@ -0,0 +1,18 @@
+---
+layout: layouts/base.njk
+---
+
+{% include "partials/sidebar.njk" %}
+
+<main id="content">
+  <header class="bg-background sticky inset-x-0 top-0 isolate flex shrink-0 items-center gap-2 border-b z-10">
+    {% include "partials/header.njk" %}
+  </header>
+
+  <div class="p-6 md:p-8 xl:p-12">
+    {{ content | safe }}
+  </div>
+</main>
+
+{% from "toast.njk" import toaster %}
+{{ toaster() }}

docs/src/_includes/layouts/page.njk

@@ -1,5 +1,5 @@
 ---
-layout: layouts/base.njk
+layout: layouts/layout.njk
 ---
 
 <main class="mx-auto relative flex w-full max-w-screen-lg gap-10">