Feat: Revamp event card and add event info modal popup

[Rahulm2310]

Description

Shorten the text in the events cards, add a Read more button in the card and add a new event details modal popup to display full details of event.

Fixes #237

Type of Change:

Delete irrelevant options.

• Code
• User Interface

Code/Quality Assurance Only

• New feature (non-breaking change which adds functionality pre-approved by mentors)

How Has This Been Tested?

Checklist:

Delete irrelevant options.

• [x] My PR follows the style guidelines of this project
• [x] I have performed a self-review of my own code or materials
• [x] I have commented my code or provided relevant documentation, particularly in hard-to-understand areas

Code/Quality Assurance Only

• [x] My changes generate no new warnings

[Rahulm2310]

@nandini45 @keshakaneria Can you please review this PR. Thanks 🙂

[keshakaneria]

@Rahulm2310 Can we keep 3 in a row? Currently there seems a lot of space on right and a bit on left side of card. What do you say @nandini45? Otherwise the modal looks perfect 👍.

[Rahulm2310]

@keshakaneria Yes it can be but do we need to discuss it with the design team first?

[keshakaneria]

@keshakaneria Yes it can be but do we need to discuss it with the design team first?

Yes, tagging @nandini45 again as a part of designing project to let us know if this can be done.

[isabelcosta]

@Rahulm2310 could you fix the merge conflicts? I really like what you did here. Would love to get this on track again!