fix(fullscreen): adjust heights to show full content and prevent clipping

Author: MarielaTihova

src/app/views/home/home-view.scss

@@ -22,13 +22,13 @@
 
 .router-container {
   width: 100%;
-  height: 100%;
-  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
 }
 
 .tab-container {
   width: 100%;
-  overflow: hidden;
   flex-shrink: 0;
   display: flex;
   flex-direction: row;
@@ -144,19 +144,13 @@
   }
 }
 
-:fullscreen {
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-  display: block;
-  background: white;
-  color: var(--ig-gray-900, black);
-}
-
+:fullscreen,
 :-webkit-full-screen {
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
+  overflow: visible;
+  display: flex;
+  flex-direction: column;
   background: white;
   color: var(--ig-gray-900, black);
-}
+}