style: add highlight hover animation to navigation and footer

- add dynamic accessible labels to heading anchors
- update theme toggle button svg

src/pages/404.astro

@@ -9,5 +9,5 @@ import Layout from '@/layouts/Layout.astro'
   <h3 class="mt--1.3 text-8 text-primary font-bold leading-1.2em font-navbar lg:text-9">PAGE<br>NOT<br>FOUND</h3>
   <p class="mt-3.6 text-3.6 leading-1.4em font-navbar lg:(mt-4 text-4)">It looks like the page you're looking for<br>does not exist or has been moved.</p>
   <!-- Unused Div -->
-  <!-- <div class=""></div> -->
+  <div class=""></div>
 </Layout>

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

@@ -1,7 +1,7 @@
 ---
+import { getCollection, render } from 'astro:content'
 import { defaultLocale, moreLocales } from '@/config'
 import Layout from '@/layouts/Layout.astro'
-import { getCollection, render } from 'astro:content'
 
 export async function getStaticPaths() {
   type PathItem = {

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

@@ -1,5 +1,6 @@
 ---
 import type { CollectionEntry } from 'astro:content'
+import { getCollection, render } from 'astro:content'
 import Comments from '@/components/Comments/index.astro'
 import PostDate from '@/components/PostDate.astro'
 import GoBack from '@/components/Widgets/GoBack.astro'
@@ -9,7 +10,6 @@ import { getTagPath } from '@/i18n/path'
 import Layout from '@/layouts/Layout.astro'
 import { checkPostSlugDuplication } from '@/utils/content'
 import { generateDescription } from '@/utils/description'
-import { getCollection, render } from 'astro:content'
 
 export async function getStaticPaths() {
   const posts = await getCollection('posts')

src/pages/og/[...image].ts

@@ -1,7 +1,7 @@
 import type { CollectionEntry } from 'astro:content'
-import { generateDescription } from '@/utils/description'
 import { OGImageRoute } from 'astro-og-canvas'
 import { getCollection } from 'astro:content'
+import { generateDescription } from '@/utils/description'
 
 // eslint-disable-next-line antfu/no-top-level-await
 const blogEntries = await getCollection('posts')