feat: refactor FooterLogos component to accept dynamic logo configuration and move the footer logo asset to public

Author: yixuanwu4

libs/ui/src/assets/uzh-logo.svg renamed to apps/frontend/public/uzh-logo.svg

@@ -102,7 +102,21 @@ function Root() {
 
         <AppShell.Footer>
           <Group justify="space-between">
-            <FooterLogos />
+            <FooterLogos
+              logos={[
+                {
+                  src: "../public/uzh-logo.svg",
+                  href: "https://uzh.ch",
+                  alt: "UZH Logo",
+                },
+                {
+                  src: "../public/weltentdecker-logo.png",
+                  href: "https://www.psychologie.uzh.ch/de/bereiche/dev/devpsy/Weltentdecker.html",
+                  alt: "Weltentdecker Logo",
+                  height: 50,
+                },
+              ]}
+            />
             Version {version}
           </Group>
         </AppShell.Footer>

libs/ui/src/assets/weltentdecker-logo.png renamed to apps/frontend/public/weltentdecker-logo.png

@@ -1,16 +1,24 @@
 import { Group } from "@mantine/core";
-import UZHLogo from "../assets/uzh-logo.svg?react";
-import WeltentdeckerLogo from "../assets/weltentdecker-logo.png";
 
-export function FooterLogos() {
+type LogoItem = {
+  src: string;
+  href: string;
+  alt: string;
+  height?: number;
+};
+
+type FooterLogosProps = {
+  logos: LogoItem[];
+};
+
+export function FooterLogos({ logos }: FooterLogosProps) {
   return (
     <Group>
-      <a href="https://uzh.ch">
-        <UZHLogo />
-      </a>
-      <a href="https://www.psychologie.uzh.ch/de/bereiche/dev/devpsy/Weltentdecker.html">
-        <img src={WeltentdeckerLogo} height={50} />
-      </a>
+      {logos.map((logo, index) => (
+        <a key={index} href={logo.href}>
+          <img src={logo.src} alt={logo.alt} height={logo.height || 50} />
+        </a>
+      ))}
     </Group>
   );
 }