Added Activity Agenda Page for the Community Portal

[ShreyaLaheri]

Description

When a user wants more information about the activity - like the schedule, agenda, more details posted by the instructor, they can see all on this page.

Related PRS (if any):

No related PR
…

Main changes explained:

• Added page to see event details

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as any use
5. go to http://localhost:3000/communityportal/ActivityAgenda
6. verify you see the image of the activity along with description and schedule
7. verify this new feature works in [dark mode]

Screenshots or videos of changes:

Changes.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	c92da0e
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/67956e3a8899550008c6a722
😎 Deploy Preview	https://deploy-preview-3085--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[sabithanazareth]

I have tested the PR and the agenda appears as expected. The layout is the same when viewed with both dark and light modes.

PR.3085.mp4

[srikanthpusthem]

PR.3085.mov

reviewed the PR, the changes are as expected

[lalith425]

ActivityAgendaTesting.mp4

reviewed the PR, the changes are as expected

[Srichand-Medagani]

I have reviewed the PR it works fine both in system and mobile view but shows the same in light mode and dark mode. I have the images attached.

[fangedShadow]

I have reviewed the PR. the page shows how is it suppose too. the light mode and dark mode is the same.