chore: reorg. content files, add blinking cursor

client/src/components/Messages/CodeBlock.jsx

@@ -1,57 +0,0 @@
-import React, { useRef, useState } from 'react';
-import Clipboard from '../svg/Clipboard';
-import CheckMark from '../svg/CheckMark';
-
-const CodeBlock = ({ lang, codeChildren }) => {
-  const codeRef = useRef(null);
-
-  return (
-    <div className="rounded-md bg-black">
-      <CodeBar
-        lang={lang}
-        codeRef={codeRef}
-      />
-      <div className="overflow-y-auto p-4">
-        <code
-          ref={codeRef}
-          className={`hljs !whitespace-pre language-${lang}`}
-        >
-          {codeChildren}
-        </code>
-      </div>
-    </div>
-  );
-};
-
-const CodeBar = React.memo(({ lang, codeRef }) => {
-  const [isCopied, setIsCopied] = useState(false);
-  return (
-    <div className="relative flex items-center rounded-tl-md rounded-tr-md bg-gray-800 px-4 py-2 font-sans text-xs text-gray-200">
-      <span className="">{lang}</span>
-      <button
-        className="ml-auto flex gap-2"
-        onClick={async () => {
-          const codeString = codeRef.current?.textContent;
-          if (codeString)
-            navigator.clipboard.writeText(codeString).then(() => {
-              setIsCopied(true);
-              setTimeout(() => setIsCopied(false), 3000);
-            });
-        }}
-      >
-        {isCopied ? (
-          <>
-            <CheckMark />
-            Copied!
-          </>
-        ) : (
-          <>
-            <Clipboard />
-            Copy code
-          </>
-        )}
-      </button>
-    </div>
-  );
-});
-export default CodeBlock;