Refactor MarkdownRenderer component and update DeepSeek Sparse Attention links

- Changed the outer container from a div to a span in the MarkdownRenderer for better semantic structure.
- Updated links in the DeepSeek Sparse Attention content to include additional GitHub resources, enhancing accessibility to related materials.

Author: vukrosic

components/markdown-renderer.tsx

@@ -109,7 +109,7 @@ export function MarkdownRenderer({ content }: MarkdownRendererProps) {
             // Handle external images
             if (typeof src === 'string' && src.startsWith('http')) {
               return (
-                <div className="my-6 rounded-lg overflow-hidden border border-gray-700">
+                <span className="block my-6 rounded-lg overflow-hidden border border-gray-700">
                   <Image
                     src={src}
                     alt={alt || ''}
@@ -119,17 +119,17 @@ export function MarkdownRenderer({ content }: MarkdownRendererProps) {
                     loading="lazy"
                   />
                   {alt && (
-                    <p className="text-center text-sm text-gray-400 mt-2 px-4 pb-4">
+                    <span className="block text-center text-sm text-gray-400 mt-2 px-4 pb-4">
                       {alt}
-                    </p>
+                    </span>
                   )}
-                </div>
+                </span>
               );
             }
 
             // Handle local images with Next.js Image
             return (
-              <div className="my-6 rounded-lg overflow-hidden border border-gray-700">
+              <span className="block my-6 rounded-lg overflow-hidden border border-gray-700">
                 <Image
                   src={src as string}
                   alt={alt || ''}
@@ -139,11 +139,11 @@ export function MarkdownRenderer({ content }: MarkdownRendererProps) {
                   priority={false}
                 />
                 {alt && (
-                  <p className="text-center text-sm text-gray-400 mt-2 px-4 pb-4">
+                  <span className="block text-center text-sm text-gray-400 mt-2 px-4 pb-4">
                     {alt}
-                  </p>
+                  </span>
                 )}
-              </div>
+              </span>
             );
           },
           // Custom table styles

public/content/deepseek-sparse-attention/deepseek-sparse-attention-content.md

@@ -7,7 +7,7 @@ hero:
     - "📄 Research Article"
 ---
 
-[Research Paper](https://github.com/deepseek-ai/DeepSeek-V3.2-Exp/blob/main/DeepSeek_V3_2.pdf) • [Model](https://huggingface.co/deepseek-ai/DeepSeek-V3.2-Exp) • [GPU Kernels](https://github.com/deepseek-ai/DeepSeek-V3.2-Exp) (TileLang for research, CUDA for production)
+[Research Paper](https://github.com/deepseek-ai/DeepSeek-V3.2-Exp/blob/main/DeepSeek_V3_2.pdf) • [Model](https://huggingface.co/deepseek-ai/DeepSeek-V3.2-Exp) • [GitHub (DeepSeek)](https://github.com/deepseek-ai/DeepSeek-V3.2-Exp) • [GitHub (Our Research)](https://github.com/Open-Superintelligence-Lab/deepseek-sparse-attention-research)
 
 ![Inference Cost Comparison](/images/deepseek/Inference-cost.jpeg)