[BoG S24] Compare Panel UI Changes

[yatharth-b]

Problem Description

We want to make some quick UI changes to improve UX of the Share schedule feature.

Mockups

Figma

Your Goal

• Move the invite button from the Header component to the Compare Panel and style according to figma.
• Instead of displaying just the editable name of the friends in the comparison panel, display both name and emails like in the image above and the figma. Relevant code - https://github.com/gt-scheduler/website/blob/8f3616aafa8c37d5353c19941ad338d5a0fdbf69/src/components/ComparisonContainer/index.tsx#L315
• Modify the font size and match styling of the compare panel to the figma prototype .