Add training material page

[latin-panda]

Is your feature request related to a problem? Please describe.
We've heard a lot of feedback about CHWs completing training cards that appear on load but cannot easily access them to revisit content.
If CHWs close training on load they won’t be shown any cards again until the next day.
Today, the only way to view completed training is to open submitted reports.

Describe the solution you'd like
Figma
The training materials will be accessible from the hamburger menu

Describe alternatives you've considered
We did brainstorming sessions in the form of story maps - the alternatives we considered.

Implementation details

• Training cards in modal

  • The form title in the modal should be sticky and buttons should always be visible even when loading long content.

• Training materials page

  • Every time a training (completed or uncompleted) is submitted, a report is recorded on the Reports list page (it's like this since before).
  • Trainings are sorted by start date
  • Default page is 50, scrolls to load next page
  • Don't show the modal on top of the Training materials page
  • The training material option is always displayed on the hamburger menu, regardless of whether a project has or does not have trainings for CHWs
  • Trainings can be opened multiple times a day (while trainings in modal display once a day)

• Training materials page and training cards in modal

  • If the title isn't defined in the form, show the form ID
  • Show a confirmation message when quitting the training. The message and title is the same for both (page and modal)
  • Should work for old nav and new nav display

[latin-panda]

@n-orlowski training out the sub-issues feature, I've assigned you one to see how it works