implemented first keycloak stuff, still needs some config on keycloak and backend side to work

src/App.vue

@@ -1,9 +1,27 @@
-<template>
-  <router-view />
-</template>
-
 <script setup lang="ts">
+import { RouterView } from 'vue-router';
+import ProtectedData from './components/ProtectedData.vue';
 defineOptions({
   name: 'App'
 });
 </script>
+
+<template>
+  <header>
+    <img alt="Quasar logo" src="./assets/quasar-logo-vertical.svg" width="200vw"/>
+
+    <ProtectedData />
+  </header>
+  <router-view />
+</template>
+
+<style scoped>
+header {
+  line-height: 1.5;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-top: 7vh;
+}
+</style>