KR: The User Interface follows Material Design standards for Navigation

[michaelkohn]

The full evolution of the UI is covered in this forum post. The final step deals with updating how Navigation works. The specific changes are illustrated below.

Material Changes

1. Implement bottom navigation
2. Implement navigation drawer
3. Implement navigation rail
4. Align app bars: top to material design standard

Figma mockups of all screens

Breakdown of tasks

• [x] https://github.com/medic/care-teams/issues/127
• [x] https://github.com/medic/care-teams/issues/128
• [x] https://github.com/medic/care-teams/issues/129
• [x] https://github.com/medic/care-teams/issues/130
• [x] https://github.com/medic/care-teams/issues/131
• [ ] https://github.com/medic/care-teams/issues/132
• [x] https://github.com/medic/care-teams/issues/133
• [x] https://github.com/medic/care-teams/issues/134
• [x] https://github.com/medic/care-teams/issues/151
• [x] https://github.com/medic/care-teams/issues/152
• [x] https://github.com/medic/care-teams/issues/156
• [x] https://github.com/medic/care-teams/issues/158
• [x] https://github.com/medic/care-teams/issues/159
• [x] https://github.com/medic/care-teams/issues/160
• [x] https://github.com/medic/care-teams/issues/161
• [x] https://github.com/medic/care-teams/issues/162
• [x] https://github.com/medic/care-teams/issues/163
• [x] https://github.com/medic/care-teams/issues/181
• [x] https://github.com/medic/care-teams/issues/182
• [x] https://github.com/medic/care-teams/issues/183
• [x] {Not doing now} https://github.com/medic/care-teams/issues/180

[latin-panda]

@n-orlowski are the Figma designs final and clean? (to avoid confusion)

[n-orlowski]

@latin-panda yup! MVP has a new page

[Benmuiruri]

@latin-panda I've reviewed the breakdown of tasks. LGTM

[latin-panda]

Code delivered (PR) 🚀

Just documentation pending to complete