ui: Use logos from challenge.info

frontend/ui/src/components/HeaderPartners.svelte

@@ -4,28 +4,15 @@
      CarouselItem,
  } from 'sveltestrap';
 
- let partners = [
-     {
-         img: 'img/epita.png',
-         alt: 'Epita',
-         href: 'https://www.epita.fr/',
-     },
-     {
-         img: 'img/srs.png',
-         alt: 'Laboratoire SRS Épita',
-         href: 'https://srs.epita.fr/',
-     },
-     {
-         img: 'img/comcyber.png',
-         alt: 'Réserves de cyberdéfense',
-     },
- ];
+ import { challengeInfo } from '../stores/challengeinfo.js';
+
  let activePartner = 0;
 </script>
 
-<Carousel items={partners} bind:activeIndex={activePartner} ride="carousel" pause="hover" interval={25000}>
+{#if $challengeInfo && $challengeInfo.partners}
+<Carousel items={$challengeInfo.partners} bind:activeIndex={activePartner} ride="carousel" pause="hover" interval={25000}>
     <div class="carousel-inner h-100">
-        {#each partners as partner, index}
+        {#each $challengeInfo.partners as partner, index}
             <CarouselItem bind:activeIndex={activePartner} itemIndex={index} class="h-100 text-end">
                 {#if partner.href}
                     <a href="{partner.href}" target="_blank" class="h-100">
@@ -38,3 +25,4 @@
         {/each}
     </div>
 </Carousel>
+{/if}