Fix imports.

src/components/buttons/Custom.tsx

@@ -1,6 +1,5 @@
-import React /*, { useEffect, useRef, useState }*/ from "react";
+import React from "react";
 import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
-import { Icon } from "@iconify/react";
 import { motion } from "framer-motion";
 
 interface CustomButtonProps {

src/components/buttons/Patreon.tsx

@@ -1,4 +1,4 @@
-import React /*, { useEffect, useRef, useState }*/ from "react";
+import React from "react";
 import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";
 import { motion } from "framer-motion";

src/components/buttons/Twitter.tsx

@@ -1,4 +1,4 @@
-import React /*, { useEffect, useRef, useState }*/ from "react";
+import React from "react";
 import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";
 import { motion } from "framer-motion";

src/components/calender/CalenderNav.tsx

@@ -1,11 +1,11 @@
 import React from "react";
+import { useAppSelector } from "../../app/hooks";
 import { useRouter } from "next/router";
 import { HStack, IconButton } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";
 import { format, isSameMonth, addMonths, subMonths } from "date-fns";
 import findValidDateRange from "../../../lib/findValidDateRange";
 import DatePicker from "./DatePicker";
-import { useAppSelector } from "../../app/hooks";
 
 interface CalenderNavProps {
   isLoading: boolean;

src/components/calender/Day.tsx

@@ -1,3 +1,6 @@
+import React, { useState } from "react";
+import { Provider } from "react-redux";
+import { store } from "../../app/store";
 import { Box, Skeleton, Text, VStack } from "@chakra-ui/react";
 import {
   add,
@@ -10,11 +13,8 @@ import {
   isToday as isTodayFun
 } from "date-fns";
 import router from "next/router";
-import React, { useState } from "react";
 import AddUpdateSticker from "./modals/AddUpdateSticker";
 import DemoStickers from "./stickers/DemoStickers";
-import { Provider } from "react-redux";
-import { store } from "../../app/store";
 
 interface DayProps {
   isLoading: boolean;

src/components/calender/index.tsx

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

src/components/calender/modals/AddUpdateSticker.tsx

@@ -1,3 +1,6 @@
+import React, { useState, useRef } from "react";
+import { useAppDispatch } from "../../../app/hooks";
+import { addEditSticker } from "../../../features/calender/stickers";
 import {
   Button,
   Modal,
@@ -13,13 +16,10 @@ import {
   SimpleGrid,
   Box
 } from "@chakra-ui/react";
-import React, { useState, useRef } from "react";
 import { format, isSameDay } from "date-fns";
 import { Icon } from "@iconify/react";
 import StickerSelector from "./StickerSelector";
 import DemoStickers from "../stickers/DemoStickers";
-import { useAppDispatch } from "../../../app/hooks";
-import { addEditSticker } from "../../../features/calender/stickers";
 
 interface AddStickerProps {
   isOpen: boolean;

src/components/loading/LoadingOverlay.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import {
   Box,
   Modal,
@@ -5,7 +6,6 @@ import {
   ModalContent,
   ModalOverlay
 } from "@chakra-ui/react";
-import React from "react";
 import LoadingSpinner from "./LoadingSpinner";
 
 const LoadingOverlay = (): JSX.Element => {

src/components/loading/LoadingSpinner.tsx

@@ -1,5 +1,5 @@
-import { Spinner } from "@chakra-ui/react";
 import React from "react";
+import { Spinner } from "@chakra-ui/react";
 
 const LoadingSpinner = (): JSX.Element => {
   return (

src/components/tutorial/CalenderExample.tsx

@@ -1,8 +1,8 @@
-import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
-import { format, isSameDay, isToday } from "date-fns";
 import React, { useEffect, useState } from "react";
 import { useAppDispatch, useAppSelector } from "../../app/hooks";
 import { updateMonth } from "../../features/calender";
+import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
+import { format, isSameDay, isToday } from "date-fns";
 import Day from "../calender/Day";
 
 interface CalenderExampleProps {
@@ -148,7 +148,7 @@ const CalenderExample = ({ type }: CalenderExampleProps): JSX.Element => {
                 id.length
                   ? id
                   : format(toDateObj, "yyyyddLL") +
-                    `/${sticker === null ? 0 : sticker}`
+                  `/${sticker === null ? 0 : sticker}`
               }
             />
           );