move icons.tsx to @/components

components/filter-sort-games.tsx

@@ -3,9 +3,9 @@
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
+import { Icons } from "./icons";
 import { Button } from "./ui/button";
 import { Card } from "./ui/card";
-import { Icons } from "./ui/icons";
 
 export default function Sort() {
   const [selectedCategory, setSelectedCategory] = useState('');

components/mode-toggle.tsx

 "use client"
 
-import { useTheme } from "next-themes"
-
+import { Icons } from "@/components/icons"
 import { Button } from "@/components/ui/button"
 import {
     DropdownMenu,
@@ -9,7 +8,7 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { Icons } from "@/components/ui/icons"
+import { useTheme } from "next-themes"
 
 export function ModeToggle() {
     const { setTheme } = useTheme()

components/nav.tsx

 "use client"
 
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-
+import { Icons, IconsType } from "@/components/icons";
 import { buttonVariants } from "@/components/ui/button";
-import { Icons, IconsType } from "@/components/ui/icons";
 import { cn } from "@/lib/utils";
 import { SidebarNavItem } from "@/types";
 import { UserButton, useUser } from "@clerk/nextjs";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 import { ModeToggle } from "./mode-toggle";
 
 interface DashboardNavProps {

components/search-input.tsx

@@ -3,8 +3,8 @@
 import { cn } from '@/lib/utils';
 import { usePathname, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { Icons } from './icons';
 import { Button } from './ui/button';
-import { Icons } from './ui/icons';
 import { Input } from './ui/input';
 
 interface DocsSearchProps extends React.HTMLAttributes<HTMLFormElement> { }

components/site-footer.tsx

-import { Icons } from "@/components/ui/icons"
+import { Icons } from "@/components/icons"
 import { cn } from "@/lib/utils"
 
 export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {