Yarn Latest Aug 2024 (#58)

# Background
Periodic yarn latest

## Checklist Before PR Review
- [x] The following has been handled:
  -  `Draft` is set for this PR
  - `Title` is checked
  - `Background` is filled
  - `Assignee` is set
  - `Labels` are set
  - `development` is linked if related issue exists

## Checklist (Right Before PR Review Request)
- [x] The following has been handled:
  - `TODOs` are handled and checked
  - Final Operation Check is done
  - Make this PR as an open PR

## Checklist (Reviewers)
- [x] Check if there are any other missing TODOs that are not yet listed
- [x] Review Code
- [x] Every item on the checklist has been addressed accordingly
- [x] If `development` is associated to this PR, you must check if every
TODOs are handled

package.json

@@ -13,50 +13,50 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
     "@microsoft/microsoft-graph-types": "^2.40.0",
-    "@mui/icons-material": "^5.16.0",
-    "@mui/lab": "^5.0.0-alpha.171",
-    "@mui/material": "^5.16.0",
-    "@mui/x-date-pickers": "^7.9.0",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/lab": "^5.0.0-alpha.173",
+    "@mui/material": "^5.16.7",
+    "@mui/x-date-pickers": "^7.13.0",
     "@react-oauth/google": "^0.12.1",
     "@types/country-flag-icons": "^1.2.2",
     "@types/js-cookie": "^3.0.6",
     "@types/luxon": "^3.4.0",
-    "@types/node": "20.14.10",
-    "@types/react": "18.3.3",
+    "@types/node": "22.5.0",
+    "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
-    "axios": "^1.7.2",
+    "axios": "^1.7.4",
     "country-flag-icons": "^1.5.13",
     "deep-object-diff": "^1.1.9",
     "eslint": "8.57.0",
-    "eslint-config-next": "14.1.4",
+    "eslint-config-next": "14.2.6",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.2",
-    "husky": "^9.0.11",
+    "eslint-plugin-prettier": "^5.2.1",
+    "husky": "^9.1.5",
     "iso-639-1": "^3.1.2",
     "js-cookie": "^3.0.5",
-    "luxon": "^3.4.4",
-    "next": "14.2.4",
-    "prettier": "^3.3.2",
+    "luxon": "^3.5.0",
+    "next": "14.2.6",
+    "prettier": "^3.3.3",
     "react": "18.3.1",
-    "react-activity-calendar": "^2.2.11",
+    "react-activity-calendar": "^2.3.5",
     "react-confetti": "^6.1.0",
     "react-dom": "18.3.1",
     "react-microsoft-login": "^2.0.1",
-    "react-use": "^17.5.0",
+    "react-use": "^17.5.1",
     "recoil": "^0.7.7",
-    "typescript": "5.5.3"
+    "typescript": "5.5.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
     "@babel/preset-typescript": "^7.24.7",
     "@jest/globals": "^29.7.0",
     "@types/jest": "^29.5.12",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "jest": "^29.7.0",
-    "ts-jest": "^29.2.0"
+    "ts-jest": "^29.2.4"
   }
 }

src/atoms/StyledVisibility.tsx

@@ -35,8 +35,8 @@ const StyledVisibilityAtom: FC<Props> = ({
       jsxElementButton={jsxElementButton}
       hoverMessage={{
         title: isVisible
-          ? visibleHoverMessage ?? ``
-          : invisibleHoverMessage ?? ``,
+          ? (visibleHoverMessage ?? ``)
+          : (invisibleHoverMessage ?? ``),
       }}
     />
   )

yarn-latest.record

@@ -1 +1 @@
-240710
+240823