add enrollment markdown message from core

.github/workflows/e2e.yaml

@@ -49,7 +49,7 @@ jobs:
         uses: pnpm/action-setup@v6
         with:
           cache: true
-          version: 11
+          version: 11.11
           run_install: false
 
       - name: Install Rust stable
@@ -117,7 +117,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v6
         with:
-          version: 11
+          version: 11.11
           run_install: false
 
       - name: Install e2e dependencies

.github/workflows/lint.yaml

@@ -35,7 +35,7 @@ jobs:
       - uses: pnpm/action-setup@v6
         with:
           cache: true
-          version: 11
+          version: 11.11
           run_install: false
 
       - name: Get pnpm store directory

.github/workflows/release-macos.yaml

@@ -40,7 +40,7 @@ jobs:
         with:
           cache: true
           run_install: false
-          version: 11
+          version: 11.11
 
       - name: Install Node dependencies for New UI
         run: |

.github/workflows/release.yaml

@@ -70,7 +70,7 @@ jobs:
         uses: pnpm/action-setup@v6
         with:
           cache: true
-          version: 11
+          version: 11.11
           run_install: false
 
       - name: Get pnpm store directory
@@ -178,7 +178,7 @@ jobs:
       - uses: pnpm/action-setup@v6
         with:
           cache: true
-          version: 11
+          version: 11.11
           run_install: false
 
       - name: Get pnpm store directory

new-ui/package.json

@@ -46,6 +46,7 @@
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1",
     "rxjs": "^7.8.2",
     "sass": "^1.101.0",
     "zod": "^4.4.3",

new-ui/src/pages/full/EnrollmentPage/hooks/useEnrollmentStore.tsx

@@ -142,7 +142,10 @@ export const useEnrollmentStore = create<Store>()(
           default:
             return;
         }
-        set({ activeStep: nextStep });
+        set({
+          activeStep: nextStep,
+          deadline: nextStep === EnrollmentStep.Finish ? null : get().deadline,
+        });
       },
     }),
     {

new-ui/src/pages/full/EnrollmentPage/steps/FinishStep/FinishStep.tsx

@@ -3,19 +3,28 @@ import { useNavigate } from '@tanstack/react-router';
 import { Button } from '../../../../../shared/components/Button/Button';
 import { ButtonVariant } from '../../../../../shared/components/Button/types';
 import { Controls } from '../../../../../shared/components/Controls/Controls';
+import { RenderMarkdown } from '../../../../../shared/components/RenderMarkdown/RenderMarkdown';
+import { isPresent } from '../../../../../shared/utils/isPresent';
+import { useEnrollmentStore } from '../../hooks/useEnrollmentStore';
 import bannerSrc from './assets/banner.png';
 
 export const FinishStep = () => {
   const navigate = useNavigate();
+  const response = useEnrollmentStore((s) => s.startResponse);
+  const markdownContent = response?.final_page_content;
+  const showMarkdown = isPresent(markdownContent) && markdownContent.length > 0;
+
   return (
     <div id="finish-step" className="step-content">
       <div className="content-pad">
         <img src={bannerSrc} loading="eager" width={504} height={150} />
-        <div className="top">
-          <p>{`New Defguard instance added successfully`}</p>
-          <p>{`You can now connect this device, check its status and view statistics.`}</p>
-        </div>
-        <div className="markdown-content"></div>
+        {!showMarkdown && (
+          <div className="top">
+            <p>{`New Defguard instance added successfully`}</p>
+            <p>{`You can now connect this device, check its status and view statistics.`}</p>
+          </div>
+        )}
+        {showMarkdown && <RenderMarkdown content={markdownContent} />}
       </div>
       <Controls>
         <div className="right">