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/task/components/StepInput.vue

@@ -29,15 +29,18 @@ const stepsTextarea = computed({
 </script>
 
 <template>
-  <div class="step-input">
-    <label for="steps">steps</label>
-    <textarea
-      id="steps"
-      name="steps"
-      v-model="stepsTextarea"
-      cols="40"
-      rows="20"
-    ></textarea>
+  <div class="step-input field">
+    <label class="label" for="steps">steps</label>
+    <div class="control">
+      <textarea
+        id="steps"
+        name="steps"
+        v-model="stepsTextarea"
+        rows="15"
+        class="textarea"
+        placeholder="- [step] | <minutes you estimate it will take>"
+      ></textarea>
+    </div>
   </div>
 </template>