fix: WalletFilterFeature mb on mobile menu

Author: nhsz

src/components/FindWallet/MobileFiltersMenu.tsx

@@ -116,7 +116,7 @@ export const MobileFiltersMenu = ({
               px={9}
               py={5}
               bg="background.base"
-              zIndex={2}
+              zIndex={3}
             >
               <Box flex={1} me={2}>
                 <ResetFiltersButton

src/components/FindWallet/WalletFilterSidebar.tsx

@@ -86,12 +86,14 @@ const WalletFilterSidebar = ({
           },
         }}
       >
-        <WalletFilterFeature
-          filters={filters}
-          resetWalletFilter={resetWalletFilter}
-          updateFilterOption={updateFilterOption}
-          updateFilterOptions={updateFilterOptions}
-        />
+        <Box mb={showMobileSidebar ? 20 : 0}>
+          <WalletFilterFeature
+            filters={filters}
+            resetWalletFilter={resetWalletFilter}
+            updateFilterOption={updateFilterOption}
+            updateFilterOptions={updateFilterOptions}
+          />
+        </Box>
       </Stack>
     </Box>
   )

src/lib/utils/intl.ts

@@ -1,5 +1,9 @@
+import { capitalize } from "./string"
+
 export const getLanguageCodeName = (languageCode: string, locale: string) => {
-  return new Intl.DisplayNames([locale], {
-    type: "language",
-  }).of(languageCode) as string
+  return capitalize(
+    new Intl.DisplayNames([locale], {
+      type: "language",
+    }).of(languageCode) as string
+  )
 }