Home page - add bottom app bar

[niall-rb]

Description
At the bottom of our app we want a bar that allows a user to navigate between pages in our app. Each has an icon for the home, badgers, profile and activity pages. Each item in this menu will have:

• A name
• A selected & not selected icon
• A linked destination

In the case of the activities page there is an later requirement for a red circle over the icon when there are unread notifications but this is out of scope for now.

The current page the user is on should be selected and brighter than the others.

This menu should be fixed to the bottom of the screen regardless of whether or not the user is scrolling up or down (unlike the top app bar).

Out of scope
Implementing the badgers page, profile page or activity page is out of scope of this ticket.

Acceptance criteria
GIVEN A user navigates to the home page
THEN The bottom app bar is visible
AND The home icon is selected

GIVEN A user navigates to the home page
WHEN They click on the badgers/profile/activity icon
THEN They are taken to the badgers/profile/activity page

Non-functional requirements
The design should match those provided in Badger Me App

Linked issues
Bottom App Bar