update footer BS height & enhnace custom split bill BS styles

src/components/ArabicPrice/ArabicPrice.tsx

@@ -9,6 +9,7 @@ interface ArabicPriceProps {
   type?: "secondary" | "success" | "warning" | "danger";
   className?: string;
   hideCurrency?: boolean;
+  textStyle?: React.CSSProperties;
 }
 
 const ArabicPrice: React.FC<ArabicPriceProps> = ({
@@ -18,6 +19,7 @@ const ArabicPrice: React.FC<ArabicPriceProps> = ({
   type,
   className,
   hideCurrency = false,
+  textStyle = {},
 }) => {
   const { isRTL } = useAppSelector((state) => state.locale);
   const { restaurant } = useAppSelector((state) => state.order);
@@ -49,6 +51,7 @@ const ArabicPrice: React.FC<ArabicPriceProps> = ({
               lineHeight: 1,
               fontSize: "14px",
               ...(decorationStyle ?? {}),
+              ...textStyle,
             }}
           >
             {formattedPrice}
@@ -62,6 +65,7 @@ const ArabicPrice: React.FC<ArabicPriceProps> = ({
               position: "relative",
               top: -3,
               ...(decorationStyle ?? {}),
+              ...textStyle,
             }}
           >
             {isRTL ? restaurant.local_currency : restaurant.global_currency}
@@ -76,6 +80,7 @@ const ArabicPrice: React.FC<ArabicPriceProps> = ({
               display: "inline-block",
               fontSize: "14px",
               ...(decorationStyle ?? {}),
+              ...textStyle,
             }}
           >
             {formattedPrice}
@@ -88,13 +93,16 @@ const ArabicPrice: React.FC<ArabicPriceProps> = ({
               lineHeight: 1,
               display: "inline-block",
               ...(decorationStyle ?? {}),
+              ...textStyle,
             }}
           >
             {isRTL ? restaurant.local_currency : restaurant.global_currency}
           </span>
         </>
       ) : (
-        <span style={decorationStyle}>{formattedPrice}</span>
+        <span style={{ ...decorationStyle, ...textStyle }}>
+          {formattedPrice}
+        </span>
       )}
     </ProText>
   );