chore: Shop 컴포넌트의 항목간 여백 추가

Author: MU-Software

packages/shop/src/components/features/cart.tsx

@@ -140,15 +140,17 @@ export const CartStatus: React.FC<{ onPaymentCompleted?: () => void }> = Suspens
             onSubmit={onFormSubmit}
             defaultValue={data.customer_info}
           />
-          {data.products.map((prodRel) => (
-            <CartItem
-              language={language}
-              key={prodRel.id}
-              cartProdRel={prodRel}
-              disabled={disabled}
-              removeItemFromCartFunc={removeItemFromCart}
-            />
-          ))}
+          <Stack spacing={2}>
+            {data.products.map((prodRel) => (
+              <CartItem
+                language={language}
+                key={prodRel.id}
+                cartProdRel={prodRel}
+                disabled={disabled}
+                removeItemFromCartFunc={removeItemFromCart}
+              />
+            ))}
+          </Stack>
           <br />
           <Divider />
           <Typography variant="h6" sx={{ textAlign: "end" }}>

packages/shop/src/components/features/order.tsx

@@ -189,7 +189,9 @@ export const OrderList: React.FC = () => {
     <CommonComponents.SignInGuard>
       <ErrorBoundary fallback={<div>주문 내역을 불러오는 중 문제가 발생했습니다.</div>}>
         <Suspense fallback={<CircularProgress />}>
-          <WrappedOrderList />
+          <Stack spacing={2}>
+            <WrappedOrderList />
+          </Stack>
         </Suspense>
       </ErrorBoundary>
     </CommonComponents.SignInGuard>

packages/shop/src/components/features/product.tsx

@@ -208,7 +208,9 @@ export const ProductList: React.FC<ShopSchemas.ProductListQueryParams> = (qs) =>
   return (
     <ErrorBoundary fallback={<div>상품 목록을 불러오는 중 문제가 발생했습니다.</div>}>
       <Suspense fallback={<CircularProgress />}>
-        <WrappedProductList />
+        <Stack spacing={2}>
+          <WrappedProductList />
+        </Stack>
       </Suspense>
     </ErrorBoundary>
   );