chore: update deps fix small sentry err (#840)

Description
---
- just bumped outdated deps (no breaking changes)
- made sure the peers keys are unique (noticed from a sentry error)

package.json

@@ -12,20 +12,20 @@
         "lint:fix": "eslint src/ --fix"
     },
     "dependencies": {
-        "@floating-ui/react": "^0.26.24",
+        "@floating-ui/react": "^0.26.25",
         "@tauri-apps/api": "^1",
         "emoji-regex": "^10.4.0",
-        "framer-motion": "^11.11.7",
+        "framer-motion": "^11.11.8",
         "globals": "^15.11.0",
-        "i18next": "^23.15.2",
+        "i18next": "^23.16.0",
         "i18next-browser-languagedetector": "^8.0.0",
         "i18next-http-backend": "^2.6.2",
         "linkify-react": "^4.1.3",
         "lottie-react": "^2.4.0",
         "react": "^18.3.1",
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.52.2",
-        "react-i18next": "^15.0.2",
+        "react-i18next": "^15.0.3",
         "react-icons": "^5.3.0",
         "styled-components": "^6.1.12",
         "uuid": "^10.0.0",
@@ -39,7 +39,7 @@
         "@types/eslint__js": "^8.42.3",
         "@types/node": "^22.7.5",
         "@types/react": "^18.3.11",
-        "@types/react-dom": "^18.2.7",
+        "@types/react-dom": "^18.3.1",
         "@types/uuid": "^10.0.0",
         "@typescript-eslint/parser": "^8.3.0",
         "@vitejs/plugin-react": "^4.3.2",
@@ -48,11 +48,11 @@
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-prettier": "^5.2.1",
         "eslint-plugin-react": "^7.37.1",
-        "eslint-plugin-react-hooks": "^5.1.0-rc-d48603a5-20240813",
+        "eslint-plugin-react-hooks": "^5.0.0",
         "prettier": "3.3.3",
         "prettier-eslint": "^16.3.0",
         "typescript": "^5.6.3",
         "typescript-eslint": "^8.8.1",
-        "vite": "^5.4.8"
+        "vite": "^5.4.9"
     }
 }

src/containers/Settings/sections/experimental/DebugSettings.tsx

@@ -55,11 +55,13 @@ export default function DebugSettings() {
                 </SettingsGroupTitle>
                 <SettingsGroup>
                     <SettingsGroupContent style={{ fontSize: '11px' }}>
-                        {connectedPeers.map((peer, i) => (
-                            <Typography key={peer}>
-                                {i + 1}. {peer}
-                            </Typography>
-                        ))}
+                        {connectedPeers?.length
+                            ? connectedPeers.map((peer, i) => (
+                                  <Typography key={`peer-${peer}:${i}`}>
+                                      {i + 1}. {peer}
+                                  </Typography>
+                              ))
+                            : null}
                     </SettingsGroupContent>
                 </SettingsGroup>
             </SettingsGroupWrapper>