update warnings

src/Pages/Dashboard/Dashboard.tsx

@@ -3,32 +3,29 @@ import {
   createListCollection,
   Heading,
   HStack,
-  Stack,
   Status,
   Tabs,
   Text,
 } from "@chakra-ui/react";
-import MainFrame from "../../components/MainFrame";
 import BarChart from "../../components/Charts/BarChart";
-import {
-  SelectContent,
-  SelectItem,
-  SelectLabel,
-  SelectRoot,
-  SelectTrigger,
-  SelectValueText,
-} from "../../components/ui/select";
+import CircularApp from "../../components/Charts/CircularProgress";
 import SemiDoughnutChart from "../../components/Charts/SemiDoughnutChart";
-import { Button } from "../../components/ui/button";
+import MainFrame from "../../components/MainFrame";
 import {
   AccordionItem,
   AccordionItemContent,
   AccordionItemTrigger,
   AccordionRoot,
 } from "../../components/ui/accordion";
+import { Button } from "../../components/ui/button";
+import {
+  SelectContent,
+  SelectItem,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText
+} from "../../components/ui/select";
 import AgencyName from "./AgencyName";
-import CircularProgress from "../../components/Charts/CircularProgress";
-import CircularApp from "../../components/Charts/CircularProgress";
 
 const Dashboard = () => {
   const frameworks = createListCollection({

src/Pages/Login.tsx

@@ -1,14 +1,14 @@
 import { Center, HStack, Image, Input, Text, VStack } from "@chakra-ui/react"
+import axios from "axios"
 import { useContext, useState } from "react"
 import { useForm } from "react-hook-form"
+import { useDispatch } from "react-redux"
 import GlobalStateContext from "../Contexts/GlobalStateContext"
+import { setToken } from "../Redux/Service/authSlice"
 import logo from '../assets/logo.svg'
 import { Button } from "../components/ui/button"
 import { Field } from "../components/ui/field"
-import { Toaster, toaster } from "../components/ui/toaster"
-import { useDispatch } from "react-redux"
-import { setToken } from "../Redux/Service/authSlice"
-import axios from "axios";
+import { Toaster } from "../components/ui/toaster"
 
 interface FormValues {
   mobileNumber: number

src/components/MainFrame.tsx

@@ -1,4 +1,4 @@
-import { Box, Text, VStack } from "@chakra-ui/react"
+import { Box, VStack } from "@chakra-ui/react"
 import { motion } from "framer-motion"
 import React, { FC } from "react"
 import { OPACITY_ON_LOAD } from "../Layouts/animations"
@@ -11,7 +11,7 @@ interface MainFrameProps {
   title?: string
 }
 
-const MainFrame: FC<MainFrameProps> = ({ children, title }) => {
+const MainFrame: FC<MainFrameProps> = ({ children }) => {
   return (
     <MotionVStack {...OPACITY_ON_LOAD} w="100%" h="90%" p={0}  pb={0}>
       <Box