Create New Program page, Remake Edit Programs

[jessieh9]

Currently, the Edit Program page is implemented, but New Program is not. Your job in this task will be to extend the Edit Program page so that it supports adding a New Program as well.

In addition, re-implement the repeat dropdown which lets you select which days of the week to repeat the sessions on.

1. Create New Program page, merge with Edit Program page
   The Edit Program page already exists in client/src/components/programs/EditProgram.jsx
   Modify this page, given the Figma, to support New Programs editing programs.

Do not be fooled by this short issue

The Figma outlines extensive changes and interactions which need to be supported.
All modals, popovers (dropdowns), and hover states must be added

This new page should go inside
client/src/components/programs/ModifyProgram.jsx
It should support conditional rendering, so you should pass load=true / false to determine if an existing program content should be loaded

Edit program should be at
/programs/edit/:id
New program should be at
/addprogram

Acceptance Criteria

• You have created one page which supports editing programs load=true and creating new programs load=false
  • You do not duplicate code for styling. When possible, use the same components for edit and add, but render the content differently on page load
• Your page matches Figma, including all dropdowns, interactions, and such
• When the "X" is pressed, you navigate back onClick={() => navigate(-1)}
• When the "Save" button is pressed, you navigate to the program page of this ID
  • The "Save" button cannot be pressed if the page content (the non optional items) are not filled out
• You have read all comments and made sure all features are implemented