working on car card & car view BS

src/pages/cart/components/CartMobileTabletLayout.tsx

@@ -242,7 +242,7 @@ export default function CartMobileTabletLayout({
                   );
                 }}
               >
-                <PlusIcon dimesion="18" /> {t("cart.addMore")}
+                <PlusIcon dimension="18" /> {t("cart.addMore")}
               </Button>
             </Card>
           </div>

src/pages/cart/components/RewardWaiterCard.tsx

@@ -161,19 +161,34 @@ export default function RewardWaiterCard() {
             iconPlacement="start"
             onClick={() => setIsTipOpen(true)}
           >
-            <ProText
-              style={{
-                color: tip && !isDefaultTip ? "#CC9300" : "#FFB700",
-                fontWeight: 500,
-                fontStyle: "Medium",
-                fontSize: 14,
-                lineHeight: "140%",
-                letterSpacing: "0%",
-                textAlign: "center",
-              }}
-            >
-              {tip && !isDefaultTip ? tip : t("cart.other")}
-            </ProText>
+            {tip && !isDefaultTip ? (
+              <ArabicPrice
+                price={parseFloat(tip)}
+                textStyle={{
+                  fontWeight: 500,
+                  fontStyle: "Medium",
+                  fontSize: 14,
+                  lineHeight: "140%",
+                  letterSpacing: "0%",
+                  textAlign: "center",
+                  color: "#CC9300",
+                }}
+              />
+            ) : (
+              <ProText
+                style={{
+                  color: "#CC9300",
+                  fontWeight: 500,
+                  fontStyle: "Medium",
+                  fontSize: 14,
+                  lineHeight: "140%",
+                  letterSpacing: "0%",
+                  textAlign: "center",
+                }}
+              >
+                {t("cart.other")}
+              </ProText>
+            )}
           </Button>
         </div>
       </Card>