feat(redmine: #1258410): add Code preview for testPage and DocumentDe…

…tails

packages/react-front-kit/src/Pages/DocumentDetails/Code.mdx

@@ -0,0 +1,15 @@
+{/* Checkbox.mdx */}
+
+import { Meta, Source } from '@storybook/blocks';
+
+import * as DocumentDetailsStory from './DocumentDetails.stories';
+
+import DocumentDetails from './DocumentDetails?raw';
+
+<Meta of={DocumentDetailsStory} />
+
+# Code
+
+Code of DocumentDetails page
+
+<Source code={`${DocumentDetails}`} />

packages/react-front-kit/src/Pages/DocumentDetails/DocumentDetails.tsx

@@ -23,10 +23,6 @@ import {
 } from '@phosphor-icons/react';
 import { FolderMove, primaryTheme } from '@smile/react-front-kit-shared';
 
-const theme = primaryTheme;
-
-theme.colorScheme = 'dark';
-
 export interface IDocumentDetailsProps {
   children?: ReactNode;
 }
@@ -35,7 +31,7 @@ export function DocumentDetails(props: IDocumentDetailsProps): ReactElement {
   const { children } = props;
   return (
     <div>
-      <MantineProvider theme={theme}>
+      <MantineProvider theme={primaryTheme}>
         <Card padding="40px" radius="lg">
           <Text fw="600" size="lg" span>
             Générales
@@ -238,3 +234,5 @@ export function DocumentDetails(props: IDocumentDetailsProps): ReactElement {
     </div>
   );
 }
+
+export default DocumentDetails;

packages/react-front-kit/src/Pages/TestPage/Code.mdx

@@ -0,0 +1,15 @@
+{/* Checkbox.mdx */}
+
+import { Meta, Source } from '@storybook/blocks';
+
+import * as TestPageStory from './TestPage.stories';
+
+import TestPage from './TestPage?raw';
+
+<Meta of={TestPageStory} />
+
+# Code
+
+Code of TestPage page
+
+<Source code={`${TestPage}`} />