style: add highlight hover animation to navigation and footer

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

src/utils/content.ts

@@ -1,7 +1,7 @@
 import type { CollectionEntry } from 'astro:content'
+import { getCollection, render } from 'astro:content'
 import { defaultLocale } from '@/config'
 import { memoize } from '@/utils/cache'
-import { getCollection, render } from 'astro:content'
 
 /**
  * Core Functions

src/utils/description.ts

@@ -1,6 +1,6 @@
 import type { CollectionEntry } from 'astro:content'
-import { defaultLocale } from '@/config'
 import MarkdownIt from 'markdown-it'
+import { defaultLocale } from '@/config'
 
 type ExcerptScene = 'list' | 'meta' | 'og' | 'feed'
 

src/utils/feed.ts

@@ -1,16 +1,16 @@
 import type { APIContext, ImageMetadata } from 'astro'
 import type { CollectionEntry } from 'astro:content'
 import type { Author } from 'feed'
-import { defaultLocale, themeConfig } from '@/config'
-import { ui } from '@/i18n/ui'
-import { memoize } from '@/utils/cache'
-import { generateDescription } from '@/utils/description'
 import { getImage } from 'astro:assets'
 import { getCollection } from 'astro:content'
 import { Feed } from 'feed'
 import MarkdownIt from 'markdown-it'
 import { parse as htmlParser } from 'node-html-parser'
 import sanitizeHtml from 'sanitize-html'
+import { defaultLocale, themeConfig } from '@/config'
+import { ui } from '@/i18n/ui'
+import { memoize } from '@/utils/cache'
+import { generateDescription } from '@/utils/description'
 
 interface GenerateFeedOptions {
   lang?: string