feat: add missing public images and use plain img tag

Author: Jan Stevens

.gitignore

@@ -32,4 +32,7 @@ yarn-error.log*
 .eslintcache
 
 # VS Code
-.vscode/
+.vscode/
+
+# Ignore dist
+dist

public/android-chrome-192x192.png

@@ -0,0 +1,19 @@
+{
+  "name": "Jan Stevens",
+  "short_name": "Fritz",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

public/android-chrome-512x512.png

@@ -1,8 +1,6 @@
 ---
 import { Icon } from 'astro-icon/components';
-import { Image } from 'astro:assets';
 import * as about from '../pages/about/about.md';
-import profile from '../images/profile.png';
 ---
 
 <header class="mx-auto pt-12 pb-2 relative">
@@ -12,10 +10,10 @@ import profile from '../images/profile.png';
     <div
       class="flex-shrink-0 w-40 md:w-48 rounded-full shadow-sm overflow-hidden"
     >
-      <Image
+      <img
         alt="avatar"
         loading="eager"
-        src={profile}
+        src="/profile.webp"
         class="grayscale-[50] hover:grayscale-0 transition-all duration-300 ease-in"
       />
     </div>