Add Giscuss comments

Author: shwetank-dev

src/components/Comments.astro

@@ -0,0 +1,19 @@
+---
+---
+<script
+  is:inline
+  src="https://giscus.app/client.js"
+  data-repo="shwetank-dev/shwetank-dev.github.io"
+  data-repo-id="R_kgDORBPzag"
+  data-category="Announcements"
+  data-category-id="DIC_kwDORBPzas4C8WFD"
+  data-mapping="pathname"
+  data-strict="0"
+  data-reactions-enabled="1"
+  data-emit-metadata="0"
+  data-input-position="bottom"
+  data-theme="dark_dimmed"
+  data-lang="en"
+  crossorigin="anonymous"
+  async
+></script>

src/layouts/BlogPostLayout.astro

@@ -2,6 +2,7 @@
 import BaseLayout from "./BaseLayout.astro";
 import TagList from "../components/TagList.astro";
 import TableOfContents from "../components/TableOfContents.astro";
+import Comments from "../components/Comments.astro";
 import { formatDate } from "../utils/date.ts";
 
 interface Props {
@@ -28,6 +29,8 @@ const { title, date, tags, headings } = Astro.props;
       <div class="blog-body">
         <slot />
       </div>
+      <hr />
+      <Comments />
     </div>
   </div>
 </BaseLayout>