Improve new medication reminder page

[kylegoodwin]

Background:

Right now patients mostly manage their medication reminders on the home page, there is a card that displays the time and buttons to edit the time. To clean things up and keep the user experience more consistent, we recently moved this setting to the settings page, so it can be linked to throughout the app.

Agnes ( who runs the Indonesia trial ) also wants the daily medication time to be displayed at the top of the homepage for patients. The idea is that they can easily see when they are supposed to take the meds so they can build the habit of it.

Current State:

High Level Goals:

• Refactor the indonesia specific MotivationalMessage component out of Greeting.js
  • This can be where you show the current medication time
  • This will likely require new translations, feel free to hard code for now and I can help you with it later
• Revamp the new medication reminder page
  • Show the current time that the reminder is set in large blue font
  • Have clear buttons to edit or disable the notification
  • Move to using local state and useAsync instead of the MobX store