Refactor Program Management section of Admin Settings

[Kafui123]

Issue: #797

• Created a modal to update the information displayed for the programs on the homepage.
• Fields include program name, description, partner, contact email, contact name, and location.
• Implemented a add a new file feature, to change the image of the programs on the homepage.
• Saved changes button works as expected, and there are two ways to close the modal, cancel or cross button.
• Partner, contact email, contact name, location all stored in database.
• Program name, description, images and links can be directly seen in the home screen.
• Added editable link for Instagram, Facebook and Berea URL.

[BrianRamsay]

The UI needs a little work. Buttons may be better as "Edit Details", Program names shouldn't be <input> tags, which should fix the table column width. Buttons should be normal sized.

[BrianRamsay]

We forgot about the case when a program name changes. The current logic means it can no longer find the uploaded image.

Let's store the file path in coverImage (like we do in AttachmentUpload). This way, when the name changes we don't have to do anything. This will mean changing how the image is referenced on the home page, as well as how we delete images when we upload a new one.

The table for the programs is a little narrow. 350px minimum width would fit better. Also, the header Program should be centered.

[github-actions]

View Code Coverage

[CollegeStevenLN]

For the issue with the cover images of programs, it seems like uploaded photos are not stored, but their information is saved to the file under the program's name on the landing page. The field "coverImage" under Program still stores the original file's name.

When the landing page loads, it makes the assumption that each program has the image equal to it's program. I need to keep the photo somewhere different, or I need to correct the assumption that landingPage.py is making.