fix(documents): fit workspace within private layout

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

src/pages/FilesPage.vue

@@ -934,7 +934,8 @@ onMounted(async () => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: 100vh;
+  height: 100%;
+  min-height: 0;
   padding: 48px;
   text-align: center;
   width: 100%;
@@ -948,19 +949,22 @@ onMounted(async () => {
 .files-container {
   display: flex;
   flex-direction: column;
-  height: 100vh;
+  height: 100%;
+  min-height: 0;
   isolation: isolate;
 }
 
 .files-content {
   display: flex;
   flex: 1;
+  min-height: 0;
   overflow: hidden;
   position: relative;
 }
 
 .files-main {
   flex: 1;
+  min-height: 0;
   display: flex;
   overflow: hidden;
   min-width: 0;
@@ -968,6 +972,7 @@ onMounted(async () => {
 
 .files-workspace {
   flex: 1;
+  min-height: 0;
   display: flex;
   overflow: hidden;
   min-width: 0;
@@ -975,6 +980,7 @@ onMounted(async () => {
 
 .files-browser-panel {
   flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
   overflow: hidden;