feat: default localization from browser navigator (#1260)

We now have everything translated, lets default it:
```
Catalog statistics for src/locales/{locale}: 
┌─────────────┬─────────────┬─────────┐
│ Language    │ Total count │ Missing │
├─────────────┼─────────────┼─────────┤
│ en (source) │     652     │    -    │
│ es          │     652     │    0    │
│ pt          │     652     │    0    │
│ test        │     615     │   615   │
└─────────────┴─────────────┴─────────┘
```

---


https://github.com/user-attachments/assets/ff6402d7-ceed-44f3-ac5f-a49e4021afad

src/basic-attention-token/BasicAttentionTokenLandingPage.tsx

@@ -79,7 +79,7 @@ function LaunchCampaignButton() {
           trackMatomoEvent("basic-attention-token", "launch-campaign")
         }
         sx={{
-          width: "250px",
+          width: "300px",
           maxHeight: { xs: "40px", md: "60px" },
           mb: 1,
           fontSize: "16px",

src/i18n.ts

@@ -1,4 +1,4 @@
-import { detect, fromUrl } from "@lingui/detect-locale";
+import { detect, fromNavigator, fromUrl } from "@lingui/detect-locale";
 import { enUS, esES, ptBR } from "@mui/x-data-grid/locales";
 
 import benefits from "@/assets/images/ad-benefits.svg";
@@ -27,7 +27,7 @@ export function findLocale() {
   let gridTheme = enUS;
   let images = { benefits };
 
-  const detectedLocale = detect(fromUrl("lang") /*fromNavigator(), */);
+  const detectedLocale = detect(fromUrl("lang"), fromNavigator());
 
   if (detectedLocale) {
     const matchedLocale = locales.find((l) =>