fix linter

src/app/find-the-expert/page.tsx

@@ -1,12 +1,11 @@
 import type { Metadata } from "next";
 import type { Session } from "next-auth";
 
-import { Suspense, use, useEffect } from "react";
+import { Suspense} from "react";
 import { ShowRolesWrapper } from "~/app/result/[role]/page";
 import ButtonSkeleton from "~/components/loading/button-loader";
 import { Login } from "~/components/login";
 import ShowDataTable from "~/components/show-data-table";
-import ShowTechSearchWrapper from "~/components/ui/search-expert";
 import { getServerAuthSession } from "~/server/auth";
 import { logUsageMetric } from "~/server/log";
 import {

src/components/ui/input.tsx

@@ -2,10 +2,7 @@ import * as React from "react"
 
 import { cn } from "~/lib/utils"
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
+const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
   ({ className, type, ...props }, ref) => {
     return (
       <input

src/components/ui/search-expert.tsx

@@ -21,8 +21,8 @@ const formSchema = z.object({
 const ShowTechSearchWrapper = ({ roles } : { roles: Section[]}) => {
   const path = usePathname();
   const searchParams = useSearchParams();
-  let defaultRole = searchParams.get("role");
-  let defaultTech = searchParams.get("tech");
+  const defaultRole = searchParams.get("role");
+  const defaultTech = searchParams.get("tech");
   const route = useRouter();
 
   const form = useForm<z.infer<typeof formSchema>>({

src/utils/role-utils.ts

@@ -1,5 +1,4 @@
 import type { Role, Section } from "~/models/types";
-import { slugify } from "./slugify";
 import { db } from "~/server/db";
 
 export function generateRolesWithHref(