fix: use drizzle

packages/web/src/routes/progress/+page.svelte

@@ -2,7 +2,13 @@
 	let { data } = $props();
 </script>
 
-<h1 class="font-bold text-xl text-center m-4">Tasks ({data.tasks.length})</h1>
+<div class="flex justify-center items-center">
+	<h1 class="font-bold text-xl text-center m-4">Tasks ({data.tasks.length})</h1>
+	<a href={'/progress/create'}>
+		<button class="px-4 py-2 rounded bg-green-500">Create</button>
+	</a>
+</div>
+
 <table>
 	<thead>
 		<tr>
@@ -15,9 +21,9 @@
 	<tbody>
 		{#each data.tasks as task}
 			<tr>
-				<td></td>
-				<td></td>
-				<td></td>
+				<td>{task.id}</td>
+				<td>{task.name}</td>
+				<td>{task.progress}</td>
 				<td><button>Delete</button></td>
 			</tr>
 		{/each}</tbody