fix(documents): fit workspace within private layout

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>

src/components/FilesSidebar.vue

@@ -23,6 +23,7 @@ const emit = defineEmits<{
 <template>
   <v-navigation-drawer
     :model-value="modelValue"
+    contained
     @update:model-value="emit('update:modelValue', $event)"
     :permanent="!isMobile"
     :temporary="isMobile"

src/components/FilesToolbar.vue

@@ -34,15 +34,17 @@ const viewModeModel = computed({
 </script>
 
 <template>
-  <v-app-bar elevation="0" density="compact" class="files-toolbar">
+  <v-toolbar elevation="0" density="compact" class="files-toolbar">
     <template #prepend>
-      <v-app-bar-nav-icon
+      <v-btn
         v-if="isMobile"
+        icon="mdi-menu"
+        variant="text"
         @click="emit('toggle-sidebar')"
       />
     </template>
 
-    <v-app-bar-title>Files</v-app-bar-title>
+    <v-toolbar-title>Files</v-toolbar-title>
 
     <v-spacer />
 
@@ -122,7 +124,7 @@ const viewModeModel = computed({
         <span class="d-none d-sm-inline">New Folder</span>
       </v-btn>
     </template>
-  </v-app-bar>
+  </v-toolbar>
 </template>
 
 <style scoped>