feat(fe): added header

ToDo: connect clock to shows, style corrections

resources/js/components/header/Timer.vue

@@ -1,13 +1,23 @@
 <script setup lang="ts">
-import axios from "axios";
 import {useAuthStore} from "@/stores/auth.store.ts";
+import {computed, ref} from "vue";
 
 const auth = useAuthStore();
+const timezone = auth.userData.timezone;
 
+const time = ref(new Date().toLocaleString("it-IT", {timeZone: timezone}));
+
+setInterval(() => {
+  time.value = new Date().toLocaleString("it-IT", {timeZone: timezone});
+}, 1000)
 </script>
 
 <template>
-
+  <div class="timer">
+    <span>
+      {{ time }}
+    </span>
+  </div>
 </template>
 
 <style scoped>