fix(news): resolve null destructuring type errors in article page

.catch(() => null) unioned the query result with null, so destructuring
the first row failed typecheck (TS2488). Return an empty array on failure
instead and drop unused connection/desc imports.

src/app/(site)/news/[...slug]/page.tsx

@@ -1,5 +1,4 @@
-import { connection } from "next/server";
+import { and, asc, eq, inArray } from "drizzle-orm";
-import { and, asc, desc, eq, inArray } from "drizzle-orm";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
@@ -26,7 +25,6 @@ import { sanitize } from "@/lib/sanitize";
 // See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
 export const instant = false;
 
-
 type SearchParams = Promise<{
 	comment?: string;
 	reaction?: string;
@@ -64,7 +62,7 @@ export async function generateMetadata({
 		.from(WebsiteArticles)
 		.where(eq(WebsiteArticles.slug, slug))
 		.limit(1)
-		.catch(() => null);
+		.catch(() => []);
 	if (!article) return { title: "Article" };
 	return {
 		title: article.title,
@@ -116,7 +114,7 @@ export default async function ArticlePage({
 				.from(WebsiteArticles)
 				.where(eq(WebsiteArticles.slug, slug))
 				.limit(1)
-				.catch(() => null);
+				.catch(() => []);
 			return row ?? null;
 		},
 		60,
@@ -231,11 +229,11 @@ export default async function ArticlePage({
 			>
 				{article.image ? (
 					// eslint-disable-next-line @next/next/no-img-element
-					(<img
+					<img
 						src={article.image}
 						alt=""
 						style={{ width: "100%", borderRadius: 10, margin: "0 0 1rem" }}
-					/>)
+					/>
 				) : null}
 				{/* Article body is rich HTML (atom uses TinyMCE) — sanitised server-side. */}
 				<SanitizedHtml