Drawer `navigation-header` and `navigation-footer` only starts appearing after toggling the drawer once.

[PindaPixel]

Describe the bug When defining a custom header for the Drawer component, the header only appears after toggling the open state of the drawer after initial mount. This is most notable when mini is set to true, or when the initial state of the drawer is expanded.

To Reproduce Steps to reproduce the behavior:

https://stackblitz.com/edit/swzwuv?file=src%2Fmain.vue

1. Notice the header is not being rendered
2. Open the drawer
3. Notice the header popping in

Expected behavior The header should render immediately on mounting the component.

Screenshots If applicable, add screenshots to help explain your problem.

Browser

• OS: Windows
• Browser: Chrome, Firefox
• Version: 122, 123

Additional context In the current situation when the initial state of the drawer is open, it needs to be closed before the header or footer start appearing.