chore(gui-v2): remove transition from header

packages/nc-gui-v2/layouts/base.vue

@@ -21,15 +21,12 @@ const logout = () => {
     <div id="nc-sidebar-left" />
 
     <a-layout class="!flex-col">
-      <Transition name="layout">
       <a-layout-header
         v-if="!route.meta.public && signedIn && !route.meta.hideHeader"
         class="flex !bg-primary items-center text-white pl-4 pr-5 shadow-lg"
       >
         <div
-            v-if="
+          v-if="route.name === 'index' || route.name === 'project-index-create' || route.name === 'project-index-create-external'"
-              route.name === 'index' || route.name === 'project-index-create' || route.name === 'project-index-create-external'
-            "
           class="transition-all duration-200 p-2 cursor-pointer transform hover:scale-105 nc-noco-brand-icon"
           @click="navigateTo('/')"
         >
@@ -88,7 +85,6 @@ const logout = () => {
           </a-dropdown>
         </template>
       </a-layout-header>
-      </Transition>
 
       <a-tooltip placement="bottom">
         <template #title> Switch language</template>

packages/nc-gui-v2/layouts/default.vue

@@ -13,15 +13,17 @@ useHead({
 
 <script lang="ts">
 export default {
-  name: 'Default',
+  name: 'DefaultLayout',
 }
 </script>
 
 <template>
   <div class="w-full h-full">
-    <teleport v-if="$slots.sidebar" to="#nc-sidebar-left">
+    <Transition duration="5000" name="page">
+      <Teleport to="#nc-sidebar-left">
         <slot name="sidebar" />
-    </teleport>
+      </Teleport>
+    </Transition>
 
     <a-layout-content>
       <slot />