fix props and build image

package.json

@@ -34,6 +34,7 @@
     "rehype-pretty-code": "^0.13.2",
     "rehype-slug": "^6.0.0",
     "sanitize-html": "^2.13.0",
+    "sharp": "^0.33.4",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.4",
     "tailwindcss-animate": "^1.0.7",

pnpm-lock.yaml

@@ -80,6 +80,9 @@ importers:
       sanitize-html:
         specifier: ^2.13.0
         version: 2.13.0
+      sharp:
+        specifier: ^0.33.4
+        version: 0.33.4
       tailwind-merge:
         specifier: ^2.3.0
         version: 2.3.0
@@ -4284,7 +4287,6 @@ snapshots:
     dependencies:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
-    optional: true
 
   color-support@1.1.3: {}
 
@@ -4292,7 +4294,6 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
-    optional: true
 
   comma-separated-tokens@2.0.3: {}
 
@@ -4788,8 +4789,7 @@ snapshots:
       is-alphabetical: 2.0.1
       is-decimal: 2.0.1
 
-  is-arrayish@0.3.2:
+  is-arrayish@0.3.2: {}
-    optional: true
 
   is-binary-path@2.1.0:
     dependencies:
@@ -5991,7 +5991,6 @@ snapshots:
       '@img/sharp-wasm32': 0.33.4
       '@img/sharp-win32-ia32': 0.33.4
       '@img/sharp-win32-x64': 0.33.4
-    optional: true
 
   shebang-command@2.0.0:
     dependencies:
@@ -6010,7 +6009,6 @@ snapshots:
   simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
-    optional: true
 
   sisteransi@1.0.5: {}
 

src/components/navbar.astro

@@ -1,7 +1,7 @@
 ---
 import { navItems } from "@/utils/nav-links";
 import MobileMenu from "@/components/mobile-menu";
-import logo from "@/assets/logo.png";
+import logo from "@/assets/logo.svg";
 import { Image } from "astro:assets";
 import LinkButton from "@/components/link-button";
 ---

src/layouts/Layout.astro

@@ -5,6 +5,8 @@ import "@/styles/globals.css";
 
 interface Props {
     title: string;
+    description: string;
+    lang?: string;
 }
 
 const { title, description, lang } = Astro.props;

src/pages/index.astro

@@ -4,7 +4,7 @@ import LinkButton from "@/components/link-button";
 import { getCollection } from "astro:content";
 import PostItem from "@/components/post-item";
 import { Image } from "astro:assets";
-import logo from "@/assets/logo.png";
+import logo from "@/assets/logo.svg";
 
 const allPosts = await getCollection("blog", ({ data }) => data.draft !== true);
 allPosts.sort(