fix: remove unused copy functionality and improve TOC rendering

components/TableOfContents.tsx

@@ -117,6 +117,7 @@ const TableOfContents: React.FC<TableOfContentsProps> = ({ markdown, tocTitle }:
               h4: () => null,
               h5: () => null,
               h6: () => null,
+              hr: () => null,
               p: () => null,
               ul: () => null,
               ol: () => null,

components/content/Heading.tsx

@@ -12,7 +12,6 @@ interface HeadingProps {
 
 const Heading: React.FC<HeadingProps> = ({ content, section, tag, spanId }) => {
   const Tag = tag as keyof React.JSX.IntrinsicElements
-  const [isCopied, setIsCopied] = useState(false)
 
   const generateHeadingContent = () => {
     if (typeof content === "string") {
@@ -46,23 +45,15 @@ const Heading: React.FC<HeadingProps> = ({ content, section, tag, spanId }) => {
     return href + "#" + generateHeadingContent()
   }
 
-  const onCopyHandler = () => {
-    setIsCopied(true)
-    setTimeout(() => {
-      setIsCopied(false)
-    }, 1500)
-  }
-
   return (
     <>
       <Tag id={generateHeadingContent()} className="inline-flex items-center space-x-2">
         <span id={spanId}>{content}</span>
         <CopyToClipboard text={generateHeadingURL()}>
-          <button className="text-xs flex items-center space-x-1" onClick={onCopyHandler}>
+          <button className="text-xs flex items-center space-x-1">
             <FaLink className="group-hover:text-white" />
           </button>
         </CopyToClipboard>
-        {isCopied && <span className="text-xs text-green-500 ml-3">Copied to clipboard!</span>}
       </Tag>
     </>
   )

components/ui/CopyToClipboard.tsx

@@ -22,10 +22,10 @@ const CopyToClipboard: React.FC<CopyToClipboardProps> = ({ text, onCopy, childre
 
   return (
     <div>
-      <span>{copied ? "Copied!" : ""}</span>
       <div onClick={handleCopy} style={{ display: "inline-block", cursor: "pointer" }}>
         {children}
       </div>
+      {copied && <span className="text-xs text-green-500 ml-3">Copied to clipboard!</span>}
     </div>
   )
 }