Update site to use Modus Bootstrap v2 CSS

[coliff]

Description

This PR updates the CSS to use Modus Bootstrap v2. It was relatively straightforward by using: https://github.com/coliff/bootstrap-5-migrate-tool and spending about 2 hours tweaking a few things.

The migration should be mostly unnoticeable to the end-user of the site... but the CSS is a lot smaller (faster to load) as it doesn't require a separate stylesheet for dark mode.

Preview: https://ambitious-sky-021d71010-323.centralus.2.azurestaticapps.net

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update

How Has This Been Tested?

Locally with Edge v118

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

[coliff]

Light mode (icon):

Dark mode (icon):

Light mode (icon set):

Dark mode (icon set):

[egunther39]

As I shared in chat, please double check the icon alignments in the icon detail page examples. Some seems off.

The menu in the nav bar is not displaying correctly

[msankaran0712]

• Why this gap? I see the same on old site too.

• For Modus on GitHub link, can we redirect it to the list of public repositories filtered by Modus keyword
• UI issues
  
• Show Categories radio button animation is not smooth

[msankaran0712]

Different font size and color for both the dark and light theme

[coliff]

• Modus Bootstrap v2 has responsive-font-sizes so the size scales down depending on the screen size, but never appearing bigger than before and always sized proportionally. Responsive font sizes are great because without it the larger heading sizes often require wrapping to multiple lines on small screens. The Modus Icons header there is using display-2 which is: font-size: calc(1.375rem + 1.5vw);

• In light mode the header is Trimble Blue #0063a3 and in dark mode it now uses dark mode Trimble blue #019aeb:
  https://modus.trimble.com/foundations/color-palette/#special-case-colors

[msankaran0712]

@coliff I think the title color is not changing in dark mode, it is always #0063a3.

[soniakaukonen]

@coliff

The icon only button example (without outline) does not show states when hovered over.
When clicked, an outline appears.

Navbar example appears massive.