Fix the frontend to support the change from of code from string[] to string

Author: Mathys-Gasnier

src/components/CodePreview.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from "react";
 
 type Props = {
   language: string;
-  code: string[];
+  code: string;
 };
 
 const CodePreview = ({ language = "markdown", code }: Props) => {
@@ -29,14 +29,14 @@ const CodePreview = ({ language = "markdown", code }: Props) => {
 
   return (
     <div className="code-preview">
-      <CopyToClipboard text={code.join("\n")} className="modal__copy" />
+      <CopyToClipboard text={code} className="modal__copy" />
       <SyntaxHighlighter
         language={language}
         style={theme === "dark" ? oneDark : oneLight}
         wrapLines={true}
         customStyle={{ margin: "0", maxHeight: "20rem" }}
       >
-        {code.join("\n")}
+        {code}
       </SyntaxHighlighter>
     </div>
   );

src/types/index.ts

@@ -11,7 +11,7 @@ export type CategoryType = {
 export type SnippetType = {
   title: string;
   description: string;
-  code: string[];
+  code: string;
   tags: string[];
   author: string;
 };