Added new UI for notification settings page

[abhishek-01k]

Pull Request Template

Ticket Number

#1785

Description

New UI for Notification settings page.

• Problem/Feature:

Type of Change

• Bug fix
• New feature
• Code refactor
• Documentation update
• Other (please describe):

Checklist

• Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • Quick PR label added
• Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • DO NOT Merge PR label added

Frontend Guidelines

• Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• No errors in the build terminal
• Engineer has tested the changes on their local environment
• Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

https://www.figma.com/design/FvJL0JWHlsVohsHTERB1Lh/Push-Design-Foundations?node-id=6658-9557&m=dev

• Before: Old UI

• After: New UI according to the figma above

Additional Context

Review & Approvals

• Self-review completed
• Code review by at least one other engineer
• Documentation updates if applicable

Notes

You should have a channel. Click on Add or Manage notification settings and then you will see the new UI for the notification settings page.

[github-actions]

All looks good.

[github-actions]

All looks good.

[github-actions]

Please provide the files that need to be reviewed.