Enhance frontend functionality, usability, and maintainability

tjementum commented 2 weeks ago

Summary & Motivation

Several enhancements have been implemented in the frontend to elevate functionality, usability, and maintainability.

The SideMenu now supports links to other self-contained systems and allows for disabled menu items. A SideMenuSpacer has been introduced to position menu items at the bottom of the side menu, and a new Account Management menu item has been added in the BackOffice.

UI components in the Shared Web App have been updated with improvements from downstream projects.

To better align with module federation conventions, the content of main.tsx and bootstrap.tsx has been swapped.

The cdnImages.ts file, which manages paths to frontpage images, has been moved to the (index) folder, and the Account Settings dialog now displays the logo from the Shared WebApp.

Further updates include adding container query support in Tailwind CSS to improve responsive design capabilities.

The TypeScript configuration has been adjusted to enable single-click navigation to implementation files instead of declaration files, enhancing the debugging experience.

Finally, Lingui is now configured to automatically remove obsolete translations from .po files during updates, ensuring a cleaner and more accurate localization setup.