fix: replace span with button (a11y) (#10763)

* fix(site): console line button a11y fixup

* make log.label part of button

sites/svelte-5-preview/src/lib/Output/console/ConsoleLine.svelte

@@ -15,26 +15,18 @@
 	<ConsoleTable data={log.args[0]} columns={log.args[1]} />
 {/if}
 
-<button
+<span class="log console-{log.level}" style="padding-left: {level * 15}px">
-	class="log console-{log.level}"
-	style="padding-left: {level * 15}px"
-	on:click={log.level === 'group' ? toggle_group_collapse : undefined}
->
 	{#if log.count && log.count > 1}
 		<span class="count">{log.count}x</span>
 	{/if}
 
-	{#if log.level === 'trace' || log.level === 'assert'}
+	{#if log.level === 'trace' || log.level === 'assert' || log.level === 'group'}
-		<span
+		<button on:click={toggle_group_collapse}>
-			class="arrow"
+			<span class="arrow" class:expand={!log.collapsed}> ▶️ </span>
-			role="button"
+			{#if log.level === 'group'}
-			tabindex="0"
+				<span class="title">{log.label}</span>
-			class:expand={!log.collapsed}
+			{/if}
-			on:keyup={toggle_group_collapse}
+		</button>
-			on:click={toggle_group_collapse}
-		>
-			▶
-		</span>
 	{/if}
 
 	{#if log.level === 'assert'}
@@ -45,9 +37,6 @@
 		<span class="info">Console was cleared</span>
 	{:else if log.level === 'unclonable'}
 		<span class="info error">Message could not be cloned. Open devtools to see it</span>
-	{:else if log.level === 'group'}
-		<div class="arrow" class:expand={!log.collapsed}>▶</div>
-		<span class="title">{log.label}</span>
 	{:else if log.level.startsWith('system')}
 		{#each log.args ?? [] as arg}
 			{arg}
@@ -62,7 +51,7 @@
 	{#each new Array(level - 1) as _, idx}
 		<div class="outline" style="left: {idx * 15 + 15}px" />
 	{/each}
-</button>
+</span>
 
 {#if log.level === 'group' && !log.collapsed}
 	{#each log.logs ?? [] as childLog}