Description

This PR adds a professional empty state UI for the notifications page. When there are no notifications, instead of showing a blank screen, users now see a helpful message with an icon and explanatory text. This improves the user experience by providing clear feedback and maintaining the app's professional appearance.

Fixes #259

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

The changes have been tested in the following scenarios:

1. When the user has no notifications, verifying the empty state appears correctly

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

Maintainer Checklist

• closes Enhancement: Add Empty State UI for Notifications Page #259
• Tag the PR with the appropriate labels