fix: wire response + init error handling

components/app/Announcement.vue

@@ -1,44 +1,59 @@
 <template>
-  <div class="flex bg-primary border-b border-dividerLight">
-    <SmartLink
-      to="https://forms.gle/8yFiEynXB7h477Ns6"
-      blank
-      class="
-        relative
-        flex
-        items-center
-        justify-center
-        px-4
-        py-3
-        transition
-        group
-      "
-    >
-      <i class="material-icons mr-4">science</i>
-      <span class="text-secondaryDark text-xs">
-        <span class="md:hidden"> Beta Layout </span>
-        <span class="hidden md:inline">
-          You're currently viewing experimental beta layout
-        </span>
-      </span>
-      <span
+  <div class="flex bg-primary border-b justify-between border-dividerLight">
+    <span class="flex">
+      <SmartLink
+        to="https://forms.gle/8yFiEynXB7h477Ns6"
+        blank
         class="
+          relative
           flex
           items-center
           justify-center
-          pl-4
-          ml-4
-          font-semibold
+          px-4
+          py-3
           transition
-          border-l
-          group-hover:text-accentDark
-          border-divider
-          text-accent text-xs
+          group
         "
       >
-        <span class="md:hidden"> Give Feedback </span>
-        <span class="hidden md:inline"> Report a problem </span>
-      </span>
-    </SmartLink>
+        <i class="material-icons mr-4">science</i>
+        <span class="text-secondaryDark text-xs">
+          <span class="md:hidden"> Beta Layout </span>
+          <span class="hidden md:inline">
+            You're currently viewing an experimental beta layout
+          </span>
+        </span>
+        <span
+          class="
+            flex
+            items-center
+            justify-center
+            pl-4
+            ml-4
+            font-semibold
+            transition
+            border-l
+            group-hover:text-accentDark
+            border-divider
+            text-accent text-xs
+          "
+        >
+          <span class="md:hidden"> Give Feedback </span>
+          <span class="hidden md:inline"> Report a problem </span>
+        </span>
+      </SmartLink>
+      <SmartLink
+        to="https://hoppscotch.io"
+        class="flex items-center justify-center transition group"
+      >
+        <span class="text-secondaryDark text-xs">
+          Switch back to the Hoppscotch website
+        </span>
+      </SmartLink>
+    </span>
+    <ButtonSecondary
+      v-tippy="{ theme: 'tooltip' }"
+      icon="close"
+      :title="$t('close')"
+    />
   </div>
 </template>