init commit,

03_source/frontend/src/sections/product/product-details-description.tsx

@@ -0,0 +1,32 @@
+import type { Theme, SxProps } from '@mui/material/styles';
+
+import { Markdown } from 'src/components/markdown';
+
+// ----------------------------------------------------------------------
+
+type Props = {
+  description?: string;
+  sx?: SxProps<Theme>;
+};
+
+export function ProductDetailsDescription({ description, sx }: Props) {
+  return (
+    <Markdown
+      children={description}
+      sx={[
+        () => ({
+          p: 3,
+          '& p, li, ol, table': { typography: 'body2' },
+          '& table': {
+            mt: 2,
+            maxWidth: 640,
+            '& td': { px: 2 },
+            '& td:first-of-type': { color: 'text.secondary' },
+            'tbody tr:nth-of-type(odd)': { bgcolor: 'transparent' },
+          },
+        }),
+        ...(Array.isArray(sx) ? sx : [sx]),
+      ]}
+    />
+  );
+}