feat: add paste hint on homescreen

Inform users they can paste a list of items to create a new task.

src/views/HomeView.vue

@@ -27,7 +27,10 @@ const handlePaste = (event: ClipboardEvent) => {
     return
   }
 
-  router.push({ name: 'new-task', state: { initialSteps: JSON.stringify(steps) } })
+  router.push({
+    name: 'new-task',
+    state: { initialSteps: JSON.stringify(steps) }
+  })
 }
 
 onMounted(() => {
@@ -42,7 +45,8 @@ onUnmounted(() => {
 <template>
   <main>
     <div class="content-tasks columns is-centered is-vcentered">
-      <div class="new-task-container column buttons">
+      <div class="new-task-container column">
+        <div class="buttons">
           <router-link :to="{ name: 'new-task' }" class="button is-primary">
             new task
           </router-link>
@@ -50,6 +54,12 @@ onUnmounted(() => {
             clear the list
           </button>
         </div>
+        <section class="message is-info paste-hint">
+          <div class="message-body">
+            Paste a list of items to directly create a new task
+          </div>
+        </section>
+      </div>
       <task-list class="column task-list" />
     </div>
     <!--
@@ -87,6 +97,11 @@ main {
   align-items: center;
 }
 
+.paste-hint {
+  margin: 1rem;
+  text-align: center;
+}
+
 .task-list {
   max-height: 60vh;
   overflow-y: auto;