feat: update list view

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui-v2/assets/style-v2.scss

@@ -63,4 +63,8 @@ h1, h2, h3, h4, h5, h6 {
 
 .nc-icon {
   @apply color-transition;
-}
+}
+
+:root {
+  --header-height: 64px;
+}

packages/nc-gui-v2/components/dashboard/TreeView.vue

@@ -7,17 +7,17 @@ const { addTab } = useTabs()
 </script>
 
 <template>
-  <div>
+  <div class="nc-treeview-container flex flex-column">
-    <v-list>
+    <a-menu>
-      <v-list-item
+      <a-menu-item
         v-for="table in tables"
         :key="table.id"
         class="p-2 text-sm pointer"
         @click="addTab({ type: 'table', title: table.title, id: table.id })"
       >
         {{ table.title }}
-      </v-list-item>
+      </a-menu-item>
-    </v-list>
+    </a-menu>
   </div>
 </template>
 
@@ -25,4 +25,8 @@ const { addTab } = useTabs()
 .pointer {
   cursor: pointer;
 }
+
+.nc-treeview-container {
+  height: calc(100vh - var(--header-height));
+}
 </style>