Akshith - Fix: “No events available” Message Overlap

[akshith312]

Description

Related PRS (if any):

This frontend PR is not related to any PR.
…

Main changes explained:

• When there are no events to display, a default message No Events Available is displayed
• This was not aligned and used to overlap with the search filters.
• This PR fixes the alignment issue by displaying the message at the the center of the page.

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. Select Tomorrow or This weekend/ search for some random event title
7. Check if the No Events Available displays and is aligned to the center, in both light and dark modes.

Screenshots or videos of changes:

Screen.Recording.2026-01-15.233248.mp4

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	eee4005
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69c7657ed64d4200075547ee
😎 Deploy Preview	https://deploy-preview-4720--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 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

[rohanrastogi311]

Hi Akshith,

Well done with this implementation, it's fully functional.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
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

[HemanthNidamanuru]

Hi Akshith,

I tested the PR locally. The "No Events Available" message is centered correctly in both light and dark modes.

[Nirali164]

Hello Akshith,

I have reviewed this feature in your branch locally.
The feature seems to be working now in light and dark mode. The No event text seems aligned.

But the left side dropdown placeholders are not readable.

[akshith312]

Hello Akshith,

I have reviewed this feature in your branch locally. The feature seems to be working now in light and dark mode. The No event text seems aligned.

But the left side dropdown placeholders are not readable.

Hi Nirali,
The alignment of these dropdowns and checkboxes are out of the original requirements of this PR, they are part of another PR.

[beblicarl]

This feature works as intended and the code is great

[Anusha-Gali]

Hi Akshith,

I have reviewed your PR locally and the warning is centered.

[one-community]

Thank you all, merging!