I'm reaching out regarding some UI rendering issues I've been experiencing with the Metronic Vue.js package in our application.

We've noticed that the UI behaves inconsistently, particularly when accessing the application for the first time or accessing the application in incognito or guest mode. The issues range from header shrinking unexpectedly to the header and page body appearing side by side instead of stacked as intended.
We've taken several troubleshooting steps, including clearing the browser cache, checking browser settings, and inspecting the console for errors. However, the problem persists.

Here are some additional details:
- Version of the Metronic Vue.js package : Template is demo1.
ref:https://preview.keenthemes.com/metronic8/vue/demo1/dashboard
- Version of Vue.js : @vue/cli 5.0.8
We've tested the application on multiple browsers, and the issue seems to be more prevalent in incognito or guest mode or first time.
There are no custom modifications to the Metronic Vue.js package that would likely cause these issues.

This is how it looks in normal tab:
https://snipboard.io/dNSn0H.jpg
https://snipboard.io/EmFRde.jpg

Versus how to looks in incognito or guest mode or to someone accessing it for the first time:
https://snipboard.io/3ickbv.jpg
https://snipboard.io/FkAvbI.jpg
https://snipboard.io/UO1BqY.jpg

We're seeking assistance from the community to understand if anyone else has encountered similar problems and if there are any known solutions or workarounds.
Any insights or guidance you can provide would be greatly appreciated.