fix: migrate ConsoleLine to svelte 5 to show the right count for duplicate logs (#1434)

* fix: migrate `ConsoleLine` to svelte 5 to show the right count for duplicate logs

* chore: make log normal prop

Co-authored-by: Rich Harris <rich.harris@vercel.com>

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>

Author: paoloricciuti

packages/repl/src/lib/Output/console/ConsoleLine.svelte

@@ -1,10 +1,15 @@
 <script lang="ts">
+	import ConsoleLine from './ConsoleLine.svelte';
 	import JSONNode from '@sveltejs/svelte-json-tree';
 	import ConsoleTable from './ConsoleTable.svelte';
 	import type { Log } from './Log.svelte';
 
-	export let log: Log;
-	export let depth = 0;
+	interface Props {
+		log: Log;
+		depth?: number;
+	}
+
+	let { log, depth = 0 }: Props = $props();
 
 	function toggle_group_collapse() {
 		log.collapsed = !log.collapsed;
@@ -182,7 +187,7 @@
 
 {#if log.command === 'group' && !log.collapsed}
 	{#each log.logs ?? [] as childLog}
-		<svelte:self log={childLog} depth={depth + 1} />
+		<ConsoleLine log={childLog} depth={depth + 1} />
 	{/each}
 {/if}