add user message datacenter outage

frontend/components/Main.vue

@@ -42,6 +42,11 @@ function onScroll() {
             <v-col cols="auto">
               <v-card flat color="transparent" :min-width="computedMinWidth"
                 :max-width="props.fluid ? undefined : maxWidth">
+                <v-alert v-if="runtimeConfig.public.displayMessage" class="my-5" type="warning" variant="tonal" border="start" prominent>
+                  Following an electric maintenance in the datacenter, our web application is currently experiencing technical difficulties and may not be functioning as expected.
+
+Our technical team is working diligently to resolve the issue as soon as possible. We apologize for any inconvenience this may cause and appreciate your patience and understanding.
+                </v-alert>
                 <slot />
               </v-card>
             </v-col>
@@ -49,7 +54,7 @@ function onScroll() {
         </v-container>
       </v-main>
       <Footer>
-      </Footer>
+      </Footer> 
     </VApp>
   </v-card>
 </template>