fix(ui): Move announcements above endpoints search bar (#1210)

web/app/src/components/AnnouncementBanner.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="announcements && announcements.length" class="announcement-container mb-4">
+  <div v-if="announcements && announcements.length" class="announcement-container mb-6">
     <div 
       :class="[
         'rounded-lg border bg-card text-card-foreground shadow-sm transition-all duration-200',

web/app/src/views/Details.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="dashboard-container bg-background">
     <div class="container mx-auto px-4 py-8 max-w-7xl">
-      <div class="mb-8">
+      <div class="mb-6">
         <Button variant="ghost" class="mb-4" @click="goBack">
           <ArrowLeft class="h-4 w-4 mr-2" />
           Back to Dashboard

web/app/src/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="dashboard-container bg-background">
     <div class="container mx-auto px-4 py-8 max-w-7xl">
-      <div class="mb-8">
+      <div class="mb-6">
         <div class="flex items-center justify-between mb-6">
           <div>
             <h1 class="text-4xl font-bold tracking-tight">Health Dashboard</h1>
@@ -22,7 +22,9 @@
             </Button>
           </div>
         </div>
-        
+        <!-- Announcement Banner -->
+        <AnnouncementBanner :announcements="props.announcements" />
+        <!-- Search bar -->
         <SearchBar
           @search="handleSearch"
           @update:showOnlyFailing="showOnlyFailing = $event"
@@ -33,11 +35,6 @@
         />
       </div>
 
-      <!-- Announcements Banner -->
-      <AnnouncementBanner :announcements="props.announcements" />
-
-      <div>
-      </div>
       <div v-if="loading" class="flex items-center justify-center py-20">
         <Loading size="lg" />
       </div>