Design and build the UI for the daily log review

[garyditsch]

Current behavior:

• when user clicks on the day from the yearly calendar, they are taken to a day that matches the square they clicked. For example, when they click '3' they are taken to January 3rd.
• on that screen, the user currently sees an unformatted list of the behaviors they logged on that day

Issues:

• The current URL shows ".../daily/3" , this works for current year, but won't work in 2025 or later.
• The component currently pulls in the behaviors that match "3" which only brings the id of the goal, need to update query so that list of behaviors attaches the goal name, value also.

TO DO:

• [x] improve routing so that year can be included, along with day of year
• [x] update query to account for year, day, and bring in required goal properties so they can be displayed
• [x] update link from yearly calendar to use the year/day route
• [x] update query to pull in the goal information with the behavior logs, so it can be used in daily log lists
• [x] create simple list component to display behavior lists
• [x] create query so that daily logs can show total count for the year, with the value set for the goal

[garyditsch]

Garmin App Daily list of metrics, as example.

[garyditsch]

Other examples from Healthmate & Apple Fitness apps

[garyditsch]

Complete