refactor: remove tooltip for meta sync button

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

packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue

@@ -238,52 +238,26 @@
           <!--          <div-->
           <!--            v-if="isNewOrDeletedModelFound" -->
           <div class="d-flex justify-center">
-            <!--            <x-btn
+            <v-btn
+              v-if="isChanged"
               x-large
-              btn.class="mx-auto primary nc-btn-sync-meta-data"
+              class="mx-auto primary nc-btn-metasync-sync-now"
-              tooltip="Sync metadata"
+              @click="syncMetaDiff"
-              @click="syncMetadata"
             >
               <v-icon color="white" class="mr-2 mt-n1">
                 mdi-database-sync
               </v-icon>
               Sync Now
-            </x-btn>-->
+            </v-btn>
-            <v-tooltip bottom>
-              <template #activator="{on}">
-                <x-btn
-                  v-if="isChanged"
-                  x-large
-                  btn.class="mx-auto primary nc-btn-metasync-sync-now"
-                  @click="syncMetaDiff"
-                  v-on="on"
-                >
-                  <v-icon color="white" class="mr-2 mt-n1">
-                    mdi-database-sync
-                  </v-icon>
-                  Sync Now
-                </x-btn>
-
-                <v-alert
-                  v-else
-                  dense
-                  outlined
-                  type="success"
-                  v-on="on"
-                >
-                  Tables metadata is in sync
-                </v-alert>
-              </template>
 
-              <template v-if="!isChanged">
+            <v-alert
-                Metadata for API creation & management is in sync with
+              v-else
-                '{{ dbAliasList[dbsTab].connection.database }}' Database.
+              dense
-              </template>
+              outlined
-              <template-- v-else>
+              type="success"
-                Metadata for API creation & management isn't sync with
+            >
-                '{{ dbAliasList[dbsTab].connection.database }}' Database.
+              Tables metadata is in sync
-              </template-->
+            </v-alert>
-            </v-tooltip>
           </div>
         </v-col>
       </v-row>
@@ -294,9 +268,11 @@
 <script>
 import { mapGetters } from 'vuex'
 import viewIcons from '~/helpers/viewIcons'
+import XBtn from '~/components/global/xBtn'
 
 export default {
   name: 'DisableOrEnableTables',
+  components: { XBtn },
   props: ['nodes', 'db'],
   data: () => ({
     viewIcons,