fix tto order tables

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

@@ -25,27 +25,30 @@ const MobileCartServiceItems = ({
   setEditingItem: (item: EnrichedCartItem | null) => void;
 }) => {
   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"
+          title={t('cart:table.time')}
           value={formatDateAndTime(item.reservation.startTime.toString())}
         />
         <MobileTableRow
-          titleKey="cart:table.location"
+          title={t('cart:table.location')}
           value={item.reservation.location?.address ?? '-'}
         />
-        <MobileTableRow titleKey="cart:table.quantity" value={item.quantity} />
         <MobileTableRow
-          titleKey="cart:table.price"
+          title={t('cart:table.quantity')}
+          value={item.quantity}
+        />
+        <MobileTableRow
+          title={t('cart:table.price')}
           value={formatCurrency({
             value: item.unit_price,
             currencyCode,
@@ -53,7 +56,7 @@ const MobileCartServiceItems = ({
           })}
         />
         <MobileTableRow
-          titleKey="cart:table.total"
+          title={t('cart:table.total')}
           value={
             item.total &&
             formatCurrency({