CLASSROOMIO-T-184:Made the sidebar draggable

CLASSROOMIO-T-184:removed console.log

Merge branch 'CLASSROOMIO-T-184' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-184

Merge branch 'main' into CLASSROOMIO-T-184

CLASSROOMIO-T-184:Made updates to the resizeable sidebars

CLASSROOMIO-T-184:Making the resizable sidebar better

CLASSROOMIO-T-184: fix server side error and ts support

Merge branch 'main' into CLASSROOMIO-T-184

CLASSROOMIO-T-184:Made the slidebar draggable


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>
Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com>


Merge-request: CLASSROOMIO-MR-81
Merged-by: Best Admin <best@digdippa.com>

src/lib/components/Navigation/app.svelte

@@ -12,7 +12,7 @@
   import { currentOrgPath } from '$lib/utils/store/org';
   import { toggleBodyByMode } from '$lib/utils/functions/app';
   import { goto } from '$app/navigation';
-  import { menu } from '../Org/store';
+  import { menu, sideBar } from '../Org/store';
 
   export let title = '';
   export let navClass = '';
@@ -22,6 +22,10 @@
     $menu.hidden = !$menu.hidden;
   };
 
+  const openSidebar = () => {
+    $sideBar.open = !$sideBar.open;
+  };
+
   function toggleDarkMode() {
     $appStore.isDark = !$appStore.isDark;
 
@@ -50,6 +54,12 @@
         </IconButton>
       </li>
 
+      <li class="hidden md:block">
+        <IconButton onClick={openSidebar}>
+          <Menu size={16} class=" text-white" />
+        </IconButton>
+      </li>
+
       {#if isCoursePage}
         <div class="hidden md:block">
           <IconButton