Restructure repository (#426)

organized repository 

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Philip Molares <git@molar.es>

src/components/common/highlighted-code/highlighted-code.tsx

@@ -1,59 +0,0 @@
-import hljs from 'highlight.js'
-import React, { Fragment, useMemo } from 'react'
-import ReactHtmlParser from 'react-html-parser'
-import './highlighted-code.scss'
-
-export interface HighlightedCodeProps {
-  code: string,
-  language?: string,
-  startLineNumber?: number
-  wrapLines: boolean
-}
-
-export const escapeHtml = (unsafe: string): string => {
-  return unsafe
-    .replace(/&/g, '&')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#039;')
-}
-
-const checkIfLanguageIsSupported = (language: string): boolean => {
-  return hljs.listLanguages().indexOf(language) > -1
-}
-
-const correctLanguage = (language: string | undefined): string | undefined => {
-  switch (language) {
-    case 'html':
-      return 'xml'
-    default:
-      return language
-  }
-}
-
-export const HighlightedCode: React.FC<HighlightedCodeProps> = ({ code, language, startLineNumber, wrapLines }) => {
-  const highlightedCode = useMemo(() => {
-    const replacedLanguage = correctLanguage(language)
-    return ((!!replacedLanguage && checkIfLanguageIsSupported(replacedLanguage)) ? hljs.highlight(replacedLanguage, code).value : escapeHtml(code))
-      .split('\n')
-      .filter(line => !!line)
-      .map(line => ReactHtmlParser(line))
-  }, [code, language])
-
-  return (
-    <code className={`hljs ${startLineNumber !== undefined ? 'showGutter' : ''} ${wrapLines ? 'wrapLines' : ''}`}>
-      {
-        highlightedCode
-          .map((line, index) => {
-            return <Fragment key={index}>
-              <span className={'linenumber'} data-line-number={(startLineNumber || 1) + index}/>
-              <div className={'codeline'}>
-                {line}
-              </div>
-            </Fragment>
-          })
-      }
-
-    </code>)
-}