feat: make footer logos configurable (done)

Author: yixuanwu4

apps/frontend/.env

@@ -1,4 +1,4 @@
 VITE_API_URL=http://localhost:3000
 VITE_THEME_COLOR=quassel
 VITE_TITLE=Quassel
-VITE_LOGOS=
+VITE_LOGOS='[{"path": "/logos/uzh-logo.svg", "alt": "University of Zurich Logo", "url": "https://uzh.ch"}, {"path": "/logos/weltentdecker-logo.png", "alt": "Kleine Weltentdecker Logo", "url": "https://www.psychologie.uzh.ch/de/bereiche/dev/devpsy/Weltentdecker.html"}]'

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

@@ -34,6 +34,8 @@ const messages = i18n("RootRoute", {
   title: "Home",
 });
 
+const logos = JSON.parse(C.env.logos);
+
 function Root() {
   const n = useNavigate();
   const sessionStore = useStore($session);
@@ -103,7 +105,7 @@ function Root() {
 
         <AppShell.Footer>
           <Group justify="space-between">
-            <FooterLogos />
+            <FooterLogos logos={logos} />
             Version {version}
           </Group>
         </AppShell.Footer>

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

@@ -1,16 +1,23 @@
 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 = {
+  path: string;
+  alt: string;
+  url: string;
+};
+
+type Props = {
+  logos: LogoItem[];
+};
+
+export function FooterLogos({ logos }: Props) {
   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) => (
+        <a href={logo.url} key={logo.path}>
+          <img src={logo.path} alt={logo.alt} height={50} />
+        </a>
+      ))}
     </Group>
   );
 }