MED-193: improve mobile design for cart tables

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

@@ -0,0 +1,29 @@
+import React from 'react';
+
+import { Trans } from '@kit/ui/makerkit/trans';
+import { TableCell, TableHead, TableRow } from '@kit/ui/shadcn/table';
+
+const MobileCartRow = ({
+  titleKey,
+  value,
+}: {
+  titleKey?: string;
+  value?: string | number;
+}) => (
+  <TableRow>
+    <TableHead className="h-2 font-bold">
+      <Trans i18nKey={titleKey} />
+    </TableHead>
+
+    <TableCell className="p-0 text-right">
+      <p
+        className="txt-medium-plus text-ui-fg-base"
+        data-testid="product-title"
+      >
+        {value}
+      </p>
+    </TableCell>
+  </TableRow>
+);
+
+export default MobileCartRow;