MenuList: hide category image in desktop size

- case the images quality are not good (need adding from dashboard

src/pages/cart/components/CartDesktopLayout.tsx

@@ -151,7 +151,9 @@ export default function CartDesktopLayout() {
               )}
             </Card>
 
-            <CartFooter />
+            <div style={{ marginTop: "1rem" }}>
+              <CartFooter />
+            </div>
           </Col>
 
           {/* Sidebar Column */}

src/pages/menu/components/MenuList/MenuList.tsx

@@ -95,7 +95,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
               }}
               style={{ marginBottom: "1rem" }}
             >
-              <ImageWithFallback
+              {!isDesktop && <ImageWithFallback
                 src={category.image || "/default.png"}
                 fallbackSrc="/default.png"
                 alt={category.name}
@@ -105,7 +105,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
                 loadingContainerStyle={{
                   width: "100%",
                 }}
-              />
+              />}
               <ProTitle
                 style={{
                   fontSize: "1.25rem",