notifications for billing

[tanmoyAtb]

closes #1646

Edit this in AppHeader.tsx to see some notifications.

<NotificationsDropdown
  notifications={[
     {
         title: "This is a title. Add as many lines as you can",
         createdAt: new Date()
     }
   ]}
/>

Note: Notifications button don't actually resemble the designs, the designs have the new design of buttons and UI elements which we have to work on.

[render]

Your Render PR Server URL is https://files-billing-stage-pr-1656.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c5rflvbru51uofn5h7d0.

[lgtm-com]

This pull request introduces 1 alert when merging 58e486d into c6e935b - view on LGTM.com

new alerts:

• 1 for Identical operands

[lgtm-com]

This pull request introduces 1 alert when merging 57e5ae9 into c6e935b - view on LGTM.com

new alerts:

• 1 for Identical operands

[Tbaut]

Look pretty good. Just a couple nits. Also we should have some max height and scroll bar

Also how should this look like on Mobile @serenaho and @sweetpea22

[lgtm-com]

This pull request introduces 1 alert when merging 2133e1b into c6e935b - view on LGTM.com

new alerts:

• 1 for Unused variable, import, function or class

[sweetpea22]

The notification will replace the search icon let me pull up the design brb!

[tanmoyAtb]

Look pretty good. Just a couple nits. Also we should have some max height and scroll bar

Also how should this look like on Mobile @serenaho and @sweetpea22

Thanks for the feedbacks,
I made the updates and added a scrollbar, thats was a good point.

[Tbaut]

Looks good, let's just not push with those fixture notifications :)