fix: make ApiTokenManagement single root to allow prop inheritance

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue

@@ -88,6 +88,7 @@ onMounted(() => {
 </script>
 
 <template>
+  <div>
     <a-modal
       v-model:visible="showNewTokenModal"
       :class="{ active: showNewTokenModal }"
@@ -134,7 +135,6 @@ onMounted(() => {
 
     <a-modal
       v-model:visible="showDeleteTokenModal"
-    :class="{ active: showDeleteTokenModal }"
       :closable="false"
       width="28rem"
       centered
@@ -214,7 +214,12 @@ onMounted(() => {
                 </a-button>
               </a-tooltip>
 
-            <a-dropdown :trigger="['click']" class="flex" placement="bottomRight" overlay-class-name="nc-dropdown-api-token-mgmt">
+              <a-dropdown
+                :trigger="['click']"
+                class="flex"
+                placement="bottomRight"
+                overlay-class-name="nc-dropdown-api-token-mgmt"
+              >
                 <div class="flex flex-row items-center">
                   <a-button type="text" class="!px-0">
                     <div class="flex flex-row items-center h-[1.2rem]">
@@ -239,4 +244,5 @@ onMounted(() => {
         </div>
       </div>
     </div>
+  </div>
 </template>