chore: update comments for consistency, improve code readability and structure

src/pages/404.astro

@@ -3,7 +3,7 @@ import Layout from '@/layouts/Layout.astro'
 ---
 
 <Layout>
-  <!-- Decorative line -->
+  <!-- Decorative Line -->
   <div class="uno-decorative-line"></div>
   <!-- 404  -->
   <h1 class="mt-10 text-8 font-title">404</h1>

src/pages/[...about].astro

@@ -38,9 +38,9 @@ const { Content } = aboutEntry ? await aboutEntry.render() : { Content: null }
 ---
 
 <Layout>
-  <!-- Decorative line -->
+  <!-- Decorative Line -->
   <div class="uno-decorative-line"></div>
-  <!-- About page content -->
+  <!-- About Page Content -->
   <div class="heti">
     {Content && <Content />}
   </div>

src/pages/[...index].astro

@@ -42,6 +42,7 @@ const postsByYear = await getPostsByYear(lang)
       <PostList posts={pinnedPosts} lang={lang} />
     </section>
   )}
+
   <!-- Regular Posts -->
   {[...postsByYear.entries()].map(([_year, posts]) => (
     <section class="mb-7.5">

src/pages/[...posts_slug].astro

@@ -2,7 +2,7 @@
 import type { CollectionEntry } from 'astro:content'
 import Comments from '@/components/Comments/index.astro'
 import PostDate from '@/components/PostDate.astro'
-import BackHome from '@/components/Widgets/BackHome.astro'
+import GoBack from '@/components/Widgets/GoBack.astro'
 import { allLocales, defaultLocale, moreLocales } from '@/config'
 import { getTagPath } from '@/i18n/path'
 import Layout from '@/layouts/Layout.astro'
@@ -107,8 +107,8 @@ const { Content, remarkPluginFrontmatter } = await post.render()
 >
   <article class="heti mb-12.6">
     <div class="relative">
-      <!-- Desktop back home button -->
-      <BackHome />
+      <!-- Go Back Button On Desktop -->
+      <GoBack />
       <!-- Title -->
       <h1 class="post-title">
         <span

src/pages/[...tags].astro

@@ -34,9 +34,9 @@ const allTags = await getAllTags(lang)
 ---
 
 <Layout>
-  <!-- Decorative line -->
+  <!-- Decorative Line -->
   <div class="uno-decorative-line"></div>
-  <!-- Tags list -->
+  <!-- Tags List -->
   <div class="uno-tags-wrapper">
     {allTags.map(tag => (
       <a

src/pages/[...tags_tag].astro

@@ -53,9 +53,9 @@ const supportedLangs = tagSupportedLangs.filter(Boolean) as string[]
 ---
 
 <Layout supportedLangs={supportedLangs}>
-  <!-- Decorative line -->
+  <!-- Decorative Line -->
   <div class="uno-decorative-line"></div>
-  <!-- Tags list -->
+  <!-- Tags List -->
   <div class="uno-tags-wrapper">
     {allTags.map(tagName => (
       <a
@@ -71,7 +71,7 @@ const supportedLangs = tagSupportedLangs.filter(Boolean) as string[]
     ))}
   </div>
 
-  <!-- Posts list -->
+  <!-- Posts List -->
   <div class="mt-10.5">
     <PostList posts={posts} lang={lang} />
   </div>