chore: updated props in badge component

Signed-off-by: Evzen Gasta <[email protected]>

Author: gastoner

packages/frontend/src/lib/Badge.svelte

@@ -5,14 +5,14 @@ import Fa from 'svelte-fa';
 interface Props {
   icon: IconDefinition;
   content: string;
-  background?: string;
+  class?: string;
 }
 
-let { icon, content, background = 'bg-[var(--pd-label-bg)]' }: Props = $props();
+let { icon, content, class: classes = 'bg-[var(--pd-label-bg)]' }: Props = $props();
 </script>
 
 <div
-  class="{background} rounded-md px-2 py-1 flex flex-row w-min h-min text-[var(--pd-label-text)] text-nowrap items-center text-sm">
+  class="{classes} rounded-md px-2 py-1 flex flex-row w-min h-min text-[var(--pd-label-text)] text-nowrap items-center text-sm">
   {#if icon}
     <Fa class="mr-2" icon={icon} />
   {/if}