feat: notification filters

[Soxasora]

Description

Adds filtering by type for Notifications completing #1035

Types are represented by categories that are defined and ordered in lib/constants.js

• Replies: Reply, Mention, ItemMention
• Followed: FollowActivity
• Stacking: Votification, ForwardedVotification
• Earnings: Earn, Revenue, ReferralReward
• Territories: TerritoryPost, TerritoryTransfer, SubStatus
• Reminders: Reminder
• Referral: Invitification, Referral
• Payments: Invoice, InvoicePaid, WithdrawlPaid
• Streak: Streak

Like Satistics, it relies on router.query to apply and retrieve filters (a user can bookmark the URL).
Unlike it, the modal enables multi-select before applying filters and it uses router.replace instead of router.push to maintain interoperability with the existing notifications page

When filters are applied, localStorage is updated with values set by the user and/or router.query.inc. If filters haven't been reset, on next visits users can re-apply the last filters they chose

Screenshots

Notifications page

Default modal, no filters

Modal with filters

Mobile modal

Notifications page with filters on

Additional Context

• SubStatus.name as id and casting NULL earnedSats values to BIGINT was necessary to make queries work on their own, could this be a problem? Notifications works as usual :P

• Also I couldn't find a query for JobChanged so I left it as-is

• Filters hue for light mode maybe needs to be changed?

• FilterIcon color could be green or other color, I used --theme-brandColor

Checklist

Are your changes backwards compatible? Please answer below: Yes!

On a scale of 1-10 how well and how have you QA'd this change and any features it might affect? Please answer below:
7, I couldn't reproduce some notification types! Other than that, filtering consistently works and when no filters are applied, notifications follow the same behavior as before.

For frontend changes: Tested on mobile, light and dark mode? Please answer below: Tested on mobile, PWA and also in light (additional context) and dark mode.

Did you introduce any new environment variables? If so, call them out explicitly here: No

Progress

• better UI
• localStorage implementation

[huumn]

Code looks simple and clean. I'll QA and do UI review tomorrow.

[huumn]

This is great.

I won't merge until after Jan. 3, and I might end up tweaking the UI and save the notification filters to localstoage for reuse, but consider it done - I'll pay up in the next few days.

[Soxasora]

I knew I was forgetting something, filter persistence!

I could go and do it right away^^
Thanks a lot k00b!