Merge pull request #5681 from mannika763/Highlight-Syntax

Code syntax highlighting for sistent components

src/sections/Projects/Sistent/components/button/code-block.js

@@ -1,22 +1,18 @@
 import React, { useState } from "react";
-
+import Code from "../../../../../components/CodeBlock";
 export const CodeBlock = ({ name, code }) => {
   const [showCode, setShowCode] = useState(false);
-
   const onChange = () => {
     setShowCode((prev) => !prev);
   };
-
   return (
     <div className="show-code">
       <input type="checkbox" name={name} id={name} onChange={onChange} />
       <label htmlFor={name} className="label">
         Show Code
       </label>
-      {showCode && (
-        <pre className="code">
-          <code lang="javascript">{code}</code>
-        </pre>
+       {showCode && (
+        <Code codeString={code} language="javascript" />
       )}
     </div>
   );