Merge pull request #26 from BeyteFlow/copilot/sub-pr-24-again

[WIP] Add preview option to enhance user experience

Author: naheel0

package-lock.json

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import rehypeRaw from 'rehype-raw'; // Add this
@@ -9,19 +9,14 @@ import { Copy, Check, FileCode,  } from 'lucide-react';
 export const MarkdownPreview = ({ content }: { content: string }) => {
   const [view, setView] = useState<'code' | 'preview'>('preview');
   const [copied, setCopied] = useState(false);
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
 
   const handleCopy = async () => {
     await navigator.clipboard.writeText(content);
     setCopied(true);
     setTimeout(() => setCopied(false), 2000);
   };
 
-  if (!content || !mounted) return null;
+  if (!content) return null;
 
   return (
     <div className="mt-12 w-full max-w-4xl mx-auto border border-zinc-800 rounded-xl bg-zinc-950 overflow-hidden shadow-2xl">