Add notifications feed

[nabramow]

We want to make it easier for users to see when an action related to them happens. There is a backend api for this you can connect to:

rpc ListNotifications(ListNotificationsReq) returns (ListNotificationsRes);

Acceptance Criteria

• Write a grpc/react-query for this to connect the backend call for ListNotifications to the frontend
• Make the menu component, there will be different notification list items like friend request, etc (see below) so likely you want to have the custom list items and a default one.
• Add icon to navigation and connect it up
• write some tests

NOTE: Backend might not have everything we need, that's okay for now. Just do what we have, if you notice something missing make a note what and we can create a new ticket (or feel free to make the ticket).

---

DESIGN

Desktop - friend request example

Desktop - notification settings hover/click example

Mobile example

[aapeliv]

NICOLE NEED TO CONFIRM - do we have backend for this. If not make backend ticket and get info for that.

This exists which is the first cut at this:

couchers/app/proto/notifications.proto

Line 17 in 29163a6

rpc ListNotifications(ListNotificationsReq) returns (ListNotificationsRes);

[nabramow]

@pepsicolacat Tagging you here to finish off the pop up over the pop up issue.