dashboard layout

revampdashboard/src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import logo from '$lib/splash/img/logo.png';
+  import logo from '$lib/img/logo.png';
 </script>
 
 <div class="splash">

revampdashboard/src/routes/dashboard/+layout.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import logo from '$lib/img/logo.png';
+  
+  let { children } = $props();
+  
+  async function logout() {
+    
+  }
+</script>
+
+<div class="dashboard container mx-auto px-2 py-2 md:px-6 md:py-6">
+
+  <nav class="flex items-stretch flex-wrap pl-4 pr-2 py-1 border border-gray-700 rounded bg-gray-800 shadow-xl mb-8">
+    <div class="flex-full md:flex-initial flex items-center">
+      <img class="w-10 mr-5" src={logo} alt="" aria-hidden="true">
+
+      <a href="/new/dashboard">
+        <h1 class="font-semibold">ZappyZep Dashboard</h1>
+      </a>
+    </div>
+
+    <div class="flex-1 flex items-center flex-wrap">
+      <ul class="dashboard-nav list-none flex md:ml-8">
+        <a class="flex-auto mr-4" href="/new/dashboard">Guilds</a>
+        <button class="navbar-item hover:text-red-400 mr-2" onclick={logout}>Log out</button>
+      </ul>
+
+      <div class="flex-1 flex items-center md:justify-end">
+        <a
+          href="/new/docs"
+          role="menuitem"
+          class="py-1 px-2 rounded hover:bg-gray-700">
+          Go to documentation
+        </a>
+      </div>
+    </div>
+  </nav>
+
+  <div class="main-content">
+    {@render children()}
+  </div>
+</div>