refactor(Markdown.tsx): simplify customComponents type definition

Remove unnecessary type imports from react-markdown and simplify the
type definition for customComponents to use a more generic Record type.
This change reduces complexity and improves readability.

fix(Markdown.tsx): add type check for src before window.open

Ensure that src is a string before attempting to open it in a new
window. This prevents potential runtime errors if src is undefined or
not a string.

fix(Markdown.tsx): remove unused inline parameter from code component

Remove the unused inline parameter from the code component to clean up
the code and avoid confusion.

fix(Markdown.tsx): initialize copyTimeout with undefined

Explicitly initialize copyTimeout with undefined to ensure clarity and
prevent potential issues with uninitialized variables.

Author: kzndotsh

src/components/global/Markdown.tsx

@@ -2,8 +2,6 @@
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import ReactMarkdown from "react-markdown";
-import { type SpecialComponents } from "react-markdown/lib/ast-to-react";
-import { type NormalComponents } from "react-markdown/lib/complex-types";
 import rehypeKatex from "rehype-katex";
 import rehypePrism from "rehype-prism-plus";
 import rehypeRaw from "rehype-raw";
@@ -22,9 +20,7 @@ type Props = {
   content: string;
   view?: "markdown" | "raw";
   className?: string;
-  customComponents?: Partial<
-    Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents
-  >;
+  customComponents?: Record<string, React.ComponentType<Record<string, unknown>>>;
 };
 export default function Markdown({
   content,
@@ -78,7 +74,9 @@ export default function Markdown({
                         className,
                       )}
                       onClick={() => {
-                        window.open(src, "_blank");
+                        if (typeof src === "string") {
+                          window.open(src, "_blank");
+                        }
                       }}
                       {...props}
                     />
@@ -113,7 +111,7 @@ export default function Markdown({
                 </p>
               ),
               pre: PreComponent,
-              code: ({ inline: _inline, className, children, ...props }) => (
+              code: ({ className, children, ...props }) => (
                 <code
                   className={cn(
                     `whitespace-pre-wrap! break-words font-mono text-sm!`,
@@ -141,7 +139,7 @@ function PreComponent(props: React.HTMLAttributes<HTMLPreElement>) {
   const [copyStatus, setCopyStatus] = useState<"idle" | "copied" | "error">(
     "idle",
   );
-  const copyTimeout = useRef<NodeJS.Timeout>();
+  const copyTimeout = useRef<NodeJS.Timeout | undefined>(undefined);
 
   const handleCopy = useCallback(async () => {
     if (!codeRef.current) return;