Update minor libraries

frontend/package.json

@@ -15,29 +15,29 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.27.3",
-    "@babel/plugin-transform-runtime": "^7.27.1",
+    "@babel/plugin-transform-runtime": "^7.27.3",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@babel/runtime": "^7.27.1",
+    "@babel/runtime": "^7.27.3",
     "@eslint/compat": "^1.2.9",
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.26.0",
+    "@eslint/js": "^9.27.0",
     "@types/jest": "^29.5.14",
     "@types/latlon-geohash": "^2.0.4",
-    "@types/leaflet": "^1.9.17",
+    "@types/leaflet": "^1.9.18",
-    "@types/react": "^19.1.3",
+    "@types/react": "^19.1.6",
-    "@types/react-dom": "^19.1.3",
+    "@types/react-dom": "^19.1.5",
     "@types/webpack": "^5.28.5",
-    "@typescript-eslint/eslint-plugin": "^8.32.0",
+    "@typescript-eslint/eslint-plugin": "^8.33.0",
-    "@typescript-eslint/parser": "^8.32.0",
+    "@typescript-eslint/parser": "^8.33.0",
     "babel-loader": "^10.0.0",
     "css-loader": "^7.1.2",
-    "eslint": "^9.26.0",
+    "eslint": "^9.27.0",
     "eslint-config-love": "^120.0.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-import-resolver-typescript": "^4.3.4",
+    "eslint-import-resolver-typescript": "^4.4.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-n": "^17.18.0",
     "eslint-plugin-prettier": "^5.4.0",
@@ -45,19 +45,18 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "filemanager-webpack-plugin": "^8.0.0",
-    "globals": "^16.1.0",
+    "globals": "^16.2.0",
     "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
     "prettier": "^3.5.3",
     "style-loader": "^4.0.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
-    "webpack": "^5.99.8",
+    "webpack": "^5.99.9",
     "webpack-cli": "^6.0.1"
   },
   "dependencies": {
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@christopherpickering/react-leaflet-markercluster": "^1.1.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/base": "^5.0.0-beta.70",
@@ -65,34 +64,35 @@
     "@mui/lab": "^7.0.0-beta.12",
     "@mui/material": "^7.1.0",
     "@mui/system": "^7.1.0",
-    "@mui/x-data-grid": "^8.3.1",
+    "@mui/x-data-grid": "^8.4.0",
-    "@mui/x-date-pickers": "^8.3.0",
+    "@mui/x-date-pickers": "^8.4.0",
-    "@nivo/core": "^0.96.0",
+    "@nivo/core": "^0.99.0",
-    "@nivo/line": "^0.96.0",
+    "@nivo/line": "^0.99.0",
     "base-ex": "^0.8.1",
     "country-flag-icons": "^1.5.19",
     "date-fns": "^4.1.0",
     "file-replace-loader": "^1.4.2",
-    "i18next": "^25.1.2",
+    "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.1.0",
     "i18next-http-backend": "^3.0.2",
     "install": "^0.13.0",
-    "js-sha256": "^0.11.0",
+    "js-sha256": "^0.11.1",
     "latlon-geohash": "^2.0.0",
     "leaflet": "^1.9.4",
     "light-bolt11-decoder": "^3.2.0",
     "nostr-tools": "^2.13.0",
-    "npm": "^11.3.0",
+    "npm": "^11.4.1",
     "openpgp": "^5.11.0",
-    "react": "^18.3.0",
+    "react": "^19.1.0",
     "react-countdown": "^2.3.6",
-    "react-dom": "^18.3.0",
+    "react-dom": "^19.1.0",
     "react-grid-layout": "^1.5.1",
-    "react-i18next": "^15.5.1",
+    "react-i18next": "^15.5.2",
     "react-image": "^4.1.0",
-    "react-leaflet": "^4.2.1",
+    "react-leaflet": "^5.0.0",
+    "react-leaflet-markercluster": "^5.0.0-rc.0",
     "react-qr-code": "^2.0.15",
-    "react-router-dom": "^7.6.0",
+    "react-router-dom": "^7.6.1",
     "react-smooth-image": "^1.1.0",
     "react-world-flags": "^1.6.0",
     "reconnecting-websocket": "^4.4.0",

frontend/src/components/MakerForm/MakerForm.tsx

@@ -488,7 +488,7 @@ const MakerForm = ({
           if (pos != null) handleAddLocation(pos);
           setOpenWorldmap(false);
         }}
-        zoom={maker.latitude != null && maker.longitude != null ? 6 : undefined}
+        zoom={maker.latitude === 0 && maker.longitude === 0 ? 2 : 6}
       />
       <Collapse in={!(Object.keys(limits).lenght === 0 || collapseAll)}>
         <Grid container justifyContent='space-between' spacing={0} sx={{ maxHeight: '1em' }}>

frontend/src/components/Map/index.tsx

@@ -4,7 +4,7 @@ import { useTheme, LinearProgress } from '@mui/material';
 import { DivIcon, type LeafletMouseEvent } from 'leaflet';
 import { type PublicOrder } from '../../models';
 import OrderTooltip from '../Charts/helpers/OrderTooltip';
-import MarkerClusterGroup from '@christopherpickering/react-leaflet-markercluster';
+import MarkerClusterGroup from 'react-leaflet-markercluster';
 import { AppContext, type UseAppStoreType } from '../../contexts/AppContext';
 
 interface MapPinProps {

frontend/src/components/SettingsForm/index.tsx

@@ -248,6 +248,7 @@ const SettingsForm = ({ dense = false }: SettingsFormProps): React.JSX.Element =
                 </ListItemIcon>
                 <ToggleButtonGroup
                   exclusive={true}
+                  sx={{ width: '100%' }}
                   value={settings.useProxy}
                   onChange={(_e, useProxy) => {
                     setSettings({ ...settings, useProxy });

frontend/src/contexts/AppContext.tsx

@@ -251,7 +251,7 @@ export const AppContextProvider = ({ children }: AppContextProviderProps): React
   }, []);
 
   useEffect(() => {
-    if (page === 'offers' && !worldmap) {
+    if (['offers', 'create'].includes(page) && !worldmap) {
       getWorldmapGeojson(apiClient, hostUrl)
         .then((data) => {
           setWorldmap(data);

frontend/static/css/leaflet.css

@@ -769,8 +769,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
   }
 }
 
-/* react-leaflet-cluster https://unpkg.com/@christopherpickering/react-leaflet-markercluster@1.1.0/dist/styles.min.css */
-
 .marker-cluster-small {
   background-color: rgba(181, 226, 140, 0.6);
 }