Feat/add bulma (#1)

* remove fixture for task and steps

* install bulma

* convert to scss files

* reset and implement first style classes

* design task form

* design task view

* design step record

* 💄 (home) new task and reset styling

* fix step title height

* add a record progress

* ♻️ (record) extract record controls

* ♿️ (record) add text for progress

* 💄 (step record) fix blob size

* ♻️ (record) no more getters who do an action too

src/modules/record/hooks/useTaskRecordMetadata.ts

@@ -2,7 +2,9 @@ import { formatDiffInMinutes } from '@/shared/format-date'
 import { computed, isRef, type Ref } from 'vue'
 import type { TaskRecord } from '../models/task-record'
 
-export const useTaskRecordMetadata = (record: TaskRecord | Ref<TaskRecord>) => {
+export const useTaskRecordMetadata = (
+  record: TaskRecord | Ref<TaskRecord | null>
+) => {
   const duration = computed(() => {
     const recordValue = isRef(record) ? record.value : record
     if (!recordValue?.end) {