frontend/src/routes/(app)/dashboard/links/[id]/+page.server.ts

@@ -183,16 +183,6 @@ export const load = (async (event) => {
 
 	const page_title = 'Shortener | ' + shortener.link
 
-	const { breadcrumbs: parentBreadcrumbs } = await event.parent()
-
-	const breadcrumbs = [
-		...parentBreadcrumbs,
-		{
-			name: shortener.link,
-			path: '/dashboard/links/' + shortener.id,
-		},
-	]
-
 	return {
 		shortener,
 		visitor,
@@ -206,6 +196,5 @@ export const load = (async (event) => {
 		visitorByReferer,
 		last10Visitors,
 		page_title,
-		breadcrumbs,
 	}
 }) satisfies PageServerLoad

frontend/src/routes/(app)/dashboard/links/[id]/+page.svelte

@@ -2,7 +2,6 @@
 	import * as Table from '$lib/components/ui/table'
 	import * as Card from '$lib/components/ui/card'
 	import * as Tabs from '$lib/components/ui/tabs'
-	import { ScrollArea } from '$lib/components/ui/scroll-area'
 	import type { ApexOptions } from 'apexcharts'
 	import { mode } from 'mode-watcher'
 	import { onMount } from 'svelte'
@@ -108,7 +107,12 @@
 	})
 </script>
 
-<ScrollArea>
+<div
+	class="flex max-h-[80px] items-center justify-between border-b p-4">
+	<div class="text-xl font-bold">{data.shortener.link}</div>
+</div>
+
+<div class="overflow-y-scroll">
 	<div class="flex p-4">
 		<Card.Root class="w-[400px]">
 			<Card.Header>
@@ -511,4 +515,4 @@
 			</Card.Content>
 		</Card.Root>
 	</div>
-</ScrollArea>
+</div>