Switch the base framework from Create React App to Next.JS

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

src/components/markdown-renderer/markdown-extension/mermaid/mermaid-chart.tsx

@@ -8,9 +8,10 @@ import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react
 import { Alert } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { ShowIf } from '../../../common/show-if/show-if'
-import './mermaid.scss'
+import styles from './mermaid.module.scss'
 import { Logger } from '../../../../utils/logger'
 import type { CodeProps } from '../../replace-components/code-block-component-replacer'
+import { cypressId } from '../../../../utils/cypress-attribute'
 
 const log = new Logger('MermaidChart')
 
@@ -78,7 +79,11 @@ export const MermaidChart: React.FC<CodeProps> = ({ code }) => {
       <ShowIf condition={!!error}>
         <Alert variant={'warning'}>{error}</Alert>
       </ShowIf>
-      <div className={'text-center mermaid text-black'} ref={diagramContainer} />
+      <div
+        {...cypressId('mermaid-frame')}
+        className={`text-center ${styles['mermaid']} text-black`}
+        ref={diagramContainer}
+      />
     </Fragment>
   )
 }