chore: split app to commons and web (squash commit)

packages/hoppscotch-common/src/components/app/Announcement.vue

@@ -0,0 +1,22 @@
+<template>
+  <div
+    class="relative flex items-center px-4 py-2 transition bg-error text-tiny group"
+    role="alert"
+  >
+    <icon-lucide-info class="mr-2" />
+    <span class="text-secondaryDark">
+      <span class="md:hidden">
+        {{ t("helpers.offline_short") }}
+      </span>
+      <span class="<md:hidden">
+        {{ t("helpers.offline") }}
+      </span>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from "~/composables/i18n"
+
+const t = useI18n()
+</script>