fix: emit no badge markup when no badge is ticked

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

resources/views/components/product/badges.blade.php

@@ -5,7 +5,7 @@
 @endphp
 
 @if($ticked->isNotEmpty())
-    <div class="flex flex-wrap items-center gap-1.5">
+    <div {{ $attributes->merge(['class' => 'flex flex-wrap items-center gap-1.5']) }}>
         @foreach($ticked as $key => $label)
             <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-primary-100 dark:bg-primary-900 text-primary-800 dark:text-primary-200">
                 {{ $label }}

resources/views/components/product/card.blade.php

@@ -38,9 +38,7 @@
         </p>
 
         <!-- Badges -->
-        <div class="mb-3 empty:hidden">
-            <x-product.badges :product="$product" />
-        </div>
+        <x-product.badges :product="$product" class="mb-3" />
 
         <!-- Meta Information -->
         <div class="flex items-center justify-between text-xs text-gray-500 dark:text-gray-400">