enhnace login styles on desktop and tablet screens

src/pages/cart/components/CartMobileTabletLayout.tsx

@@ -31,6 +31,7 @@ import TableNumberCard from "pages/cart/components/TableNumberCard.tsx";
 import TimeEstimateCard from "pages/cart/components/timeEstimate/TimeEstimateCard.tsx";
 import { OrderType } from "pages/checkout/hooks/types";
 import { useTranslation } from "react-i18next";
+import { Variant } from "utils/types/appTypes";
 
 interface CartMobileTabletLayoutProps {
   form: FormInstance;
@@ -154,8 +155,8 @@ export default function CartMobileTabletLayout({
                               }}
                             >
                               {isRTL
-                                ? item.variant?.optionsAR?.[0]?.value
-                                : item.variant?.options?.[0]?.value}
+                                ? (item.variant as Variant)?.optionsAR?.[0]?.value
+                                : (item.variant as Variant)?.options?.[0]?.value}
                             </span>
                           </ProText>
                           <br />