feat: made side nav persistent on XL and XXL breakpoints

[ericdouglaspratt]

🔗 Linked issue

• n/a

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

• For easier navigability and discoverability on desktop, exposed the side nav and made it persistent on the xl and xxl breakpoints (i.e. as soon as there's enough room) - reduces the need to dive in and out of category pages to navigate between child/leaf pages (i.e. fewer clicks) and gives newcomers an idea, at a single glance, of what our design system contains
• Retained <b-container> around the page content so it still goes up to the full max width, except on lower xl breakpoint where it's slightly constrained below its max width
• Enhanced the navigation to indicate the current page within its list of links
• Fixed a typo on the home page
• EsNavBar and EsFooter pages are unchanged, as those use a different layout, need to display at full viewport width, and are being removed from the design system soon anyway

XL breakpoint with side nav shown

Upper XL breakpoint with room enough that the entire layout centers within viewport, as before

XXL breakpoint

LG breakpoint and below remain unchanged

🥼 Testing

• Tested locally

🧐 Feedback Requested / Focus Areas

• Overall

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have documented testing approach

[tomleo]

👍