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	763d808
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6969bfa7a530a70008a6b16f
😎 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.