cleanup: remove unused imports and comments

Author: kaseyliu

src/app/adminDashboard/page.tsx

@@ -1,8 +1,7 @@
 "use client";
-import { ArrowUpRight, NotebookPen, SquarePen } from "lucide-react";
+import { ArrowUpRight, SquarePen } from "lucide-react";
 import {
   Grid,
-  Image,
   GridItem,
   Text,
   Button,
@@ -20,12 +19,11 @@ import {
 import Map from "@/components/Map";
 import { useUser } from "@clerk/nextjs";
 import { useRouter } from "next/navigation";
-import { IconStyle, BoxItem, VO, Condition, ConditionMobile } from "@/styles/AdminDashStyle";
-import { AlignJustify } from "lucide-react";
+import { IconStyle, BoxItem, ConditionMobile } from "@/styles/AdminDashStyle";
 import { BrowserView, MobileView } from "react-device-detect";
 import { useState, useEffect } from "react";
 import { COLORS } from "@/styles/color-styles-data";
-import Tree, { ITree } from "@/database/treeSchema";
+import { ITree } from "@/database/treeSchema";
 import { treeHealthColors } from "../newTreeForm/tree-form-data";
 
 interface Decimal128WithProperty {

src/app/changePassword/page.tsx

@@ -4,7 +4,6 @@ import React, { useEffect, useState } from "react";
 import { InputUser, TextUser } from "@/styles/UserStyle";
 import { useUser } from "@clerk/nextjs";
 import { isMobile } from "react-device-detect";
-import { Router } from "express";
 import { useRouter } from "next/navigation";
 
 export default function ChangePassword() {

src/app/editUserProfile/page.tsx

@@ -13,7 +13,6 @@ import {
   FormControl,
   Spinner,
   VStack,
-  HStack,
 } from "@chakra-ui/react";
 import React, { useRef, useEffect, useState } from "react";
 import { InputUser, TextUser } from "@/styles/UserStyle";

src/app/layout.tsx

@@ -9,11 +9,9 @@ import "./globals.css";
 import { usePathname, useRouter } from "next/navigation";
 import { useState, useEffect } from "react";
 import type { IUser } from "@/database/userSchema";
-import { OrganizationSwitcher } from "@clerk/nextjs";
 
 function LayoutInnerContent({ children }: { children: React.ReactNode }) {
   const pathName = usePathname();
-  const router = useRouter();
   const { user, isLoaded } = useUser();
 
   const [customUserData, setCustomUserData] = useState<IUser | null>(null);
@@ -57,21 +55,6 @@ function LayoutInnerContent({ children }: { children: React.ReactNode }) {
     }
   }, [user?.id, isLoaded]); // Changed from [user, isLoaded] to [user?.id, isLoaded]
 
-  // commented out for now
-  /*useEffect(() => {
-    if (
-      isLoaded &&
-      user &&
-      !isLoadingCustomUserData &&
-      !hasPhoneNumber &&
-      pathName !== "/editUserProfile" &&
-      pathName !== "/login" &&
-      pathName !== "/signup"
-    ) {
-      router.replace("/editUserProfile");
-    }
-  }, [isLoaded, user, isLoadingCustomUserData, hasPhoneNumber, pathName, router]);*/
-
   const showNavbar =
     user && !isLoadingCustomUserData && hasPhoneNumber && pathName !== "/login" && pathName !== "/signup";
 

src/app/messages/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState, useEffect } from "react";
-import { AlignJustify, ChevronRight, Trash2 } from "lucide-react";
+import { ChevronRight, Trash2 } from "lucide-react";
 import { MdClose } from "react-icons/md";
 import styles from "./messages.module.css";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -26,7 +26,6 @@ import {
   Spinner,
 } from "@chakra-ui/react";
 import { CenterStyle } from "@/styles/AllStyle";
-import { BsThreeDotsVertical } from "react-icons/bs";
 import { BrowserView, MobileView } from "react-device-detect";
 import MessagePopUp from "@/components/MessagePopUp";
 import DeletePopUp from "@/components/DeletePopUp";

src/app/page.tsx

@@ -7,7 +7,6 @@ import { useRouter } from "next/navigation";
 export default function Home() {
   const { user, isLoaded } = useUser();
   const router = useRouter();
-  const [error, setError] = useState(null);
 
   useEffect(() => {
     let role = null;

src/app/treeTable/page.tsx

@@ -18,19 +18,11 @@ import {
   Image,
   Spinner,
   VStack,
-  IconButton,
   Flex,
   Grid,
   GridItem,
   Tag,
   Select,
-  AlertDialog,
-  AlertDialogBody,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogContent,
-  AlertDialogOverlay,
-  useDisclosure,
 } from "@chakra-ui/react";
 import * as XLSX from "xlsx";
 import { CenterStyle } from "@/styles/AllStyle";

src/app/userProfile/page.tsx

@@ -1,20 +1,7 @@
 "use client";
 import React, { useEffect, useState } from "react";
 import { useUser } from "@clerk/nextjs";
-import {
-  Grid,
-  HStack,
-  GridItem,
-  Image,
-  Text,
-  Button,
-  Flex,
-  Link,
-  Box,
-  Center,
-  FormControl,
-  Spinner,
-} from "@chakra-ui/react";
+import { Grid, GridItem, Image, Text, Button, Flex, Box, Center, FormControl, Spinner } from "@chakra-ui/react";
 import { LeftUser, TextUser } from "@/styles/UserStyle";
 import { CenterStyle } from "@/styles/AllStyle";
 import { ITree } from "@/database/treeSchema";

src/app/volunteerDashboard/page.tsx

@@ -7,16 +7,8 @@ import Map from "@/components/Map";
 import { useRouter } from "next/navigation";
 import { useUser } from "@clerk/nextjs";
 import { CenterStyle } from "@/styles/AllStyle";
-import UrlObject from "next/router";
-import {
-  Box1AnnStyle,
-  Box2AnnStyle,
-  IconButtonStyle,
-  TextAnnStyle,
-  TextWeightStyle,
-  BoxItem,
-} from "@/styles/VolunteerDashStyle";
-import { BrowserView, MobileView, isMobile } from "react-device-detect";
+import { Box1AnnStyle, Box2AnnStyle, TextAnnStyle, TextWeightStyle, BoxItem } from "@/styles/VolunteerDashStyle";
+import { BrowserView, MobileView } from "react-device-detect";
 import { IAnnouncement } from "@/database/announcementSchema";
 
 interface UserData {