Changed from astro to pure solidjs

src/components/Logo/Logo.tsx

@@ -0,0 +1,19 @@
+import webpPath from '../../assets/images/optimized/logo.webp'
+import avifPath from '../../assets/images/optimized/logo.avif'
+
+interface Props {
+  size?: number
+  alt?: string
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <picture>
+        <source srcset={avifPath} type="image/avif" />
+        <source srcset={webpPath} type="image/webp" />
+        <img width={props.size} height="auto" decoding="async" loading="lazy" alt="logo" />
+      </picture>
+    </>
+  )
+}