updated Yarn lockfile

package.json

@@ -16,42 +16,42 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.5",
-    "@astrojs/cloudflare": "^9.0.1",
-    "@astrojs/mdx": "^2.1.1",
-    "@astrojs/rss": "^4.0.5",
-    "@astrojs/sitemap": "^3.1.1",
-    "@astrojs/tailwind": "^5.1.0",
-    "@fontsource-variable/roboto-condensed": "^5.0.1",
-    "@iconify-json/pixelarticons": "^1.1.10",
-    "astro": "^4.4.2",
-    "astro-purgecss": "^4.1.0",
-    "purgecss": "^5.0.0",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.3.3"
+    "@astrojs/check": "0.5.6",
+    "@astrojs/cloudflare": "9.1.0",
+    "@astrojs/mdx": "2.1.1",
+    "@astrojs/rss": "4.0.5",
+    "@astrojs/sitemap": "3.1.1",
+    "@astrojs/tailwind": "5.1.0",
+    "@fontsource-variable/roboto-condensed": "5.0.2",
+    "@iconify-json/pixelarticons": "1.1.10",
+    "astro": "4.4.13",
+    "astro-purgecss": "4.1.0",
+    "purgecss": "5.0.0",
+    "tailwindcss": "3.4.1",
+    "typescript": "5.4.2"
   },
   "devDependencies": {
-    "@types/eslint": "^8",
-    "@types/katex": "^0",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-astro": "^0.31.4",
-    "husky": "^9.0.11",
-    "katex": "^0.16.9",
-    "lint-staged": "^15.2.2",
-    "node-html-parser": "^6.1.12",
-    "pagefind": "^1.0.4",
-    "prettier": "^3.2.5",
-    "prettier-plugin-astro": "^0.13.0",
-    "rehype-autolink-headings": "^7.1.0",
-    "rehype-code-titles": "^1.2.0",
-    "rehype-katex": "^7.0.0",
-    "rehype-pretty-code": "^0.13.0",
-    "rehype-slug": "^6.0.0",
-    "remark-gfm": "^4.0.0",
-    "remark-math": "^6.0.0"
+    "@types/eslint": "8.56.5",
+    "@types/katex": "0.16.7",
+    "@typescript-eslint/eslint-plugin": "7.1.1",
+    "@typescript-eslint/parser": "7.1.1",
+    "eslint": "8.57.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-astro": "0.31.4",
+    "husky": "9.0.11",
+    "katex": "0.16.9",
+    "lint-staged": "15.2.2",
+    "node-html-parser": "6.1.12",
+    "pagefind": "1.0.4",
+    "prettier": "3.2.5",
+    "prettier-plugin-astro": "0.13.0",
+    "rehype-autolink-headings": "7.1.0",
+    "rehype-code-titles": "1.2.0",
+    "rehype-katex": "7.0.0",
+    "rehype-pretty-code": "0.13.0",
+    "rehype-slug": "6.0.0",
+    "remark-gfm": "4.0.0",
+    "remark-math": "6.0.0"
   },
   "packageManager": "yarn@1.22.15",
   "engines": {

src/components/ThemeSwitcher.astro

@@ -2,14 +2,14 @@
 // import SvgIcon from "@/components/SvgIcon.astro";
 ---
 
-<select name="themeSwitcher" id="themeSwitcher">
+<select name="theme-switcher" id="theme-switcher">
   <option value="system">System</option>
   <option value="dark">Dark</option>
   <option value="light">Light</option>
 </select>
 
 <script>
-  const select = document.getElementById('themeSwitcher') as HTMLSelectElement
+  const select = document.getElementById('theme-switcher') as HTMLSelectElement
   const theme = localStorage.getItem('theme')
   const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
     ? 'dark'