fix jsx and import

src/layouts/BaseLayout.astro

@@ -1,8 +1,8 @@
 ---
 import { ClientRouter } from 'astro:transitions';
 import { BASE_PATH } from 'astro:env/server';
-import logo512 from '../assets/img/logo-512.png';
-import favicon from '../assets/favicon.png';
+import logo512 from '@assets/img/logo-512.webp';
+import favicon from '@assets/favicon.png';
 
 interface Props {
   title: string;
@@ -23,12 +23,16 @@ const { title, description, keywords, openGraph, viewTransition } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/png" href={favicon.src} />
     <title>{title}</title>
-    {openGraph && (
+    {
+      openGraph && (
+        <>
           <meta name="og:title" content={title} />
           <meta property="og:url" content={Astro.url.pathname} />
           <meta property="og:type" content="website" />
           <meta property="og:image" content={logo512.src} />
-    )}
+        </>
+      )
+    }
     <meta name="description" content={description} />
     {keywords && <meta name="keywords" content={keywords.join(', ')} />}
     <base href=`${BASE_PATH}/` />