fix(friends.astro): 🐛 move my own button to using <img /> again over Astro's <Image />

I forgot that I enabled processing of images from my own website so it caused it to get processed and optimised which is not what I want. moved to using the basic code for my image as that is all that is needed

.vscode/settings.json

@@ -3,6 +3,7 @@
         "FriendLink.astro",
         "astro.config.mjs",
         ".vscode",
-        "NavHeader.astro"
+        "NavHeader.astro",
+        "friends.astro"
     ]
 }

src/pages/friends.astro

@@ -84,11 +84,12 @@ const pageTitle = "Aria's friends";
     <Partition>
         <h2>My badge:</h2>
         <div class="flex w-fit h-fit" style="background-color: #FFFCBC;">
-            <FriendLink
+            <a href="https://aria.coffee/" target="_blank">
-                name="Aria"
+                <img
-                image="https://aria.coffee/static/img/buttons/aria.gif"
+                    alt="Aria"
-                target="https://aria.coffee"
+                    src="https://aria.coffee/static/img/buttons/aria.gif"
-            />
+                />
+            </a>
         </div>
         <br />
         <p>Code:</p>
@@ -99,7 +100,8 @@ const pageTitle = "Aria's friends";
             rows="2"
             class="rounded backdrop-brightness-0 language-html"
             style="background-color: black;"
-            >&lt;img src="https://aria.coffee/static/img/buttons/aria.gif" alt="Aria" style="image-rendering: pixelated;" /&gt;</textarea
+            >&lt;img src="https://aria.coffee/static/img/buttons/aria.gif"
+            alt="Aria" style="image-rendering: pixelated;" /&gt;</textarea
         >
         <link
             href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css"