Fix eslint

apps/web/src/app/(dashboard)/api-keys/add-api-key.tsx

@@ -6,7 +6,6 @@ import { Label } from "@unsend/ui/src/label";
 import {
   Dialog,
   DialogContent,
-  DialogDescription,
   DialogFooter,
   DialogHeader,
   DialogTitle,

apps/web/src/app/(dashboard)/api-keys/api-list.tsx

@@ -9,7 +9,6 @@ import {
   TableRow,
 } from "@unsend/ui/src/table";
 import { formatDistanceToNow } from "date-fns";
-import Link from "next/link";
 import { api } from "~/trpc/react";
 
 export default function ApiList() {

apps/web/src/app/(dashboard)/api-keys/page.tsx

@@ -1,4 +1,3 @@
-import type { Metadata } from "next";
 import ApiList from "./api-list";
 import AddApiKey from "./add-api-key";
 

apps/web/src/app/(dashboard)/dashboard/dashboard-chart.tsx

@@ -1,11 +1,4 @@
-import {
-  AreaChart,
-  Area,
-  XAxis,
-  YAxis,
-  CartesianGrid,
-  Tooltip,
-} from "recharts";
+import { AreaChart, Area, XAxis, YAxis, Tooltip } from "recharts";
 
 const data = [
   {

apps/web/src/app/(dashboard)/dashboard/page.tsx

@@ -1,30 +1,5 @@
 "use client";
 
-import Link from "next/link";
-import {
-  Bell,
-  CircleUser,
-  Home,
-  LineChart,
-  Menu,
-  Package,
-  Package2,
-  Search,
-  ShoppingCart,
-  Users,
-} from "lucide-react";
-import { Button } from "@unsend/ui/src/button";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@unsend/ui/src/dropdown-menu";
-import { Input } from "@unsend/ui/src/input";
-import { Sheet, SheetContent, SheetTrigger } from "@unsend/ui/src/sheet";
 import DashboardChart from "./dashboard-chart";
 
 export default function Dashboard() {

apps/web/src/app/(dashboard)/domains/[domainId]/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { Metadata } from "next";
 import { api } from "~/trpc/react";
 import { Domain, DomainStatus } from "@prisma/client";
 import {
@@ -12,7 +11,6 @@ import {
   BreadcrumbSeparator,
 } from "@unsend/ui/src/breadcrumb";
 import { DomainStatusBadge } from "../domain-badge";
-import { formatDistanceToNow } from "date-fns";
 import {
   Table,
   TableBody,
@@ -26,7 +24,6 @@ import { CheckIcon, ClipboardCopy } from "lucide-react";
 import React from "react";
 import { Switch } from "@unsend/ui/src/switch";
 import DeleteDomain from "./delete-domain";
-import { DkimStatus } from "@aws-sdk/client-sesv2";
 import SendTestMail from "./send-test-mail";
 
 export default function DomainItemPage({

apps/web/src/app/(dashboard)/domains/[domainId]/send-test-mail.tsx

@@ -4,8 +4,6 @@ import { Button } from "@unsend/ui/src/button";
 import {
   Dialog,
   DialogContent,
-  DialogDescription,
-  DialogFooter,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
@@ -13,9 +11,8 @@ import {
 import { api } from "~/trpc/react";
 import React, { useState } from "react";
 import { Domain } from "@prisma/client";
-import { useRouter } from "next/navigation";
 import { toast } from "@unsend/ui/src/toaster";
-import { Send, SendHorizonal } from "lucide-react";
+import { SendHorizonal } from "lucide-react";
 import { Code } from "@unsend/ui/src/code";
 
 const jsCode = `const requestOptions = {
@@ -112,14 +109,11 @@ if (curl_errno($ch)) {
 
 export const SendTestMail: React.FC<{ domain: Domain }> = ({ domain }) => {
   const [open, setOpen] = useState(false);
-  const [domainName, setDomainName] = useState("");
   const sendTestEmailFromDomainMutation =
     api.domain.sendTestEmailFromDomain.useMutation();
 
   const utils = api.useUtils();
 
-  const router = useRouter();
-
   function handleSendTestEmail() {
     sendTestEmailFromDomainMutation.mutate(
       {

apps/web/src/app/(dashboard)/domains/domain-list.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Domain, DomainStatus } from "@prisma/client";
+import { Domain } from "@prisma/client";
 import { formatDistanceToNow } from "date-fns";
 import Link from "next/link";
 import { Switch } from "@unsend/ui/src/switch";

apps/web/src/app/(dashboard)/domains/page.tsx

@@ -1,4 +1,3 @@
-import type { Metadata } from "next";
 import DomainsList from "./domain-list";
 import AddDomain from "./add-domain";
 

apps/web/src/app/(dashboard)/emails/email-details.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import { useEffect } from "react";
-import { useRouter } from "next/navigation";
 import { api } from "~/trpc/react";
 import { Separator } from "@unsend/ui/src/separator";
 import { EmailStatusBadge, EmailStatusIcon } from "./email-status-badge";

apps/web/src/app/(dashboard)/emails/email-list.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import Link from "next/link";
 import {
   Table,
   TableHeader,
@@ -9,7 +8,6 @@ import {
   TableBody,
   TableCell,
 } from "@unsend/ui/src/table";
-import { Badge } from "@unsend/ui/src/badge";
 import { api } from "~/trpc/react";
 import {
   Mail,
@@ -22,10 +20,7 @@ import {
 import { formatDistanceToNow } from "date-fns";
 import { EmailStatus } from "@prisma/client";
 import { EmailStatusBadge } from "./email-status-badge";
-import { useState } from "react";
 import EmailDetails from "./email-details";
-import { useRouter } from "next/navigation";
-import { useSearchParams } from "next/navigation"; // Adjust the import based on your project setup
 import dynamic from "next/dynamic";
 import { useUrlState } from "~/hooks/useUrlState";
 import { Button } from "@unsend/ui/src/button";
@@ -34,7 +29,6 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger,
-  SelectValue,
 } from "@unsend/ui/src/select";
 
 /* Stupid hydrating error. And I so stupid to understand the stupid NextJS docs. Because they stupid change it everyday */

apps/web/src/app/(dashboard)/emails/email-status-badge.tsx

@@ -22,6 +22,7 @@ export const EmailStatusBadge: React.FC<{ status: EmailStatus }> = ({
       break;
     case "DELIVERY_DELAYED":
       badgeColor = "bg-yellow-500/10 text-yellow-600 border-yellow-600/10";
+      break;
     case "COMPLAINED":
       badgeColor = "bg-yellow-500/10 text-yellow-600 border-yellow-600/10";
       break;
@@ -64,6 +65,7 @@ export const EmailStatusIcon: React.FC<{ status: EmailStatus }> = ({
     case "DELIVERY_DELAYED":
       outsideColor = "bg-yellow-500/40";
       insideColor = "bg-yellow-500";
+      break;
     case "COMPLAINED":
       outsideColor = "bg-yellow-500/40";
       insideColor = "bg-yellow-500";

apps/web/src/app/(dashboard)/emails/page.tsx

@@ -1,5 +1,3 @@
-import type { Metadata } from "next";
-import { Suspense } from "react";
 import dynamic from "next/dynamic";
 
 const EmailList = dynamic(

apps/web/src/app/(dashboard)/layout.tsx

@@ -1,14 +1,12 @@
 import Link from "next/link";
 import { redirect } from "next/navigation";
 import {
-  Bell,
   BellRing,
   BookUser,
   CircleUser,
   Code,
   Globe,
   Home,
-  KeyRound,
   LayoutDashboard,
   LineChart,
   Mail,
@@ -16,7 +14,6 @@ import {
   MessageSquareMore,
   Package,
   Package2,
-  Search,
   ShoppingCart,
   Users,
   Volume2,
@@ -31,13 +28,11 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@unsend/ui/src/dropdown-menu";
-import { Input } from "@unsend/ui/src/input";
 import { Sheet, SheetContent, SheetTrigger } from "@unsend/ui/src/sheet";
 
 import { NextAuthProvider } from "~/providers/next-auth";
 import { getServerAuthSession } from "~/server/auth";
 import Image from "next/image";
-import { useRouter } from "next/navigation";
 import { NavButton } from "./nav-button";
 
 export const metadata = {