fix/added pagination

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

@@ -53,7 +53,8 @@ const isRowEmpty = (record: any, col: any) => {
 </script>
 
 <template>
-  <div class="grid grid-cols-4 gap-x-4 gap-y-4 pt-4 overflow-y-scroll h-full px-3">
+  <div class="flex flex-col h-100 min-h-0 w-100">
+    <div class="nc-gallery-container min-h-0 flex-1 grid grid-cols-4 gap-x-4 gap-y-4 my-4 px-3">
       <div v-for="(record, recordIndex) in data" :key="recordIndex" class="flex flex-col">
         <a-card hoverable class="!rounded-lg h-full">
           <template #cover>
@@ -84,11 +85,13 @@ const isRowEmpty = (record: any, col: any) => {
         </a-card>
       </div>
     </div>
+    <SmartsheetPagination />
+  </div>
 </template>
 
 <style scoped>
 .nc-gallery-container {
-  height: calc(100vh - 160px);
+  height: calc(100vh - 250px);
   overflow: auto;
 }
 </style>