fix(nc-gui): Improved generic pagination

packages/nc-gui/components/nc/Pagination.vue

@@ -70,8 +70,11 @@ const pagesList = computed(() => {
     >
       <GeneralIcon icon="arrowLeft" />
     </NcButton>
-    <div class="text-gray-600">
+    <div v-if="!isMobileMode" class="text-gray-600">
       <a-select v-model:value="current" class="!mr-[2px]" virtual>
+        <template #suffixIcon>
+          <GeneralIcon icon="arrowDown" class="text-gray-500 nc-select-expand-btn" />
+        </template>
         <a-select-option v-for="p of pagesList" :key="`p-${p}`" @click="changePage({ set: p })">{{ p }}</a-select-option>
       </a-select>
       <span class="mx-1"> {{ mode !== 'full' ? '/' : 'of' }} </span>
@@ -104,3 +107,13 @@ const pagesList = computed(() => {
     </NcButton>
   </div>
 </template>
+
+<style lang="scss" scoped>
+:deep(.ant-select-selector) {
+  @apply !border-gray-200 !rounded-lg;
+}
+
+:deep(.ant-select-dropdown) {
+  @apply !rounded-lg !overflow-hidden;
+}
+</style>