Upgrade components

package.json

@@ -16,24 +16,24 @@
     "pretty": "prettier --write ."
   },
   "dependencies": {
-    "@chakra-ui/react": "^2.8.1",
+    "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@iconify/react": "^4.1.1",
-    "@reduxjs/toolkit": "^1.9.7",
+    "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "^2.30.0",
     "formik": "^2.4.5",
-    "framer-motion": "^10.16.4",
+    "framer-motion": "^10.16.16",
-    "next": "14.0.1",
+    "next": "14.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-redux": "^8.1.3",
+    "react-redux": "^9.0.4",
-    "sharp": "^0.32.6"
+    "sharp": "^0.33.0"
   },
   "devDependencies": {
-    "@types/node": "^20.8.10",
+    "@types/node": "^20.10.4",
-    "@types/react": "^18.2.34",
+    "@types/react": "^18.2.45",
-    "@types/react-redux": "^7.1.28",
+    "@types/react-redux": "^7.1.33",
     "@typescript-eslint/eslint-plugin": "^6.9.1",
     "@typescript-eslint/parser": "^6.9.1",
     "eslint": "^8.52.0",
@@ -42,8 +42,8 @@
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.1",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   },
   "packageManager": "yarn@3.6.4"
 }

src/components/calender/Day.tsx

@@ -137,10 +137,10 @@ const Day = ({
           ? tutorial === "add" && isToday
             ? "gray.600"
             : tutorial === "edit" &&
-              !isToday &&
+                !isToday &&
-              isBefore(currDateObj, endOfDay(currDate))
+                isBefore(currDateObj, endOfDay(currDate))
-            ? "gray.600"
+              ? "gray.600"
-            : "transparent"
+              : "transparent"
           : "transparent"
       }
       border={
@@ -148,10 +148,10 @@ const Day = ({
           ? tutorial === "add" && isToday
             ? "1px solid #00ff3c"
             : tutorial === "edit" &&
-              !isToday &&
+                !isToday &&
-              isBefore(currDateObj, endOfDay(currDate))
+                isBefore(currDateObj, endOfDay(currDate))
-            ? "1px solid #00ff3c"
+              ? "1px solid #00ff3c"
-            : "1px solid #0068ff"
+              : "1px solid #0068ff"
           : "1px solid #0068ff"
       }
       onClick={() => {
@@ -170,10 +170,10 @@ const Day = ({
           ? tutorial === "add" && isToday
             ? "gray.600"
             : tutorial === "edit" &&
-              !isToday &&
+                !isToday &&
-              isBefore(currDateObj, endOfDay(currDate))
+                isBefore(currDateObj, endOfDay(currDate))
-            ? "gray.600"
+              ? "gray.600"
-            : "transparent"
+              : "transparent"
           : "transparent",
         border: "1px solid #FFF"
       }}

src/features/calender/stickers.ts

@@ -35,8 +35,8 @@ const stickersSlice = createSlice({
       const edited = currSticker.edited
         ? true
         : isSameDay(new Date(stickerDate), new Date())
-        ? false
+          ? false
-        : true;
+          : true;
       currSticker.edited = edited;
 
       // TODO: Add manually added here.

src/theme/layout/Header.tsx

@@ -84,8 +84,8 @@ const Header = (): JSX.Element => {
         open
           ? "brand.main"
           : transparentNavbar
-          ? "rgba(49, 56, 220, 0.9)"
+            ? "rgba(49, 56, 220, 0.9)"
-          : "brand.main"
+            : "brand.main"
       }
       transition=".5s ease"
       borderRadius="0px 0px 10px 10px"