fix icon

src/components/combobox/Combobox.tsx

@@ -4,7 +4,6 @@ import clsx from "clsx";
 import { motion, Variants } from "framer-motion";
 import { Icon, SearchNormal } from "iconsax-react";
 import { ChevronDown } from "lucide-react";
-import Image from "next/image";
 import React, { useEffect, useRef, useState } from "react";
 
 export interface ComboboxOption {
@@ -87,14 +86,7 @@ function Combobox({
       className: "inline-block mr-1 text-primary dark:text-foreground",
     });
   const activeImage = selectedOption?.imagePath && (
-    <Image
-      src={selectedOption.imagePath}
-      alt=""
-      width={20}
-      height={20}
-      unoptimized
-      className="inline-block mr-1 dark:brightness-0 dark:invert"
-    />
+    <span className="icon-delivery mr-1" aria-hidden />
   );
 
   const variants: Variants = {
@@ -207,10 +199,7 @@ function Combobox({
                 aria-selected
               >
                 {v?.imagePath ? (
-                  <span
-                    className="icon-delivery mr-1"
-                    aria-hidden
-                  />
+                  <span className="icon-delivery mr-1" aria-hidden />
                 ) : (
                   v?.icon &&
                   React.createElement(v.icon, {