cover image two

src/app/[name]/(Main)/page.tsx

@@ -2,8 +2,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import SearchBox from "@/components/input/SearchBox";
 import TextAlignIcon from "@/components/icons/TextAlignIcon";
-import ListIcon from "@/components/icons/ListIcon";
-import GridIcon from "@/components/icons/GridIcon";
 import VerticalScrollView from "@/components/listview/VerticalScrollView";
 import MenuItemRenderer from "@/components/listview/MenuItemRenderer";
 import MenuItem, { type MenuItemViewMode } from "@/components/listview/MenuItem";

src/components/listview/MenuItem.tsx

@@ -174,7 +174,7 @@ const MenuItem = ({ product, variantId: variantIdProp, viewMode = 'list' }: Menu
     <div className="flex gap-4 w-full h-full items-center">
       <Link href={productDetailUrl} className="cursor-pointer">
         <img
-          className="rounded-xl bg-[#F2F2F9] min-w-28 w-28 object-cover"
+          className="rounded-xl bg-[#F2F2F9] min-w-28 w-28 aspect-square object-cover"
           src={resolvedImage}
           height={112}
           width={112}