layout shift issue after switching to kubernetes and nginx ingress

// Create a parent route with shared elements
// pages/profile.vue
<template>
  <div>
    <!-- Shared sidebar and other common parts -->
    <NuxtPage/>
  </div>
</template>

// Then create child routes in pages/profile/index.vue and pages/profile/favorite.vue

// Create a parent route with shared elements
// pages/profile.vue
<template>
  <div>
    <!-- Shared sidebar and other common parts -->
    <NuxtPage/>
  </div>
</template>

// Then create child routes in pages/profile/index.vue and pages/profile/favorite.vue

// middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
  // Set the layout on the route you are navigating to
  setPageLayout('other')
})

// middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
  // Set the layout on the route you are navigating to
  setPageLayout('other')
})

onMounted(() => {
    if (process.client && window) {
        window.history.scrollRestoration = 'auto';
    }
})

onMounted(() => {
    if (process.client && window) {
        window.history.scrollRestoration = 'auto';
    }
})

html {
    scroll-behavior: smooth;
}

html {
    scroll-behavior: smooth;
}