More page: render articles with ArticleListRow, bump preview cap to 5

Reuses the same tweet/telegram/article rendering each category page
uses instead of a bespoke title-only row, so the digest matches what
users see after clicking through.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014c1L8ghNBFjfiH64UMViP8

frontend/src/routes/more/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import { timeAgo, slugify } from '$lib/format';
+	import { slugify } from '$lib/format';
+	import ArticleListRow from '$lib/components/ArticleListRow.svelte';
 
 	let { data }: { data: PageData } = $props();
 </script>
@@ -14,12 +15,9 @@
 		{#if section.articles.length > 0}
 			<section class="cat-section">
 				<a class="cat-name" href={`/category/${slugify(section.category.name)}`}>{section.category.name}</a>
-				<div class="preview-list">
+				<div class="list">
 					{#each section.articles as article (article.id)}
-						<a class="preview-row" href={`/article/${article.id}`}>
+						<ArticleListRow {article} />
-							<span class="preview-title">{article.title}</span>
-							<span class="preview-time">{timeAgo(article.publishedAt)}</span>
-						</a>
 					{/each}
 				</div>
 			</section>
@@ -56,36 +54,7 @@
 	.cat-name:hover {
 		color: var(--text-accent);
 	}
-	.preview-list {
+	.list {
-		display: flex;
+		max-width: 720px;
-		flex-direction: column;
-	}
-	.preview-row {
-		display: flex;
-		align-items: baseline;
-		justify-content: space-between;
-		gap: 12px;
-		padding: 8px 0;
-		border-top: 0.5px solid var(--border);
-		color: inherit;
-	}
-	.preview-row:first-child {
-		border-top: none;
-	}
-	.preview-row:hover {
-		text-decoration: none;
-	}
-	.preview-row:hover .preview-title {
-		text-decoration: underline;
-	}
-	.preview-title {
-		font-size: 14px;
-		line-height: 1.4;
-	}
-	.preview-time {
-		font-size: 11px;
-		color: var(--text-muted);
-		white-space: nowrap;
-		flex-shrink: 0;
 	}
 </style>

frontend/src/routes/more/+page.ts

@@ -1,7 +1,7 @@
 import type { PageLoad } from './$types';
 import { getFeed } from '$lib/api';
 
-const PREVIEW_COUNT = 4;
+const PREVIEW_COUNT = 5;
 
 // The "More »" nav tab (see +layout.svelte) leads here — one section per spillover
 // category (see MergeTab.svelte's "More" toggle) with its few newest articles, the