[Frontend] Bootstrap 5 Upgrade

[justinh-rahb]

Summary

This PR introduces a series of upgrades and enhancements, primarily focusing on migrating from Bootstrap 3 to Bootstrap 5 and implementing FontAwesome to replace Glyphicons. Additional user-centric features and UI/UX improvements are also included to modernize the application and enhance user interaction.

Description

The changes in this PR are detailed as follows:

1. Bootstrap Migration:

   • Migrated the entire application from Bootstrap 3 to Bootstrap 5, ensuring compliance with the new version’s standards and utilities.
   • Refactored components, classes, and utilities where necessary to adapt to the new Bootstrap version.

2. Icon Library Replacement:

   • Replaced the deprecated Glyphicons with FontAwesome icons throughout the application.
   • Adjusted icon-related styles and attributes to align with FontAwesome's specifications.

3. GitHub Links and Documentation:

   • Integrated links to the GitHub documentation page and the project repository in the menu, enhancing accessibility to project resources and documentation.
   • Incorporated FontAwesome icons to the left side of the text in the menu items.

4. Dismissible Disclaimer Note:

   • Implemented a feature allowing users to dismiss the disclaimer note and added an option for permanent dismissal using sessionStorage.
   • Styled the disclaimer note and dismissal link to ensure a cohesive and intuitive user experience.

5. JavaScript UX Improvements:

   • Introduced various JavaScript enhancements to optimize user interactions, interface responsiveness, and overall user experience.

6. Additional UI/UX Enhancements:

   • Aligned text centrally in the main container and adjusted spinner size for a balanced and harmonious layout.
   • Conducted miscellaneous refinements and optimizations to address minor issues and enhance application performance.

Related Issue(s)

none

Motivation and Context

The motivation behind these changes is to modernize the application by leveraging the latest technologies and best practices in web development, specifically Bootstrap 5 and FontAwesome. The enhancements aim to improve user experience by introducing new functionalities, optimizing interface responsiveness, and refining the overall design and layout of the application.

Types of changes

• New feature (non-breaking change which adds functionality)

Checklist:

• My code follows the code style of this project.
• I have read the CONTRIBUTING document.