chore(gui-v2): update menu styles to fill height properly

packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue

@@ -110,7 +110,7 @@ function onOpenModal(type: ViewTypes, title = '') {
       </button>
     </div>
 
-    <general-flipping-card class="my-4 lg:my-6 min-h-[100px] w-[250px]" :triggers="['click', { duration: 15000 }]">
+    <general-flipping-card class="my-4 lg:my-6 min-h-[100px]" :triggers="['click', { duration: 15000 }]">
       <template #front>
         <div class="flex h-full w-full gap-6 flex-col">
           <general-social />

packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue

@@ -216,7 +216,7 @@ function onDeleted() {
 
 <style lang="scss">
 .nc-views-menu {
-  @apply flex-1 max-h-[200px] overflow-y-scroll scrollbar-thin-primary;
+  @apply flex-1 max-h-[20vh] overflow-y-scroll scrollbar-thin-primary;
 
   .ghost,
   .ghost > * {