fix tto order tables

app/home/(user)/_components/cart/mobile-cart-items.tsx

@@ -18,19 +18,19 @@ const MobileCartItems = ({
   productColumnLabelKey: string;
 }) => {
   const {
-    i18n: { language },
+    i18n: { language, t },
   } = useTranslation();
 
   return (
     <Table className="border-separate rounded-lg border p-2">
       <TableBody>
         <MobileTableRow
-          titleKey={productColumnLabelKey}
+          title={t(productColumnLabelKey)}
           value={item.product_title}
         />
-        <MobileTableRow titleKey="cart:table.time" value={item.quantity} />
+        <MobileTableRow title={t('cart:table.time')} value={item.quantity} />
         <MobileTableRow
-          titleKey="cart:table.price"
+          title={t('cart:table.price')}
           value={formatCurrency({
             value: item.unit_price,
             currencyCode,
@@ -38,7 +38,7 @@ const MobileCartItems = ({
           })}
         />
         <MobileTableRow
-          titleKey="cart:table.total"
+          title={t('cart:table.total')}
           value={
             item.total &&
             formatCurrency({