Added sidebar (#224)

Co-authored-by: widlam <mikolaj.widla@gmail.com>
Reviewed-on: #224
Reviewed-by: Adam Bem <bema@noreply.example.com>
Co-authored-by: Mikolaj Widla <widlam@noreply.example.com>
Co-committed-by: Mikolaj Widla <widlam@noreply.example.com>

Frontend/src/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import { RouterView } from 'vue-router';
+import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 
 const activeToolBox = ref('');
 
@@ -12,12 +13,13 @@ onMounted(() => {
 </script>
 
 <template>
-   <button @click="$router.push('/xml')">XML</button>
-   <button @click="$router.push('/formatter')">Formatter</button>
-   <button @click="$router.push('/restmock')">REST Mock</button>
-
-
-  <RouterView></RouterView>
+  <div id="layout" class="flex dark:bg-gray-700">
+    <SidebarComponent />
+    <div class="relative p-12 w-11/12">
+      <RouterView></RouterView>
+    </div>
+  </div>
+  
 </template>
 
 <style scoped></style>