fix(VoNotificationsBanner): fetch banners on mount

Banners were only fetched when VoNotificationsNavItem mounted,
which required the user menu to render. Now the banner component
fetches its own data, ensuring banners display for all users.

Author: johnleider

src/components/notifications/VoNotificationsBanner.vue

@@ -91,6 +91,10 @@
   const user = useUserStore()
   const banners = useBannersStore()
 
+  onMounted(() => {
+    banners.index()
+  })
+
   const banner = computed(() => banners.banner)
   const height = computed(() => banner.value?.metadata.height || (banner.value?.metadata.subtext ? 88 : 48))
   const hasPromotion = computed(() => {

src/components/notifications/VoNotificationsNavItem.vue

@@ -21,13 +21,11 @@
   // Icons
   import { mdiBellOutline } from '@mdi/js'
 
-  const banners = useBannersStore()
   const user = useUserStore()
   const notifications = useNotificationsStore()
   const dialog = shallowRef(false)
 
-  onMounted(async () => {
+  onMounted(() => {
     notifications.index()
-    banners.index()
   })
 </script>