stashing code

apps/frontend/src/lib/components/atoms/rating-counter.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import IconStar from "~icons/solar/star-broken";
+	import Icon from "./icon.svelte";
+
+	let { rating }: { rating: number } = $props();
+</script>
+
+<div class="flex items-center gap-2">
+	<p class="text-xl font-medium tracking-wide text-brand-100">{rating}</p>
+	<Icon icon={IconStar} cls="w-auto h-8 text-amber-300" />
+</div>