Added screen size watcher with cleanup to the app store for improved dynamic responsiveness.
Optimized App.vue to dynamically track screen size using the new watchScreenSize function.
Removed manual screen size update logic from PagePet.vue in favor of the centralized screen size watcher.
Replaced static logo with the dynamic TheLogoImage component across multiple pages:
PageRequestPasswordReset.vue
PageRegister.vue
PageLogin.vue
PageLanding.vue
PageConfirm.vue
Enhanced TheLogoImage.vue to support dynamic logo loading based on screen size (mobile vs. desktop).
Added responsive background image loading for different devices:
Desktop, tablet, and mobile versions of the background image.
Updated favicon path.
Removed old static assets (logos and background images) that were replaced by responsive and dynamic alternatives.
These updates improve responsiveness and enhance the overall user experience by optimizing how images are loaded and displayed across different devices.
Frontend: Minor Version Update
App.vueto dynamically track screen size using the newwatchScreenSizefunction.PagePet.vuein favor of the centralized screen size watcher.TheLogoImagecomponent across multiple pages:PageRequestPasswordReset.vuePageRegister.vuePageLogin.vuePageLanding.vuePageConfirm.vueTheLogoImage.vueto support dynamic logo loading based on screen size (mobile vs. desktop).These updates improve responsiveness and enhance the overall user experience by optimizing how images are loaded and displayed across different devices.