Ax/scrum 167 Integrate Shared Timetables into Timetable Compare Feature

[Austin-X]

Description

SCRUM-167

• Renamed the SharedCalendar.tsx component to ViewCalendar.tsx
• Slightly redesigned the Timetable Compare page to use ViewCalendar.tsx instead of Calendar.tsx
• Integrated Shared Timetables into the Timetable Compare dropdowns

Type of change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings

[thomasyzy7]

When I was testing, as you may have noticed, my bee movie script timetable is still present since I added it before the 50 char limit was implemented. So when I edited the timetable to something else, the old title is still there. It only get changed when I refreshed the page.

Furthermore, in the compare page, If you refresh, you will end up with something like this.

EDIT: there should also be a way to distinguish between timetables based on their owners in the comparison tab, this will get especially confusing if person a and person b shares a timetable with the same name with you.

[kevin-lann]

Small ui suggestion

[thomasyzy7]

LGTM