"feat: enhance invoice management with schema updates, seed data, and new APIs"

03_source/frontend/src/sections/order/order-details-delivery.tsx

@@ -7,6 +7,7 @@ import IconButton from '@mui/material/IconButton';
 import CardHeader from '@mui/material/CardHeader';
 
 import { Iconify } from 'src/components/iconify';
+import { useTranslation } from 'react-i18next';
 
 // ----------------------------------------------------------------------
 
@@ -15,10 +16,11 @@ type Props = {
 };
 
 export function OrderDetailsDelivery({ delivery }: Props) {
+  const { t } = useTranslation();
   return (
     <>
       <CardHeader
-        title="Delivery"
+        title={t('Delivery')}
         action={
           <IconButton>
             <Iconify icon="solar:pen-bold" />
@@ -28,7 +30,7 @@ export function OrderDetailsDelivery({ delivery }: Props) {
       <Stack spacing={1.5} sx={{ p: 3, typography: 'body2' }}>
         <Box sx={{ display: 'flex', alignItems: 'center' }}>
           <Box component="span" sx={{ color: 'text.secondary', width: 120, flexShrink: 0 }}>
-            Ship by
+            {t('Ship by')}
           </Box>
 
           {delivery?.shipBy}
@@ -36,7 +38,7 @@ export function OrderDetailsDelivery({ delivery }: Props) {
 
         <Box sx={{ display: 'flex', alignItems: 'center' }}>
           <Box component="span" sx={{ color: 'text.secondary', width: 120, flexShrink: 0 }}>
-            Speedy
+            {t('Speedy')}
           </Box>
 
           {delivery?.speedy}
@@ -44,7 +46,7 @@ export function OrderDetailsDelivery({ delivery }: Props) {
 
         <Box sx={{ display: 'flex', alignItems: 'center' }}>
           <Box component="span" sx={{ color: 'text.secondary', width: 120, flexShrink: 0 }}>
-            Tracking No.
+            {t('Tracking No.')}
           </Box>
 
           <Link underline="always" color="inherit">

03_source/frontend/src/sections/order/order-details-items.tsx

@@ -83,7 +83,7 @@ export function OrderDetailsItems({
   return (
     <Card sx={sx} {...other}>
       <CardHeader
-        title="Details"
+        title={t('Details')}
         action={
           <IconButton>
             <Iconify icon="solar:pen-bold" />