new empty state; change notification limit to 50

[InsaneZein]

part of RHCLOUD-29372

Limit the notifications in the drawer to only include 50 from the past week. Also changes the empty state styling to look like this

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 63.70%. Comparing base (fcd34e0) to head (db84e7b).

:exclamation: Current head db84e7b differs from pull request most recent head 2e47e4d

Please upload reports for the commit 2e47e4d to get more accurate results.

Additional details and impacted files

[](https://app.codecov.io/gh/RedHatInsights/insights-chrome/pull/2884?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=RedHatInsights) ```diff @@ Coverage Diff @@ ## master #2884 +/- ## ========================================== + Coverage 63.67% 63.70% +0.03% ========================================== Files 202 202 Lines 4650 4654 +4 Branches 858 858 ========================================== + Hits 2961 2965 +4 Misses 1679 1679 Partials 10 10 ``` | [Files](https://app.codecov.io/gh/RedHatInsights/insights-chrome/pull/2884?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=RedHatInsights) | Coverage Δ | | |---|---|---| | [...ponents/NotificationsDrawer/DrawerPanelContent.tsx](https://app.codecov.io/gh/RedHatInsights/insights-chrome/pull/2884?src=pr&el=tree&filepath=src%2Fcomponents%2FNotificationsDrawer%2FDrawerPanelContent.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=RedHatInsights#diff-c3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uc0RyYXdlci9EcmF3ZXJQYW5lbENvbnRlbnQudHN4) | `82.71% <ø> (ø)` | | | [src/components/RootApp/ScalprumRoot.tsx](https://app.codecov.io/gh/RedHatInsights/insights-chrome/pull/2884?src=pr&el=tree&filepath=src%2Fcomponents%2FRootApp%2FScalprumRoot.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=RedHatInsights#diff-c3JjL2NvbXBvbmVudHMvUm9vdEFwcC9TY2FscHJ1bVJvb3QudHN4) | `76.25% <100.00%> (ø)` | | | [src/utils/common.ts](https://app.codecov.io/gh/RedHatInsights/insights-chrome/pull/2884?src=pr&el=tree&filepath=src%2Futils%2Fcommon.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=RedHatInsights#diff-c3JjL3V0aWxzL2NvbW1vbi50cw==) | `61.57% <100.00%> (+0.72%)` | :arrow_up: |