feat: restored TopMessage

- Added back TopMessage tag, placed inside #Content for better positioning
- Styled TopMessage for better visibility

src/components/TopMessage.vue

@@ -1,16 +1,9 @@
 <template>
   <div
-    class="absolute right-5 top-[max(0.75rem,env(safe-area-inset-top),var(--safe-area-inset-top,0px))]"
+    v-if="message"
+    class="-mt-6 bg-rose-100 border border-t-0 border-dashed border-rose-600 text-rose-900 text-sm text-center font-semibold rounded-b-md px-3 py-2 mb-3"
   >
-    <span class="align-center text-red-500 mr-2">{{ message }}</span>
-    <span class="ml-2">
-      <router-link
-        :to="{ name: 'help' }"
-        class="text-xs uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md ml-1"
-      >
-        Help
-      </router-link>
-    </span>
+    {{ message }}
   </div>
 </template>
 

src/views/AccountViewView.vue

@@ -8,6 +8,8 @@
     role="main"
     aria-label="Account Profile"
   >
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-8">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">

src/views/ConfirmGiftView.vue

@@ -1,6 +1,8 @@
 <template>
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/ContactEditView.vue

@@ -1,5 +1,7 @@
 <template>
   <section id="ContactEdit" class="p-6 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/ContactsView.vue

@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">

src/views/DIDView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/DiscoverView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">Discover</h1>

src/views/GiftedDetailsView.vue

@@ -1,6 +1,8 @@
 <template>
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <div class="mb-8">
       <!-- Sub View Heading -->
       <div id="SubViewHeading" class="flex gap-4 items-start mb-4">

src/views/HomeView.vue

@@ -13,6 +13,8 @@ Raymer * @version 1.0.0 */
     class="p-6 pb-24 max-w-3xl mx-auto"
     :data-active-did="activeDid"
   >
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">

src/views/InviteOneView.vue

@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/LogView.vue

@@ -4,6 +4,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">Logs</h1>

src/views/OfferDetailsView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/OnboardMeetingListView.vue

@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/OnboardMeetingMembersView.vue

@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/OnboardMeetingSetupView.vue

@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/ProjectViewView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <div class="mb-4">
       <!-- Sub View Heading -->
       <div id="SubViewHeading" class="flex gap-4 items-start mb-4">

src/views/ProjectsView.vue

@@ -2,6 +2,8 @@
   <QuickNav selected="Projects" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">

src/views/QuickActionBvcBeginView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/QuickActionBvcEndView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/QuickActionBvcView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/ShareMyContactInfoView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-2 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">

src/views/UserProfileView.vue

@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">