Refactor DeepSeek Sparse Attention and Contribute pages for improved layout and functionality

- Enhanced the DeepSeek Sparse Attention page by updating the copy article button's design and repositioning it for better visibility.
- Increased padding in the article body for improved readability.
- Removed the Learn page to streamline navigation and focus on key content areas.
- Updated the Contribute page layout, adding new links to GitHub, Discord, and Skool, while enhancing the visual design with improved button styles and section organization.
- Removed outdated elements and ensured a cohesive user experience across the site.

Author: vukrosic

app/blog/deepseek-sparse-attention/page.tsx

@@ -201,47 +201,13 @@ export default function DeepSeekProject() {
 
       {/* Main Content */}
       <main className="bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 min-h-screen">
-        <div className="container mx-auto px-4 sm:px-6 lg:px-8 pt-8">
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-16">
           {/* Article Container */}
           <article className="max-w-4xl mx-auto">
             {/* Content Card */}
             <div className="bg-white/5 backdrop-blur-xl border border-white/10 rounded-3xl shadow-2xl">
-              {/* Copy Article Button */}
-              <div className="px-8 sm:px-12 pt-8 pb-4">
-                <div className="relative inline-block group">
-                  <button
-                    onClick={handleCopyArticle}
-                    className={`flex items-center justify-center p-3 rounded-lg font-medium transition-all duration-300 ${
-                      copySuccess
-                        ? 'bg-green-500/20 text-green-400 border border-green-500/30'
-                        : 'bg-white/5 hover:bg-white/10 text-slate-300 hover:text-blue-400 border border-white/10 hover:border-blue-500/50'
-                    }`}
-                  >
-                    {copySuccess ? (
-                      <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
-                      </svg>
-                    ) : (
-                      <svg className="w-5 h-5 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
-                      </svg>
-                    )}
-                  </button>
-                  
-                  {/* Tooltip */}
-                  <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-slate-800 text-white text-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-10 border border-slate-600">
-                    {language === 'en' 
-                      ? 'Perfect for pasting into AI chatbots for self-studying! 🤖' 
-                      : '非常适合粘贴到AI聊天机器人进行自学！🤖'
-                    }
-                    {/* Tooltip arrow */}
-                    <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-800"></div>
-                  </div>
-                </div>
-              </div>
-              
               {/* Article Body */}
-              <div className="px-8 sm:px-12 pb-12">
+              <div className="px-8 sm:px-12 pb-20">
                 <div className="prose prose-lg prose-invert max-w-none">
                   <MarkdownRenderer content={markdownContent} />
                 </div>
@@ -260,6 +226,39 @@ export default function DeepSeekProject() {
                   </div>
                   <div className="flex items-center gap-3">
                     <span className="text-xs text-slate-500 uppercase tracking-wider font-semibold">Share</span>
+                    
+                    {/* Copy Article Button */}
+                    <div className="relative inline-block group">
+                      <button
+                        onClick={handleCopyArticle}
+                        className={`flex items-center justify-center p-2 rounded-lg transition-all duration-300 ${
+                          copySuccess
+                            ? 'text-green-400'
+                            : 'text-slate-400 hover:text-blue-400'
+                        }`}
+                      >
+                        {copySuccess ? (
+                          <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+                          </svg>
+                        ) : (
+                          <svg className="w-5 h-5 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
+                          </svg>
+                        )}
+                      </button>
+                      
+                      {/* Tooltip */}
+                      <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-slate-800 text-white text-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-10 border border-slate-600">
+                        {language === 'en' 
+                          ? 'Perfect for pasting into AI chatbots for self-studying! 🤖' 
+                          : '非常适合粘贴到AI聊天机器人进行自学！🤖'
+                        }
+                        {/* Tooltip arrow */}
+                        <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-800"></div>
+                      </div>
+                    </div>
+                    
                     <a href="https://twitter.com/intent/tweet?text=DeepSeek%20Sparse%20Attention%20-%20Lightning%20Indexer" 
                        target="_blank" 
                        rel="noopener noreferrer"