added labs logo

Author: gecBurton

frontend/public/server-logos/colour/labs.svg

@@ -25,7 +25,7 @@ const caddyUrl = (() => {
 
     <div class="border-b-1 border-border-grey cursor-pointer flex gap-1 items-center justify-between px-1 py-3 w-60 z-20 md:px-2">
       <div class="flex gap-1 items-center">
-        <img class="relative w-5 z-10 md:w-7" height="35" width="35" src="/server-logos/colour/govai.png" alt={ productName.toString() } />
+        <img class="relative w-5 z-10 md:w-7" height="35" width="35" src="/server-logos/colour/labs.svg" alt={ productName.toString() } />
         <span class="font-bold text-xl" aria-hidden="true">{ productName }</span>
       </div>
       <button class="sidepanel__toggle absolute bg-background-grey flex h-6 items-center justify-center right-[-3px] transition-transform w-6 aria-pressed:right-0 aria-pressed:rotate-180 [.ready>&]:motion-safe:duration-500 focus:outline-transparent focus-visible:outline-pink" id="sidepanel__toggle" aria-pressed="false">

frontend/src/components/SidePanel.astro

@@ -1,7 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import LitWrapper from '../components/lit-wrapper.astro';
-import LogoAnimation from '../components/LogoAnimation.astro';
 import type { Message } from '../logic/ai3.ts';
 import { getMcpServers } from '../logic/get-servers.ts';
 import { getChat } from '../logic/database';
@@ -37,10 +36,7 @@ const singleServer = mcpServers.find((server) => server.name.toLowerCase() === s
       <div class="pt-7 text-center">
         <span class="bg-pink flex h-16 items-center justify-center mx-auto relative rounded-full text-white text-3xl w-16" aria-hidden="true">
           <span>{ singleServer?.name[0].toUpperCase() }</span>
-          <img class="absolute inset-0 mx-auto" src={ '/server-logos/colour/' + (singleServer?.name.toLowerCase().replaceAll(' ', '_') || 'govai') + '.png' } alt="" />
-          { !singleServer &&
-            <LogoAnimation></LogoAnimation>
-          }
+          <img class="absolute inset-0 mx-auto" src={ '/server-logos/colour/labs.svg' } alt="" />
         </span>
         <h1 class="font-bold mx-auto pt-2 text-5xl">Welcome to <span class="text-pink">{ singleServer ? singleServer.name : 'The Lab' }</span></h1>
         <p class="govuk-body mb-7! mt-3!" set:html={ singleServer? singleServer.description : 'Test, compare and explore AI models in one place' }></p>
@@ -256,7 +252,7 @@ const singleServer = mcpServers.find((server) => server.name.toLowerCase() === s
     position: relative;
   }
   .message-box--llm::before {
-    background: url('/server-logos/colour/govai.png') no-repeat center/contain;
+    background: url('/server-logos/colour/labs.svg') no-repeat center/contain;
     border-radius: 100%;
     content: '';
     height: 2rem;