Update all frontend dependencies (#385)

frontend/package.json

@@ -17,66 +17,67 @@
     "test": "tsc --noEmit && npm run prettier:write && npm run lint && npm run jest -- --passWithNoTests"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.6",
-    "@emotion/server": "^11.10.0",
-    "@hello-pangea/dnd": "^16.3.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/server": "^11.11.0",
+    "@hello-pangea/dnd": "^16.5.0",
     "@mantine/core": "7.2.2",
     "@mantine/dates": "7.2.2",
     "@mantine/dropzone": "7.2.2",
     "@mantine/form": "7.2.2",
     "@mantine/hooks": "7.2.2",
     "@mantine/next": "^6.0.21",
-    "@mantine/notifications": "^7.2.2",
-    "@mantine/spotlight": "7.2.2",
+    "@mantine/notifications": "^7.3.0",
+    "@mantine/spotlight": "^7.3.0",
     "@next/bundle-analyzer": "^14.0.3",
     "@react-icons/all-files": "^4.1.0",
-    "@tabler/icons-react": "^2.17.0",
-    "@vercel/analytics": "^1.0.2",
-    "axios": "^1.6.0",
+    "@tabler/icons-react": "^2.42.0",
+    "@vercel/analytics": "^1.1.1",
+    "axios": "^1.6.2",
     "clsx": "^2.0.0",
-    "cookies-next": "^4.0.0",
-    "date-fns": "^2.29.3",
+    "cookies-next": "^4.1.0",
+    "date-fns": "^2.30.0",
     "dayjs": "^1.11.10",
     "next": "^14.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-ellipsis-text": "^1.2.1",
-    "react-icons": "^4.8.0",
+    "react-icons": "^4.12.0",
     "react-qr-code": "^2.0.12",
     "react-redux": "^9.0.2",
-    "swr": "^2.1.5"
+    "swr": "^2.2.4",
+    "yarn-upgrade-all": "^0.7.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.17",
+    "@babel/core": "^7.23.5",
     "@next/eslint-plugin-next": "^14.0.3",
-    "@testing-library/dom": "^9.3.1",
-    "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/dom": "^9.3.3",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.1",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/jest": "^29.5.4",
-    "@types/node": "^20.6.0",
-    "@types/react": "^18.2.21",
-    "@typescript-eslint/eslint-plugin": "^6.6.0",
-    "@typescript-eslint/parser": "^6.6.0",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.10.3",
+    "@types/react": "^18.2.42",
+    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/parser": "^6.13.2",
     "babel-loader": "^9.1.3",
-    "eslint": "^8.49.0",
+    "eslint": "^8.55.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-mantine": "^2.0.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jest": "^27.2.3",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-config-mantine": "^3.1.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jest": "^27.6.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-testing-library": "^6.0.1",
-    "jest": "^29.6.4",
-    "jest-environment-jsdom": "^29.6.4",
-    "postcss": "^8.4.31",
-    "postcss-preset-mantine": "1.11.0",
+    "eslint-plugin-testing-library": "^6.2.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.32",
+    "postcss-preset-mantine": "^1.11.1",
     "postcss-simple-vars": "^7.0.1",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.0",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   }
 }

frontend/src/components/brackets/round.tsx

@@ -58,14 +58,14 @@ export default function Round({
         borderColor: 'green',
       }
     : round.is_draft
-    ? {
-        borderStyle: 'dashed',
-        borderColor: 'gray',
-      }
-    : {
-        borderStyle: 'solid',
-        borderColor: 'gray',
-      };
+      ? {
+          borderStyle: 'dashed',
+          borderColor: 'gray',
+        }
+      : {
+          borderStyle: 'solid',
+          borderColor: 'gray',
+        };
 
   const modal = readOnly ? (
     <Title order={3}>{round.name}</Title>

frontend/src/components/utils/password.tsx

@@ -48,8 +48,8 @@ export function PasswordStrength({ form }: { form: any }) {
           form.values.password.length > 0 && index === 0
             ? 100
             : strength >= ((index + 1) / 4) * 100
-            ? 100
-            : 0
+              ? 100
+              : 0
         }
         c={strength > 80 ? 'teal' : strength > 50 ? 'yellow' : 'red'}
         key={index}