fix: actions display on timeline

src/lib/components/Action.svelte

@@ -1,15 +1,13 @@
 <script lang="ts">
-	import type { ActionData } from '$lib/types';
+	import type { AutoActionData } from '$lib/types';
 
-	let { action = $bindable(), deleteself }: { action: ActionData; deleteself: () => void } =
-		$props();
+	let {
+		action_data = $bindable(),
+		deleteself
+	}: { action_data: AutoActionData; deleteself: () => void } = $props();
 
-	let actionBorderColor = $derived(
-		action.result === 'success' ? 'border-cresc_green' : 'border-fail_red'
-	);
-	let actionBackgroundColor = $derived(
-		action.result === 'success' ? 'bg-cresc_green' : 'bg-fail_red'
-	);
+	//let actionBorderColor = $derived(action.success ? 'border-cresc_green' : 'border-fail_red');
+	let actionBackgroundColor = $derived(action_data.success ? 'bg-cresc_green' : 'bg-fail_red');
 </script>
 
 <!-- <button -->
@@ -23,5 +21,5 @@
 	class="{actionBackgroundColor} w-full p-1 rounded border-2 border-outline_gray text-text_white"
 	onclick={deleteself}
 >
-	{action.type}
+	{action_data.action}
 </button>

src/lib/components/Timeline.svelte

@@ -8,7 +8,7 @@
 
 {#each actions as _, i}
 	<Action
-		bind:action={actions[i]}
+		action_data={actions[i]}
 		deleteself={() => {
 			actions.splice(actions.indexOf(actions[i]), 1);
 		}}

src/routes/scout/+page.svelte

@@ -11,7 +11,6 @@
 
 	let actions: AutoActionData[] = $state([]);
 	let timelineExtended = $state(false);
-	let latestActions: AutoActionData[] = $state([]);
 
 	const match: TeamMatch = $state({
 		id: 0,
@@ -31,7 +30,7 @@
 	<h1 class="row-span-1 text-center font-bold pb-2 h-5">Team {team_key}</h1>
 	{#if timelineExtended}
 		<div class="row-span-8">
-			<Timeline bind:actions={latestActions} />
+			<Timeline bind:actions />
 		</div>
 		<button
 			class="row-span-1 bg-btn_grey h-10 w-80 p-1 rounded border-2 border-outline_gray static"