feat(database): refine weapon registry cards

src/lib/components/DatabaseItemCard.svelte

@@ -2,6 +2,7 @@
 	import GameIcon from './GameIcon.svelte';
 	import ItemIcon from './ItemIcon.svelte';
 	import ItemIconRail from './ItemIconRail.svelte';
+	import DatabaseFacts from './DatabaseFacts.svelte';
 	import type { GameIconName } from '$lib/game-icons';
 	import type { DatabaseItem } from '$lib/database/items';
 
@@ -17,12 +18,19 @@
 		<div class="database-item-icon">
 			{#if item.gameIcon}<GameIcon name={item.gameIcon} decorative/>{:else}<ItemIcon src={item.iconUrl} alt=""/>{/if}
 		</div>
-		<div><small>{item.kicker}</small><h2>{item.name}</h2></div>
+		<div class="database-item-identity">
+			<small>{item.kicker}</small>
+			<h2>{item.name}</h2>
+		</div>
+		{#if item.headerBadge || item.headerMetaIcon}
+			<div class="database-header-status">
+				{#if item.headerMetaIcon}<GameIcon name={item.headerMetaIcon}/>{/if}
+				{#if item.headerBadge}<span class="database-header-badge">{item.headerBadge}</span>{/if}
+			</div>
+		{/if}
 	</header>
 	{#if item.badges?.length}<div class="database-item-badges">{#each item.badges as badge}<span class={badge.tone ?? ''}>{badge.label}</span>{/each}</div>{/if}
-	<div class:stacked={item.factLayout === 'stack'} class="database-item-facts">
-		{#each item.facts as fact}<div><span>{fact.label}</span><b>{fact.value}</b></div>{/each}
-	</div>
+	<DatabaseFacts facts={item.facts} layout={item.factLayout}/>
 	{#if item.lines?.length}
 		<div class="database-item-lines">{#each item.lines as line}<div><span>{line.label}</span><b>{line.value}</b></div>{/each}</div>
 	{/if}