Lib: Don't await graphics

src/lib/components/cards/DriverCard.svelte

@@ -147,33 +147,20 @@
   };
 </script>
 
-{#await data.graphics then graphics}
-  <Card
-    imgsrc={driver?.headshot_url ?? get_driver_headshot_template(graphics)}
+<Card
+  imgsrc={driver?.headshot_url ?? get_driver_headshot_template(data.graphics)}
   imgid="headshot_preview"
   width="w-full sm:w-auto"
   imgwidth={DRIVER_HEADSHOT_WIDTH}
   imgheight={DRIVER_HEADSHOT_HEIGHT}
   imgonclick={(event: Event) => modalStore.close()}
-  >
+>
   <div class="flex flex-col gap-2">
     <!-- Driver name input -->
-      <Input
-        bind:value={firstname_input_value}
-        autocomplete="off"
-        {labelwidth}
-        {disabled}
-        {required}
-      >
+    <Input bind:value={firstname_input_value} autocomplete="off" {labelwidth} {disabled} {required}>
       First Name
     </Input>
-      <Input
-        bind:value={lastname_input_value}
-        autocomplete="off"
-        {labelwidth}
-        {disabled}
-        {required}
-      >
+    <Input bind:value={lastname_input_value} autocomplete="off" {labelwidth} {disabled} {required}>
       Last Name
     </Input>
     <Input
@@ -235,5 +222,4 @@
       {/if}
     </div>
   </div>
-  </Card>
-{/await}
+</Card>

src/lib/components/cards/RaceCard.svelte

@@ -173,15 +173,14 @@
   };
 </script>
 
-{#await data.graphics then graphics}
-  <Card
-    imgsrc={race?.pictogram_url ?? get_race_pictogram_template(graphics)}
+<Card
+  imgsrc={race?.pictogram_url ?? get_race_pictogram_template(data.graphics)}
   imgid="pictogram_preview"
   width="w-full sm:w-auto"
   imgwidth={RACE_PICTOGRAM_WIDTH}
   imgheight={RACE_PICTOGRAM_HEIGHT}
   imgonclick={(event: Event) => modalStore.close()}
-  >
+>
   <div class="flex flex-col gap-2">
     <!-- Driver name input -->
     <Input bind:value={name_value} autocomplete="off" {labelwidth} {disabled} {required}>
@@ -269,12 +268,7 @@
 
     <!-- Save/Delete buttons -->
     <div class="flex justify-end gap-2">
-        <Button
-          onclick={clear_sprint}
-          color="secondary"
-          {disabled}
-          width={race ? "w-1/3" : "w-1/2"}
-        >
+      <Button onclick={clear_sprint} color="secondary" {disabled} width={race ? "w-1/3" : "w-1/2"}>
         Remove Sprint
       </Button>
       {#if race}
@@ -289,5 +283,4 @@
       {/if}
     </div>
   </div>
-  </Card>
-{/await}
+</Card>

src/lib/components/cards/TeamCard.svelte

@@ -176,15 +176,14 @@
   };
 </script>
 
-{#await data.graphics then graphics}
-  <Card
-    imgsrc={team?.banner_url ?? get_team_banner_template(graphics)}
+<Card
+  imgsrc={team?.banner_url ?? get_team_banner_template(data.graphics)}
   imgid="banner_preview"
   width="w-full sm:w-auto"
   imgwidth={TEAM_BANNER_WIDTH}
   imgheight={TEAM_BANNER_HEIGHT}
   imgonclick={(event: Event) => modalStore.close()}
-  >
+>
   <div class="flex flex-col gap-2">
     <!-- Team name input -->
     <Input bind:value={name_value} autocomplete="off" {labelwidth} {disabled} {required}>
@@ -233,7 +232,7 @@
         <div class="inline-flex flex-nowrap items-center gap-2">
           <span class="font-bold">Upload Logo</span>
           <LazyImage
-              src={team?.logo_url ?? get_team_logo_template(graphics)}
+            src={team?.logo_url ?? get_team_logo_template(data.graphics)}
             id="logo_preview"
             imgwidth={32}
             imgheight={32}
@@ -254,5 +253,4 @@
       {/if}
     </div>
   </div>
-  </Card>
-{/await}
+</Card>