Added sentry and dev environment warning baner

ui/src/App.vue

@@ -44,6 +44,8 @@ function formatDate(dateStr) {
     day: "numeric",
   });
 }
+
+const environment = import.meta.env.VITE_ENVIRONMENT;
 </script>
 
 <template>
@@ -114,10 +116,15 @@ function formatDate(dateStr) {
           </DropdownMenuContent>
         </DropdownMenu>
 
-        <a v-else :href="APIHOST+'/login'">Login</a>
+        <a v-else :href="APIHOST + '/login'">Login</a>
       </div>
     </div>
     <Separator></Separator>
+    <Alert v-if="environment == 'dev'" class="m-2 mx-auto w-5xl" variant="info">
+      <AlertDescription class="flex flex-row items-center text-nowrap gap-5 mx-auto">
+        <p>This is a development build of the application. Some features will be unavailable or unstable.</p>
+      </AlertDescription>
+    </Alert>
     <Alert v-if="userStore.user?.loa?.[0]" class="m-2 mx-auto w-5xl" variant="info">
       <AlertDescription class="flex flex-row items-center text-nowrap gap-5 mx-auto">
         <p>You are on LOA until <strong>{{ formatDate(userStore.user?.loa?.[0].end_date) }}</strong></p>