change food item type

src/app/[name]/(Main)/components/CategoryScroll.tsx

@@ -1,12 +1,11 @@
-'use client';
+"use client";
 
-import { usePathname } from "next/navigation";
-import Image from "next/image";
-import clsx from "clsx";
-import HorizontalScrollView from "@/components/listview/HorizontalScrollView";
+import { Category } from "@/app/[name]/(Main)/types/Types";
 import CategoryItemRenderer from "@/components/listview/CategoryItemRenderer";
 import CategorySmallItemRenderer from "@/components/listview/CategorySmallItemRenderer";
-import { Category } from "@/app/[name]/(Main)/types/Types";
+import HorizontalScrollView from "@/components/listview/HorizontalScrollView";
+import clsx from "clsx";
+import { usePathname } from "next/navigation";
 
 const SVG_MASK_STYLE = {
   maskSize: "contain",
@@ -71,9 +70,7 @@ function CategoryImage({
     );
   }
 
-  return (
-    <Image priority src={src} width={size} height={size} alt={alt} />
-  );
+  return <img src={src} width={size} height={size} alt={alt} loading="lazy" />;
 }
 
 type Variant = "large" | "small";
@@ -121,7 +118,7 @@ const CategoryScroll = ({
       className={clsx(
         "w-full noscrollbar py-4!",
         variant === "large" && "mt-4!",
-        className
+        className,
       )}
     >
       {/* <Renderer
@@ -153,7 +150,9 @@ const CategoryScroll = ({
               alt="category image"
               proxyBase={proxyBase}
             />
-            <span className="text-xs text-foreground text-center">{item.title}</span>
+            <span className="text-xs text-foreground text-center">
+              {item.title}
+            </span>
           </Renderer>
         );
       })}
@@ -162,4 +161,3 @@ const CategoryScroll = ({
 };
 
 export default CategoryScroll;
-