Replace SVGs with Phosphoricons

public/content/clock.svg

-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 7V12L9.5 13.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
\ No newline at end of file

public/content/location-pin.svg

-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 21C15.5 17.4 19 14.1764 19 10.2C19 6.22355 15.866 3 12 3C8.13401 3 5 6.22355 5 10.2C5 14.1764 8.5 17.4 12 21Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
\ No newline at end of file

src/panels/Gremium/GremiumPanel.tsx

@@ -3,6 +3,7 @@ import PanelWrapper from "../../meta/PanelWrapper";
 import PanelContent from "../../meta/PanelContent";
 import PanelTitle from '../../meta/PanelTitle'
 import QRCode from "react-qr-code";
+import { Clock, MapPin } from '@phosphor-icons/react'
 
 export type GremiumPanelDefinition = {
 }
@@ -21,21 +22,21 @@ const gremien: Gremium[] = [
         description: "Fachschaftsrat",
         link: "https://oh14.de/fsr",
         time: "Mittwoch, 12:15 Uhr",
-        location: "Chaos-Zentrum-Informatik (OH14, E39)"
+        location: "Chaos-Zentrum-Informatik (OH14 - E39)"
     },
     {
         name: "FOSS-AG",
         description: "Free and Open Source Software - AG",
         link: "https://foss-ag.de/",
         time: "Montag, 18:00 Uhr",
-        location: "Chaos-Zentrum-Informatik (OH14, E39)"
+        location: "Chaos-Zentrum-Informatik (OH14 - E39)"
     },
     {
         name: "CyberSec-AG",
         description: "Cybersecurity - AG",
         link: "https://oh14.de/cybersec",
         time: "Donnerstag, 18:00 Uhr",
-        location: "Chaos-Zentrum-Informatik (OH14, E39)"
+        location: "Chaos-Zentrum-Informatik (OH14 - E39)"
     }
 ]
 
@@ -69,11 +70,11 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => {
                     <div className={"absolute bottom-0"}>
                         <p>{gremium.description}</p>
                         <p className={"text-sm text-gray-400"}>
-                            <img className={"inline h-5 mr-2"} src={"/content/clock.svg"}  alt={""}/>
+                            <Clock size={20} className={"inline mb-1.5 mr-1"}/>
                             {gremium.time}
                         </p>
                         <p className={"text-sm text-gray-400"}>
-                            <img className={"inline h-5 mr-2"} src={"/content/location-pin.svg"}  alt={""}/>
+                            <MapPin size={20} className={"inline mb-1.5 mr-1"}/>
                             {gremium.location}
                         </p>
                     </div>