feat: Web Notifications: Frontend

## See mid-fi [here](https://www.figma.com/design/r550IuVLGyvwkAwVeq4BXP/SelfServe-Design?node-id=5835-48604&t=BIdt7ViknVlCwQCo-4):

<img width="2880" height="2048" alt="Image" src="https://github.com/user-attachments/assets/a1177edd-1a13-4d60-8e75-9d22e033f580" />

<img width="2880" height="2048" alt="Image" src="https://github.com/user-attachments/assets/28e24ad3-573f-47d6-ae87-b6aee4bb2a68" />