update footer BS height & enhnace custom split bill BS styles

src/components/CustomBottomSheet/CancelOrderBottomSheet.tsx

@@ -122,7 +122,7 @@ export function CancelOrderBottomSheet() {
           >
             <Button
               type="primary"
-              style={{ width: "100%", height: 50, color: "#FFF" }}
+              style={{ width: "100%", height: 48, color: "#FFF" }}
               onClick={handleKeepOrder}
             >
               {t("order.keepOrder")}
@@ -132,7 +132,7 @@ export function CancelOrderBottomSheet() {
               type="primary"
               style={{
                 width: "100%",
-                height: 50,
+                height: 48,
                 color: "#ea1f22",
                 borderColor: "#ea1f22",
                 backgroundColor: "#fff",

src/components/CustomBottomSheet/DatePickerBottomSheet.tsx

@@ -277,7 +277,7 @@ export default function DatePickerBottomSheet({
 
         <Button
           type="primary"
-          style={{ width: "100%", height: 50, marginTop: 10 }}
+          style={{ width: "100%", height: 48, marginTop: 10 }}
           onClick={handleConfirm}
         >
           {t("common.confirm")}

src/components/CustomBottomSheet/InfoButtonSheet.tsx

@@ -50,7 +50,7 @@ export function InfoButtonSheet({
         <ProText type="secondary" style={{textAlign:"center"}}>{description}</ProText>
       </div>
       <br />
-      <Button type="primary" style={{ width: "100%", boxShadow: "none" }} onClick={handleSave}>
+      <Button type="primary" style={{ width: "100%", boxShadow: "none", height: 48 }} onClick={handleSave}>
         {t("address.gotIt")}
       </Button>
     </ProBottomSheet>

src/components/CustomBottomSheet/MapBottomSheet.module.css

@@ -62,5 +62,5 @@
 
 .actionButton {
   flex: 1;
-  height: 50px;
+  height: 48px;
 }

src/components/CustomBottomSheet/OpeningTimesBottomSheet.tsx

@@ -205,7 +205,7 @@ export function OpeningTimesBottomSheet({
       </div>
       <Button
         type="primary"
-        style={{ width: "100%", height: 50 }}
+        style={{ width: "100%", height: 48 }}
         onClick={onClose}
       >
         {t("menu.close")}

src/components/CustomBottomSheet/RateBottomSheet.tsx

@@ -231,7 +231,7 @@ export function RateBottomSheet() {
               type="primary"
               style={{
                 width: "100%",
-                height: 50,
+                height: 48,
                 color: colors.primary,
                 borderColor: colors.primary,
                 backgroundColor: "#fff",

src/components/CustomBottomSheet/TipBottomSheet.tsx

@@ -70,7 +70,7 @@ export function TipBottomSheet({
 
         <Button
           type="primary"
-          style={{ width: "100%", height: 50 }}
+          style={{ width: "100%", height: 48 }}
           onClick={handleSave}
         >
           {t("cart.addTip")}