apply Links for account links

frontend/src/components/Status/index.tsx

@@ -31,9 +31,9 @@ export default component$((props: Props) => {
 						<Avatar primary={status.account} secondary={reblogger} />
 						<div class="flex-col ml-3">
 							<div>
-								<a class="no-underline" href={status.account.url}>
+								<Link class="no-underline" href={accountUrl}>
 									{status.account.display_name}
-								</a>
+								</Link>
 							</div>
 							<div class="text-wildebeest-500">@{status.account.username}</div>
 						</div>

frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx

@@ -55,13 +55,16 @@ export default component$(() => {
 })
 
 export const AccountCard = component$<{ status: MastodonStatus }>(({ status }) => {
+	const accountUrl = `/@${status.account.username}`
+
 	return (
 		<div class="flex">
 			<Avatar primary={status.account} secondary={null} />
 			<div class="flex flex-col">
 				<div class="p-1">
-					{/* TODO: this should either have an href or not being an `a` element (also consider using QwikCity's `Link` instead) */}
-					<a class="no-underline">{status.account.display_name}</a>
+					<Link href={accountUrl} class="no-underline">
+						{status.account.display_name}
+					</Link>
 				</div>
 				<div class="p-1 text-wildebeest-400">@{status.account.acct}</div>
 			</div>