frontend: add collapsable sidebar

frontend/src/components/BaseLayout.vue

@@ -1,5 +1,6 @@
 <template>
     <div class="wrapper">
+        <Sidebar/>
         <div class="main">
             <nav class="navbar navbar-expand navbar-light navbar-bg">
                 <a class="sidebar-toggle d-flex" @click="toggleSidebar">
@@ -14,11 +15,13 @@
 
 <script>
 import Footer from "@/components/Footer.vue";
+import Sidebar from "@/components/Sidebar.vue";
 
 export default {
     name: 'BaseLayout',
     components: {
-        Footer
+        Footer,
+        Sidebar
     },
     props: {
         hideSearch: {
@@ -29,6 +32,8 @@ export default {
     },
     methods: {
         toggleSidebar() {
+            closeAllDropdowns();
+            document.getElementById("sidebar").classList.toggle("collapsed");
         },
     },
 }