feat: Enhance sidebar and content layouts

This commit improves the layout and functionality of the sidebar and content areas:

- Added og-preview component to sidebar
- Adjusted TOC container height
- Modified styles for og-preview component
- Modified row layout for better content alignment

Author: neural-loop

assets/scss/components/_og-preview.scss

@@ -39,6 +39,7 @@
 
 .social-share-overlay {
   @apply absolute left-0 right-0 bottom-0 h-auto flex justify-center opacity-0 transition-opacity duration-300 ease-in-out z-[2];
+  pointer-events: none;
 }
 
 .social-icons-container {
@@ -51,6 +52,7 @@
   background: rgba(0,0,0, 0.6);
   backdrop-filter: blur(2px);
   border-radius: 50%;
+  pointer-events: auto;
 
   &:hover {
     transform: scale(1.1);

layouts/blog/single.html

@@ -14,16 +14,6 @@
         <div class="content mb-10">
           {{ .Content }}
         </div>
-
-        {{/* --- SHARING & SUPPORT CTA SECTION --- */}}
-        <div class="border-t border-border dark:border-darkmode-border mt-10 pt-8 text-center">
-          <h3 class="text-2xl font-bold mb-3">Enjoyed This Post? Support Our Community</h3>
-          <p class="mb-6 text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
-            Thanks for reading! If you made it this far, you might be interested in supporting us. Sharing our posts helps amplify our signal and get the word out—it's an extremely valuable way to support our community, along with linking to our content from your website.
-          </p>
-          {{ partial "components/og-preview.html" . }}
-        </div>
-        {{/* --- END SHARING & SUPPORT CTA SECTION --- */}}
 
         {{ partial "components/author-bios.html" . }}
       </article>

layouts/neuromorphic-hardware/single.html

@@ -22,17 +22,6 @@
           <div class="content mb-10">
             {{ .Content }}
           </div>
-          
-          {{/* --- SHARING & SUPPORT CTA SECTION --- */}}
-          <div class="border-t border-border dark:border-darkmode-border mt-10 pt-8 text-center">
-            <h3 class="text-2xl font-bold mb-3">Enjoyed This Post? Support Our Community</h3>
-            <p class="mb-6 text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
-              Thanks for reading! If you made it this far, you might be interested in supporting us. Sharing our posts helps amplify our signal and get the word out—it's an extremely valuable way to support our community, along with linking to our content from your website.
-            </p>
-            {{ partial "components/og-preview.html" . }}
-          </div>
-          {{/* --- END SHARING & SUPPORT CTA SECTION --- */}}
-          
         </article>
         {{ partial "components/sidebar-toc-shared.html" . }}
       </div>

layouts/partials/components/sidebar-toc-shared.html

@@ -1,8 +1,8 @@
 {{ if gt (len .TableOfContents) 80 }}
 <aside class="lg:col-4 hidden lg:block">
-  <div class="">
+  <div class="mb-6">
       {{ partial "components/og-preview.html" . }}
-</div>
+  </div>
   <div class="sticky top-24 space-y-6">
     {{/* Table of Contents Section */}}
     <div class="px-3 pt-5 pb-5 content-panel">