Feat/initial plan (#6)

* chore: upgrade libs

* fix outdated tests

* init edit steps form

* tasks have now initialPlan

* simpler to directly have an history and put initialPlan and steps has getters

* consistent test script names

* display initial plan to task view

* display initial if only it exists (next when only it changes

* display initial plan only if it chanegd

src/modules/record/components/RecordStepTable.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import type { Stepable } from '@/modules/task/interfaces/stepable'
+import StepRecord from '@/modules/record/components/StepRecord.vue'
+
+defineProps<{
+  id: string
+  steps: Stepable[]
+}>()
+</script>
+
+<template>
+  <table class="table record-step-table is-striped is-hoverable">
+    <thead>
+      <tr>
+        <th>#</th>
+        <th>status</th>
+        <th>task</th>
+        <th>estimation</th>
+        <th>actual</th>
+      </tr>
+    </thead>
+    <tbody>
+      <step-record
+        v-for="(step, key) in steps"
+        :task-id="id"
+        :key="step.id"
+        :step-id="step.id"
+        :step-number="key + 1"
+      />
+    </tbody>
+  </table>
+</template>
+
+<style scoped lang="scss">
+.record-step-table {
+  .step-item {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    justify-content: space-between;
+    max-width: 600px;
+  }
+}
+</style>