feat(images): Implement starlight-image-zoom

Author: moonclavedev

astro.config.mjs

@@ -19,6 +19,7 @@ import react from "@astrojs/react";
 import starlightLlmsTxt from "starlight-llms-txt";
 import favicons from "astro-favicons";
 import icon from "astro-icon";
+import starlightImageZoom from "starlight-image-zoom";
 import { sidebar } from "./astro.sidebar.ts";
 import { ENV } from "./src/lib/env";
 import { ogImagesIntegration } from "./src/integrations/ogImages";
@@ -128,6 +129,7 @@ export default defineConfig({
         TwoColumnContent: "./src/starlight-overrides/TwoColumnContent.astro",
       },
       plugins: [
+        starlightImageZoom(),
         starlightLinksValidator({
           errorOnFallbackPages: false,
           errorOnInconsistentLocale: true,

package.json

@@ -65,6 +65,7 @@
     "react-dom": "^19.1.0",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^15.6.1",
+    "starlight-image-zoom": "^0.13.0",
     "starlight-links-validator": "^0.17.2",
     "tailwindcss": "^4.1.11"
   },