feat(database): refine weapon registry cards

src/lib/components/ItemIconRail.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import ItemIcon from './ItemIcon.svelte';
+	import DatabaseFacts from './DatabaseFacts.svelte';
 	import type { DatabaseRelatedItem } from '$lib/database/items';
 
 	let {
@@ -38,7 +39,7 @@
 					<div><small>{selected.preview.kicker}</small><h2>{selected.preview.name}</h2></div>
 				</header>
 				{#if selected.preview.badges?.length}<div class="database-item-badges">{#each selected.preview.badges as badge}<span class={badge.tone ?? ''}>{badge.label}</span>{/each}</div>{/if}
-				<div class:stacked={selected.preview.factLayout === 'stack'} class="database-item-facts">{#each selected.preview.facts as fact}<div><span>{fact.label}</span><b>{fact.value}</b></div>{/each}</div>
+				<DatabaseFacts facts={selected.preview.facts} layout={selected.preview.factLayout}/>
 				{#if selected.preview.lines?.length}<div class="database-item-lines">{#each selected.preview.lines as line}<div><span>{line.label}</span><b>{line.value}</b></div>{/each}</div>{/if}
 				{#if selected.preview.description}<p>{selected.preview.description}</p>{/if}
 				{#if selected.preview.secondaryDescription}<p class="secondary-description">{selected.preview.secondaryDescription}</p>{/if}