feat: basic csv export

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

packages/nc-gui/components/project/spreadsheet/rowsXcDataTable.vue

@@ -4,7 +4,7 @@
       <div v-if="!isForm" class="d-flex xc-border align-center search-box" style="min-width:156px">
         <v-menu bottom offset-y>
           <template #activator="{on}">
-            <div v-on="on" style="min-width: 56px">
+            <div style="min-width: 56px" v-on="on">
               <v-icon
                 class="pa-1 pr-0 ml-2"
                 small
@@ -61,6 +61,14 @@
 
       <v-spacer class="h-100" @dblclick="debug=true" />
 
+      <csv-export
+        :available-columns="availableColumns"
+        :data="data"
+        :meta="meta"
+        :nodes="nodes"
+        class="mr-1"
+      />
+
       <template v-if="!isForm">
         <debug-metas v-if="debug" class="mr-3" />
         <v-tooltip bottom>
@@ -544,10 +552,12 @@ import ExpandedForm from '@/components/project/spreadsheet/components/expandedFo
 import Pagination from '@/components/project/spreadsheet/components/pagination'
 import { SqlUI } from '~/helpers/sqlUi'
 import ColumnFilter from '~/components/project/spreadsheet/components/columnFilterMenu'
+import CsvExport from '~/components/project/spreadsheet/components/csvExport'
 
 export default {
   name: 'RowsXcDataTable',
   components: {
+    CsvExport,
     FormView,
     DebugMetas,
     Pagination,