fix: invalid class name in menu

options.ts

@@ -19,7 +19,7 @@ const Options = z
     description: z.string().max(100),
     keywords: z.array(z.string()),
     author: z.object({ name: z.string(), email: z.string().email(), url: z.string().url() }),
-    navigation: z.array(z.object({ text: z.string(), link: z.string(), target: z.string().optional() })),
+    navigation: z.array(z.object({ text: z.string().trim(), link: z.string(), target: z.string().optional() })),
     socials: z.array(
       z.object({
         name: z.string(),

src/components/header/Header.astro

@@ -18,7 +18,7 @@ import options from '@/options';
       <ul>
         {
           options.navigation.map((menu, i) => (
-            <li id={`menu-item-${i}`} class={`menu-item ${i === 0 ? 'menu-item-home}' : ''}`}>
+            <li id={`menu-item-${i}`} class={`menu-item${i === 0 ? ' menu-item-home' : ''}`}>
               <a href={menu.link} target={menu.target}>
                 {menu.text}
               </a>