IndexedDB migration: add a blurb about backing up, and move around messaging

src/views/DatabaseMigration.vue

@@ -8,15 +8,10 @@
           Compare and migrate data between Dexie (IndexedDB) and SQLite
           databases
         </p>
-      </div>
-
-      <div class="mt-4">
-        <a
-          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-          href="/"
-        >
-          Take me back to the home page
-        </a>
+        <p class="mt-2 text-gray-600">
+          First, we recommend you hit these first two buttons to get your backups, just in case!
+          If anything doesn't look right when you're done, Trent will help with... anything and everything. 😁
+        </p>
       </div>
 
       <!-- Migration Options -->
@@ -276,10 +271,19 @@
         </button>
       </div>
 
+      <div class="mt-4">
+        <a
+          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
+          href="/"
+        >
+          Take me back to the home page
+        </a>
+      </div>
+
       <!-- Migration Information -->
       <div
         v-if="comparison"
-        class="mb-6 bg-blue-50 border border-blue-200 rounded-lg p-4"
+        class="mt-2 mb-6 bg-blue-50 border border-blue-200 rounded-lg p-4"
       >
         <div class="flex">
           <div class="flex-shrink-0">