feat(fe): started working on header

resources/js/components/header/OnAir.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+
+//ToDo:
+// add logic to check if something is scheduled or not
+// then switch between muted or error
+const color = "error";
+</script>
+
+<template>
+  <v-sheet
+      :width="100"
+      border
+      rounded
+      :color="color"
+  >
+    {{ $t('header.onair') }}
+  </v-sheet>
+</template>
+
+<style scoped>
+  div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: .625rem;
+  }
+</style>