Akshith - Event Cards Display Square on “All Events” Page

[akshith312]

Description

Related PRS (if any):

This frontend PR is not related to any other PR.
…

Main changes explained:

• Changed Styling of Event Cards to display a square card instead of existing rectangle card.
• Added scroll for each individual card containing details while maintaining square card as per requirement.

How to test:

1. check into current branch
2. do npm install and npm run start:local to run this PR locally
3. Clear site data/cache
4. login as any user
5. go to dashboard→ https://localhost:5173/communityportal
6. Check if Cards displayed on the community portal dashboard are square.
7. Check if details are visible in both light and dark modes.

Screenshots or videos of changes:

Screen.Recording.2026-01-29.140747.mp4

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	e1bfe5b
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a37298a0baf320008d2f02a
😎 Deploy Preview	https://deploy-preview-4770--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[JuliaHa0902]

I have tested the PR in local and confirmed that the event card displays square in all screens, and details are visible in both dark and light mode

[HemanthNidamanuru]

Hi Akshith,

I tested the PR locally. Cards are square and details are visible in both light and dark modes. However, The search icon appears out of place. Does that fall under this PR?

[Anusha-Gali]

Hi Akshith,

I have reviewed your PR locally and it works as per requirement.

[beblicarl]

This UI looks like expected

https://www.loom.com/share/f094f36951c64314aad628e56e9ff376

[akshith312]

Hi @HemanthNidamanuru the search icon is not a part of the changes made in this PR.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[one-community]

Hi @HemanthNidamanuru the search icon is not a part of the changes made in this PR.

Please still fix things like this so we don't have to make a separate action item for something so small.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud