fix(nc-gui): misc fixes

packages/nc-gui/components/smartsheet/calendar/YearView.vue

@@ -11,7 +11,7 @@ const months = computed(() => {
 </script>
 
 <template>
-  <div class="grid justify-items-center gap-6 grid-cols-3 overflow-auto nc-scrollbar-md">
+  <div class="flex flex-wrap gap-6 items-center justify-center overflow-auto nc-scrollbar-md">
     <NcDateWeekSelector
       v-for="(month, index) in months"
       :key="month"

packages/nc-gui/components/smartsheet/toolbar/CalendarRange.vue

@@ -113,11 +113,7 @@ const dateFieldOptions = computed<SelectProps['options']>(() => {
       </a-button>
     </div>
     <template #overlay>
-      <div v-if="calendarRangeDropdown" class="flex flex-col w-full p-6 w-[40rem]" @click.stop>
+      <div v-if="calendarRangeDropdown" class="flex flex-col w-full p-6 w-[35rem]" @click.stop>
-        <div>
-          <span class="font-bold"> {{ $t('activity.calendar') + $t('activity.viewSettings') }}</span>
-          <a-divider class="!my-2" />
-        </div>
         <div v-for="(range, id) in _calendar_ranges" :key="id" class="flex w-full gap-2 items-center">
           <span>
             {{ $t('labels.organiseBy') }}

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

@@ -319,13 +319,7 @@ useMenuCloseOnEsc(open)
 
           <!-- Fields -->
           <span v-if="!isMobileMode" class="text-capitalize text-sm font-medium">
-            <template
+            <template v-if="activeView?.type === ViewTypes.KANBAN || activeView?.type === ViewTypes.GALLERY">
-              v-if="
-                activeView?.type === ViewTypes.KANBAN ||
-                activeView?.type === ViewTypes.GALLERY ||
-                activeView?.type === ViewTypes.CALENDAR
-              "
-            >
               {{ $t('title.editCards') }}
             </template>
             <template v-else>
@@ -342,13 +336,7 @@ useMenuCloseOnEsc(open)
     <template #overlay>
       <div class="p-4 pr-0 bg-white w-90 rounded-2xl nc-table-toolbar-menu" data-testid="nc-fields-menu" @click.stop>
         <div
-          v-if="
+          v-if="!filterQuery && !isPublic && (activeView?.type === ViewTypes.GALLERY || activeView?.type === ViewTypes.KANBAN)"
-            !filterQuery &&
-            !isPublic &&
-            (activeView?.type === ViewTypes.GALLERY ||
-              activeView?.type === ViewTypes.KANBAN ||
-              activeView?.type === ViewTypes.CALENDAR)
-          "
           class="flex flex-col gap-y-2 pr-4 mb-6"
         >
           <div class="flex text-sm select-none">Select cover image field</div>