Biome: fixes for compontents directory

surfsense_web/components/sidebar/AppSidebarProvider.tsx

@@ -1,7 +1,9 @@
 "use client";
 
+import { Trash2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { AppSidebar } from "@/components/sidebar/app-sidebar";
+import { Button } from "@/components/ui/button";
 import {
 	Dialog,
 	DialogContent,
@@ -10,8 +12,6 @@ import {
 	DialogHeader,
 	DialogTitle,
 } from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { Trash2 } from "lucide-react";
 import { apiClient } from "@/lib/api"; // Import the API client
 
 interface Chat {

surfsense_web/components/sidebar/app-sidebar.tsx

@@ -1,23 +1,23 @@
 "use client";
 
-import * as React from "react";
 import {
+	AlertCircle,
 	BookOpen,
 	Cable,
+	ExternalLink,
 	FileStack,
-	Undo2,
+	FileText,
+	Info,
+	type LucideIcon,
 	MessageCircleMore,
+	Podcast,
 	Settings2,
 	SquareLibrary,
 	SquareTerminal,
-	AlertCircle,
-	Info,
-	ExternalLink,
 	Trash2,
-	Podcast,
-	type LucideIcon,
-	FileText,
+	Undo2,
 } from "lucide-react";
+import { useMemo } from "react";
 
 import { Logo } from "@/components/Logo";
 import { NavMain } from "@/components/sidebar/nav-main";
@@ -26,7 +26,6 @@ import { NavSecondary } from "@/components/sidebar/nav-secondary";
 import {
 	Sidebar,
 	SidebarContent,
-	SidebarFooter,
 	SidebarHeader,
 	SidebarMenu,
 	SidebarMenuButton,
@@ -178,7 +177,7 @@ export function AppSidebar({
 	...props
 }: AppSidebarProps) {
 	// Process navMain to resolve icon names to components
-	const processedNavMain = React.useMemo(() => {
+	const processedNavMain = useMemo(() => {
 		return navMain.map((item) => ({
 			...item,
 			icon: iconMap[item.icon] || SquareTerminal, // Fallback to SquareTerminal if icon not found
@@ -186,7 +185,7 @@ export function AppSidebar({
 	}, [navMain]);
 
 	// Process navSecondary to resolve icon names to components
-	const processedNavSecondary = React.useMemo(() => {
+	const processedNavSecondary = useMemo(() => {
 		return navSecondary.map((item) => ({
 			...item,
 			icon: iconMap[item.icon] || Undo2, // Fallback to Undo2 if icon not found
@@ -194,7 +193,7 @@ export function AppSidebar({
 	}, [navSecondary]);
 
 	// Process RecentChats to resolve icon names to components
-	const processedRecentChats = React.useMemo(() => {
+	const processedRecentChats = useMemo(() => {
 		return (
 			RecentChats?.map((item) => ({
 				...item,
@@ -227,9 +226,6 @@ export function AppSidebar({
 				{processedRecentChats.length > 0 && <NavProjects chats={processedRecentChats} />}
 				<NavSecondary items={processedNavSecondary} className="mt-auto" />
 			</SidebarContent>
-			{/* <SidebarFooter>
-        footer
-      </SidebarFooter> */}
 		</Sidebar>
 	);
 }

surfsense_web/components/sidebar/nav-projects.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { ExternalLink, Folder, MoreHorizontal, Share, Trash2, type LucideIcon } from "lucide-react";
-
+import { ExternalLink, Folder, type LucideIcon, MoreHorizontal, Share, Trash2 } from "lucide-react";
+import { useRouter } from "next/navigation";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
@@ -18,7 +18,6 @@ import {
 	SidebarMenuItem,
 	useSidebar,
 } from "@/components/ui/sidebar";
-import { useRouter } from "next/navigation";
 
 // Map of icon names to their components
 const actionIconMap: Record<string, LucideIcon> = {

surfsense_web/components/sidebar/nav-secondary.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import type * as React from "react";
 import type { LucideIcon } from "lucide-react";
+import type * as React from "react";
 
 import {
 	SidebarGroup,
+	SidebarGroupLabel,
 	SidebarMenu,
 	SidebarMenuButton,
 	SidebarMenuItem,
-	SidebarGroupLabel,
 } from "@/components/ui/sidebar";
 
 export function NavSecondary({

surfsense_web/components/sidebar/nav-user.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { BadgeCheck, ChevronsUpDown, LogOut, Settings } from "lucide-react";
-
+import { useParams, useRouter } from "next/navigation";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import {
 	DropdownMenu,
@@ -18,7 +18,6 @@ import {
 	SidebarMenuItem,
 	useSidebar,
 } from "@/components/ui/sidebar";
-import { useRouter, useParams } from "next/navigation";
 
 export function NavUser({
 	user,