fix: Correct markdown component imports and hook usage

Addresses ErrorBoundary import in  and  call in .

web/app/components/base/markdown-blocks/code-block.tsx

@@ -13,7 +13,7 @@ import { Theme } from '@/types/app'
 import useTheme from '@/hooks/use-theme'
 import SVGRenderer from '../svg-gallery' // Assumes svg-gallery.tsx is in /base directory
 import MarkdownMusic from '@/app/components/base/markdown-blocks/music'
-import ErrorBoundary from '@/app/components/base/markdown'
+import ErrorBoundary from '@/app/components/base/markdown/error-boundary'
 
 // Available language https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_HLJS.MD
 const capitalizationLanguageNameMap: Record<string, string> = {

web/app/components/base/markdown-blocks/link.tsx

@@ -7,9 +7,8 @@ import React from 'react'
 import { useChatContext } from '@/app/components/base/chat/chat/context'
 
 const Link = ({ node, children, ...props }: any) => {
+  const { onSend } = useChatContext()
   if (node.properties?.href && node.properties.href?.toString().startsWith('abbr')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { onSend } = useChatContext()
     const hidden_text = decodeURIComponent(node.properties.href.toString().split('abbr:')[1])
 
     return <abbr className="cursor-pointer underline !decoration-primary-700 decoration-dashed" onClick={() => onSend?.(hidden_text)} title={node.children[0]?.value || ''}>{node.children[0]?.value || ''}</abbr>