avoid destructuring status loader value

resolves #191

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

@@ -44,7 +44,7 @@ export const statusLoader = loader$<
 export default component$(() => {
 	useStyles$(styles)
 
-	const { status, context } = statusLoader.use().value
+	const loaderData = statusLoader.use().value
 
 	return (
 		<>
@@ -57,15 +57,15 @@ export default component$(() => {
 				</div>
 			</StickyHeader>
 			<div class="bg-wildebeest-700 p-4">
-				<AccountCard status={status} />
-				<div class="leading-normal inner-html-content text-lg" dangerouslySetInnerHTML={status.content} />
+				<AccountCard status={loaderData.status} />
+				<div class="leading-normal inner-html-content text-lg" dangerouslySetInnerHTML={loaderData.status.content} />
 
-				<MediaGallery medias={status.media_attachments} />
+				<MediaGallery medias={loaderData.status.media_attachments} />
 
-				<InfoTray status={status} />
+				<InfoTray status={loaderData.status} />
 			</div>
 			<div>
-				{context.descendants.map((status) => {
+				{loaderData.context.descendants.map((status) => {
 					return <Status status={status} />
 				})}
 			</div>

ui-e2e-tests/invidivual-toot.spec.ts

@@ -18,3 +18,29 @@ test('Navigation to and view of an individual toot', async ({ page }) => {
 	})
 	await expect(tootContentLocator).toBeVisible()
 })
+
+test('Navigation to and view of a reply toot', async ({ page }) => {
+	await page.goto('http://127.0.0.1:8788/explore')
+
+	await page
+		.locator('article')
+		.filter({ hasText: 'Bethany Black' })
+		.filter({
+			hasText: 'We did it! *wipes tear from eye*',
+		})
+		.locator('i.fa-globe + span')
+		.click()
+
+	await page
+		.locator('article')
+		.filter({ hasText: 'Zach Weinersmith' })
+		.filter({
+			hasText: 'Yes we did!',
+		})
+		.locator('i.fa-globe + span')
+		.click()
+
+	await expect(page.getByRole('link', { name: 'Avatar of Zach Weinersmith' })).toBeVisible()
+	await expect(page.getByRole('link', { name: 'Zach Weinersmith', exact: true })).toBeVisible()
+	await expect(page.getByText('Yes we did!')).toBeVisible()
+})