added order summary

frontend/pages/cart/delivery.vue

@@ -142,52 +142,9 @@ const handleSelectAddress = (address: Address) => {
                     ۱۵۰٬۰۰۰ تومان
                 </span>
             </label>
-
-            <label
-                class="flex items-center opacity-50 select-none pointer-events-none justify-between w-full p-3 transition-all border cursor-pointer delivery-option focus-within:ring-2 ring-black ring-offset-2 focus-within:border-black rounded-100 border-slate-200 bg-slate-50"
-            >
-                <div class="flex items-center gap-2.5">
-                    <SwitchRoot
-                        v-model="deliveryData.deliveryMethod.peyk"
-                        class="w-[3rem] h-[1.8rem] shrink-0 flex data-[state=unchecked]:bg-slate-200 data-[state=checked]:bg-black border border-slate-200 data-[state=checked]:border-black/20 rounded-full relative transition-all focus-within:outline-none"
-                    >
-                        <SwitchThumb
-                            class="size-6 my-auto bg-white text-sm ms-1 flex items-center justify-center shadow-xl rounded-full transition-transform translate-x-0.5 will-change-transform data-[state=checked]:-translate-x-[68%]"
-                        />
-                    </SwitchRoot>
-                    <span class="w-full text-slate-800 text-sm lg:text-[1rem]"
-                        >ارسال با پیک (فقط ارسال درون شهری شیراز)</span
-                    >
-                </div>
-
-                <span class="text-slate-800 text-sm lg:text-[1rem]">
-                    ۱۵۰٬۰۰۰ تومان
-                </span>
-            </label>
         </div>
 
-        <div
-            class="flex flex-col items-center w-full gap-4 p-4 border lg:gap-6 border-slate-200 rounded-xl bg-slate-50"
-        >
-            <span
-                class="flex items-center justify-start w-full lg:text-[1.125rem] font-semibold text-slate-900"
-            >
-                خلاصه سفارش
-            </span>
-
-            <div
-                class="grid w-full grid-cols-1 gap-6 lg:grid-cols-3 md:grid-cols-2"
-            >
-                <MinimalCartItem v-for="i in 9" />
-
-                <div class="h-7 flex-center col-span-full lg:hidden">
-                    <button class="gap-2 flex-center">
-                        <span class="text-sm text-black"> مشاهده بیشتر </span>
-                        <Icon name="bi:chevron-down" class="**:stroke-black" />
-                    </button>
-                </div>
-            </div>
-        </div>
+        <OrderSummary />
     </div>
 </template>