Started to design the general chat-page

src/App.vue

@@ -1,17 +1,14 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router';
 import ProtectedData from './components/ProtectedData.vue';
+import IndexPage from 'pages/IndexPage.vue';
 defineOptions({
   name: 'App'
 });
 </script>
 
 <template>
-  <header>
-    <img alt="Quasar logo" src="./assets/quasar-logo-vertical.svg" width="200vw"/>
-
-    <ProtectedData />
-  </header>
+  <IndexPage></IndexPage>
   <router-view />
 </template>