order: enhance UI & styles

src/components/OrderSummary/OrderSummary.module.css

@@ -14,7 +14,7 @@
 }
 
 .summaryDivider {
-  margin: 8px 0 !important;
+  margin: 0 !important;
 }
 
 .totalRow {

src/components/OrderSummary/OrderSummary.tsx

@@ -111,7 +111,7 @@ export default function OrderSummary() {
               />
             </div>
           )}
-          <Divider className={styles.summaryDivider} style={{ margin: "0" }} />
+          <Divider className={styles.summaryDivider} />
           <div className={`${styles.summaryRow} ${styles.totalRow}`}>
             <ProText
               style={{
@@ -142,13 +142,12 @@ export default function OrderSummary() {
 
         {isHasLoyaltyGift && restaurant?.is_loyalty_enabled === 1 && (
           <>
-            <br />
-            <br />
             <Checkbox
               checked={useLoyaltyPoints}
               onChange={(value) => {
                 dispatch(updateUseLoyaltyPoints(value.target.checked));
               }}
+              style={{ marginTop: 8 }}
             >
               {t("cart.useLoyaltyPoints")}
             </Checkbox>