wip(gui-v2): add sidebar back in main view

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

packages/nc-gui-v2/components/smartsheet-toolbar/FieldsMenu.vue

@@ -282,7 +282,7 @@ export default {
 <template>
   <v-menu>
     <template #activator="{ on }">
-      <v-badge :value="isAnyFieldHidden" color="primary" dot overlap>
+      <v-badge :value="isAnyFieldHidden" color="primary" dot overlap v-on="on">
         <v-btn
           v-t="['c:fields']"
           class="nc-fields-menu-btn px-2 nc-remove-border"

packages/nc-gui-v2/components/smartsheet/Sidebar.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { inject } from '@vue/runtime-core'
 import type { TableType } from 'nocodb-sdk'
 import type { Ref } from 'vue'
-import { onMounted } from 'vue'
+import { inject, onMounted, ref } from '#imports'
 import { MetaInj } from '~/components'
 import useViews from '~/composables/useViews'
 import { viewIcons } from '~/utils/viewUtils'
@@ -14,6 +13,7 @@ const _isUIAllowed = (view: string) => {}
 onMounted(loadViews)
 
 const selectedViewIdLocal = ref('')
+const toggleDrawer = ref(false)
 </script>
 
 <template>

packages/nc-gui-v2/components/tabs/Smartsheet.vue

@@ -30,7 +30,12 @@ watch(
   <div class="overflow-auto">
     <SmartsheetToolbar />
     <template v-if="meta && tabMeta">
+      <div class="d-flex">
+        <div class="flex-grow-1 min-w-0">
           <SmartsheetGrid />
+        </div>
+        <SmartsheetSidebar />
+      </div>
     </template>
   </div>
 </template>