fix: migrate away from appshell (#210)

* fix: migrate away from appshell

fixes #208

* fix: prettier errors in base layout

---------

Co-authored-by: Rob B <computerguy440+gh@gmail.com>

Author: joshuata

src/routes/+layout.svelte

@@ -10,7 +10,7 @@
   import { PUBLIC_GOOGLE_SITE_TAG } from '$env/static/public';
   import type { LayoutData } from './$types';
   import { TolgeeProvider } from '@tolgee/svelte';
-  import { initializeStores, AppShell, Modal, storePopup, Drawer, Toast } from '@skeletonlabs/skeleton';
+  import { initializeStores, Modal, storePopup, Drawer, Toast } from '@skeletonlabs/skeleton';
   import TopBar from '$lib/components/general/TopBar.svelte';
   import './_global.postcss';
   import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
@@ -120,27 +120,20 @@
     <Sidebar bind:accessibility />
   </Drawer>
 
-  <AppShell>
-    <svelte:fragment slot="header">
+  <div class="grid grid-rows-[auto_1fr_auto]">
+    <header class="sticky top-0 z-10">
       <TopBar />
-    </svelte:fragment>
-
-    <svelte:fragment slot="sidebarLeft">
-      <aside class="hidden h-full xl:block">
+    </header>
+    <div class="grid grid-cols-1 md:grid-cols-[auto_1fr]">
+      <aside class="sticky top-[calc(72px)] col-span-1 hidden h-[calc(100vh-72px)] xl:block">
         <Sidebar bind:accessibility />
       </aside>
-    </svelte:fragment>
-
-    <svelte:fragment slot="pageHeader">
-      <AnnouncementHeader />
-    </svelte:fragment>
-
-    <div class="app-content w-full overflow-auto">
-      <main class="main-content min-h-100% xl:py-6 xl:pr-3">
+      <main class="space-y-4 p-4">
+        <AnnouncementHeader />
         <slot />
       </main>
     </div>
-  </AppShell>
+  </div>
 
   <LoginDialog />
 </TolgeeProvider>

src/routes/_global.postcss

@@ -10,15 +10,14 @@
 
 html,
 body {
-  @apply h-full overflow-hidden;
+  @apply h-full;
   font-family:
     'Roboto',
     Helvetica Neue,
     sans-serif,
     'Noto Color Emoji';
   margin: 0;
   padding: 0;
-  overflow: hidden;
 }
 
 html.accessibility,