Description: Automatically dismiss the left or right sidebar when one of
them is selected on smaller screens. This solves the problem of
overlapping sidebars.

Note: This only applies to mobile devices (viewport width < 992 pixels)

Changes:
- Populate BottomBar.tsx and styles.scss with the relevant code required
to generate a bottom bar on screens less than 992px in width

Changes:
- Create a bottom bar folder and setup the required files
- Fix the top navigation bar styling (reduce height)