fix(gui-v2): badge togglig issue

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

packages/nc-gui-v2/assets/style-v2.scss

@@ -94,5 +94,5 @@ html {
 }
 
 .nc-badge {
-  @apply relative after:(absolute top-[-2px] right-[-2px] w-[8px] h-[8px] rounded-full bg-primary content-['']);
+  @apply relative after:(absolute top-[-2px] right-[-2px] w-[8px] h-[8px] rounded-full bg-primary content-[''] !z-20);
 }

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

@@ -77,13 +77,8 @@ const onMove = (event: { moved: { newIndex: number } }) => {
 
 <template>
   <a-dropdown :trigger="['click']">
-    <a-button
+    <div :class="{ 'nc-badge': isAnyFieldHidden }">
-      v-t="['c:fields']"
+      <a-button v-t="['c:fields']" class="nc-fields-menu-btn nc-toolbar-btn text-xs" :disabled="isLocked" size="small">
-      class="nc-fields-menu-btn nc-toolbar-btn text-xs"
-      :class="{ 'nc-badge': isAnyFieldHidden }"
-      :disabled="isLocked"
-      size="small"
-    >
         <div class="flex align-center gap-1">
           <!--          <v-icon small class="mr-1" color="#777"> mdi-eye-off-outline </v-icon> -->
           <MdiEyeIcon class="text-grey"></MdiEyeIcon>
@@ -92,7 +87,7 @@ const onMove = (event: { moved: { newIndex: number } }) => {
           <MdiMenuDownIcon class="text-grey"></MdiMenuDownIcon>
         </div>
       </a-button>
-
+    </div>
     <template #overlay>
       <div class="pt-0 min-w-[280px] bg-white shadow" @click.stop>
         <div class="p-1" @click.stop>