feat(ui): update branding assets and switch logo to webp format

- Add new webp logo and favicon assets
- Replace svg logo references with webp across layouts and pages
- Add favicon.ico and favicon.webp for browser compatibility
- Update BaseLayout to include favicon link

Signed-off-by: Alexander Lyall <alex@adcm.uk>

src/pages/about.astro

@@ -6,7 +6,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
   <article style="max-width: 1100px; margin: 0 auto; width: 100%;">
     
     <div style="text-align: center; margin-bottom: 60px;">
-        <img src="/images/computing-box-logo.svg" alt="Computing:Box Logo" style="width: 250px; border-radius: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.5);" />
+        <img src="/images/computing-box-logo.webp" alt="Computing:Box Logo" style="width: 250px; border-radius: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.5);" />
         <h1 class="brandName" style="font-size: 42px; margin-top: 20px; color: var(--text);">The New Computing:Box Experience</h1>
     </div>
 

src/pages/index.astro

@@ -17,7 +17,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
     </div>
     
     <div style="flex: 1; text-align: right;">
-      <img src="/images/computing-box-logo.svg" alt="Computing Box Logo" style="width: 100%; max-width: 450px; filter: drop-shadow(0 0 50px rgba(40, 240, 122, 0.15));" />
+      <img src="/images/computing-box-logo.webp" alt="Computing Box Logo" style="width: 100%; max-width: 450px; filter: drop-shadow(0 0 50px rgba(40, 240, 122, 0.15));" />
     </div>
   </div>
 </BaseLayout>