feat(blog): enable Giscus commenting system for blog posts (#25)

Author: CalvinAllen

src/layouts/PostLayout.astro

@@ -66,6 +66,29 @@ const ogImageUrl = image?.src;
           <a href={postUrl} class="text-primary hover:underline">{postUrl}</a>
         </p>
       </blockquote>
+
+      <hr class="mt-12 border-t border-text-muted/30" />
+
+      <section class="mt-8">
+        <h2 class="text-2xl font-heading mb-6">Comments</h2>
+        <script
+          src="https://giscus.app/client.js"
+          data-repo="CodingWithCalvin/codingwithcalvin.net"
+          data-repo-id="R_kgDOIdGZXw"
+          data-category="Blog Post Comments"
+          data-category-id="DIC_kwDOIdGZX84C0RR6"
+          data-mapping="og:title"
+          data-strict="1"
+          data-reactions-enabled="1"
+          data-emit-metadata="0"
+          data-input-position="top"
+          data-theme="dark"
+          data-lang="en"
+          data-loading="lazy"
+          crossorigin="anonymous"
+          async
+        ></script>
+      </section>
     </div>
   </article>
 </BaseLayout>