feat: Filters UI (desktop & mobile)

[nhsz]

[WIP] This PR implements the UI updates and changes for the wallet filters

Preview: https://deploy-preview-12299--ethereumorg.netlify.app/en/wallets/find-wallet/

Description

• components
  • updates WalletFilterProfile component
  • updates WalletFilterSidebar component
  • updates WalletsTable styles
    • change background color to background.highlight when expanded
  • updates WalletMoreInfo styles
  • updates WalletMoreInfoCategory styles
  • adds WalletFilterPersona component
  • adds SupportedLanguagesTooltip component
  • adds MobileFiltersMenu component (see new mobile menu design)
  • adds ResetFiltersButton component
  • adds LanguageSupportFilter component
  • adds MobileFiltersButton component
• filters
  • updates featureDropdownItems
  • updates filterOptions
  • adds persona filter title
  • adds Advanced label/category to filters
  • removes eip_1559_support feature filter
  • features filter
    • remove description for devices
• utils
  • adds getPersonaBorderColor util
  • adds getLocaleFormattedDate util
  • adds getLanguageCodeNameutil
  • adds capitalize util
  • adds getAllWalletsLanguages util
  • adds walletsListingCount util
  • adds getWalletsTopLanguages util
• hooks
  • moves useWalletTable inside /hooks dir
  • moves useWalletFilterFeature inside /hooks dir
• constants
  • adds WALLETS_FILTERS_DEFAULT constant
• types
  • adds WalletFilter type
  • adds WalletSupportedLanguageContextType type
• icons
  • removes unused EIP1559Icon
• wallets data
  • fixes inconsistent wallet.last_updated format
• translations
  • adds page-find-wallet-personas-title key
  • adds page-find-wallet-see-wallets key
  • updates page-find-wallet-non-custodial value
  • updates page-find-wallet-connect-to-dapps-desc value
  • removes page-find-choose-to-compare unused key
  • removes page-find-wallet-choose-to-compare unused key
  • removes page-find-wallet-persona-desc unused key
  • removes page-find-wallet-profile-filters unused key
  • removes page-find-wallet-feature-filters unused key
  • removes page-find-wallet-fee-optimization unused key
  • removes page-find-wallet-fee-optimization-desc unused key
  • removes page-find-wallet-mobile-desc unused key
  • removes page-find-wallet-desktop-desc unused key
  • removes page-find-wallet-browser-desc unused key
  • removes page-find-wallet-hardware-desc unused key
  • removes page-find-wallet-choose-features unused key
  • removes page-find-wallet-walletconnect unused key
  • removes page-find-wallet-walletconnect-desc unused key
  • removes page-find-wallet-token-support unused key

[pettinarip]

On the functional testing side, I think the only thing I would question is the language selector. It doesn’t work in the same way as the other filters. When you select a language:

• I would expect to see the selected language displayed instead of the “Search language” placeholder
• The filter is working fine but it is not shown in the “Filters (0)” counter

These issues can cause confusion for the user when trying to understand what filters are being applied.

I see a visual bug in mobile. The modal footer sometimes gets behind the content

=======
On the code side, I've left a couple of suggestions/questions, nothing blocking. Looks good overall.

Great job @nhsz 💯

[pettinarip]

Suggested change

	<Heading as="h4" lineHeight={1.4} fontSize="md" fontWeight="bold" mb={2}>
	<Heading as="h4" size="md" mb={2}>

[nhsz]

size="md" is not the same font size defined in the design @konopkja

[wackerow]

Small note, if I select a filter, then select a persona, the filter toggle stays on, but the checkboxes get unchecked.

Screen.Recording.2024-03-19.at.09.32.27.mov

---

Otherwise this is looking great.. functionally it's working as expected aside from the couple things noted. Just left some clean up notes, and a few things we could discuss to address separately (ie using standard sizes for a handful of things)

Nice job @nhsz! Excited to move this forward

[wackerow]

Again not a blocker, but cc: @nloureiro if there is a way we can try to work our way towards standard font sizes

[wackerow]

fontSize={8} is 2rem correct? @nloureiro Do you know how often we're trying to use this font size? Not blocking for this, but again noting we have some standard font sizes that would be nice to be able to stick to:

[pettinarip]

Awesome @nhsz, lgtm! gj

The only thing left for me (which I don't see as a blocker) is this issue on mobile:

I keep seeing this on a physical phone when the top frame of the browser (where the url input is) is shown.

[wackerow]

Looks good! Thanks @nhsz! Just left one comment about the hideFrom syntax, but we don't need to deal with that here, just noting. Pulling in when build finishes! 🎉