Profile Page

[kfinberg7581]

Problem

We need a profile page that displays the following information:

• User PFP, Name, Email
• Students - Booked Appointments, Enrolled Classes
• TAs - Booked Appointments as a Student, Appointments Booked with the TA, Enrolled Classes as a Student, Enrolled Classes as a TA
• Instructors - Enrolled Classes as an Instructor

Solution

This PR involves an interplay between these files:

src/.../profile/[profileID]/page.svelte
components/profile/Appointment.svelte
components/profile/Class.svelte
components/profile/InstructorClass.svelte

Each Appointment and Class displayed are individual components that get their data from the user's specific appointments and class lists.
The InstructorClass component is specifically for displaying individual classes in which a user who is of member_type instructor teaches.
All of the courses and appointments associated to the current user are populated into an array which is then looped and displayed to the page.

The commented out section at the bottom of the file includes non-dynamic views of a Student view, TA view, and Instructor view of the profile page.