Upgrade next and ts

src/components/calender/CalenderNav.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useAppSelector } from "../../app/hooks";
+import { useAppSelector } from "../../redux/hooks";
 import { useRouter } from "next/router";
 import { HStack, IconButton } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";

src/components/calender/Day.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Provider } from "react-redux";
-import { store } from "../../app/store";
+import { store } from "../../redux/store";
 import { Box, Skeleton, VStack } from "@chakra-ui/react";
 import {
   add,

src/components/calender/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { useAppDispatch, useAppSelector } from "../../app/hooks";
+import { useAppDispatch, useAppSelector } from "../../redux/hooks";
 import { updateCurrDate, updateMonth } from "../../features/calender";
 import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
 import { isSameDay, format } from "date-fns";

src/components/calender/modals/AddUpdateSticker.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef } from "react";
-import { useAppDispatch } from "../../../app/hooks";
+import { useAppDispatch } from "../../../redux/hooks";
 import { addEditSticker } from "../../../features/calender/stickers";
 import {
   Button,

src/components/tutorial/CalenderExample.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { useAppDispatch, useAppSelector } from "../../app/hooks";
+import { useAppDispatch, useAppSelector } from "../../redux/hooks";
 import { updateMonth } from "../../features/calender";
 import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
 import { format, isSameDay, isToday } from "date-fns";

src/components/tutorial/sections/TutorialSubmitButtons.tsx

@@ -1,6 +1,6 @@
 import { HStack, Button, VStack, Checkbox } from "@chakra-ui/react";
 import React from "react";
-import { useAppDispatch, useAppSelector } from "../../../app/hooks";
+import { useAppDispatch, useAppSelector } from "../../../redux/hooks";
 import {
   setTutorialCompleted,
   setTempTutorialComplete,

src/pages/_app.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { ChakraProvider } from "@chakra-ui/react";
 import AppTheme from "../theme/AppTheme";
 import { Provider } from "react-redux";
-import { store } from "../app/store";
+import { store } from "../redux/store";
 import Layout from "../theme/layout/Layout";
 import Head from "next/head";
 

src/pages/calendar/[...date].tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Provider } from "react-redux";
-import { store } from "../../app/store";
+import { store } from "../../redux/store";
 import { Box } from "@chakra-ui/react";
 import { useRouter } from "next/router";
 import {

src/pages/index.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect, useRef } from "react";
 import { Provider } from "react-redux";
-import { store } from "../app/store";
-import { useAppDispatch, useAppSelector } from "../app/hooks";
+import { store } from "../redux/store";
+import { useAppDispatch, useAppSelector } from "../redux/hooks";
 import { updateLoading } from "../features/calender";
 import {
   clearTutorialCompleted,

src/theme/layout/Header.tsx

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