Description

AuthenticatedLayout's content element had a 4px bump next to it (mostly visible on scrollable content). This hardwires the content's width to the max it's allowed (viewport - sidebar) and casts overflow to auto. This is needed for internal pages (app store) that rely on native content scrolling. Scrolling in webpages inherits from the webpage itself (i.e. if the content should scroll, it will scroll.)

Note: for some reason using $sidebar-width in $content-width doesn't work 🙂

Motivation and Context

Fix UI mistakes detected by @deanpress on dark/light mode switching

How Has This Been Tested?

A/B'd with internal pages and external pages (nos.chat, nash, ...)

Screenshots (if appropriate)

Types of changes

• Chore (tests, refactors, and fixes)
• New feature (adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist

• I have read the CONTRIBUTING guidelines and confirm that my code follows the code style of this project.
• Tests for the changes have been added (for bug fixes/features)

Documentation

• Docs need to be added/updated (for bug fixes/features)

Closing issues

Fixes #