catch more errors if something catastrophic happens to encrypted data

src/App.vue

@@ -309,6 +309,28 @@
               </div>
             </div>
           </div>
+
+          <div
+            v-else
+            class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
+          >
+            <div
+              class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
+            >
+              <div class="w-full px-6 py-6 text-slate-900 text-center">
+                <p class="text-lg mb-4">
+                  Something has gone very wrong. We'd appreciate if you'd
+                  contact us and let us know how you got here. Thank you!
+                </p>
+                <button
+                  @click="close(notification.id)"
+                  class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
+                >
+                  Close
+                </button>
+              </div>
+            </div>
+          </div>
         </div>
       </Notification>
     </div>