added grid-area template and add create element chat

luckydiamond/src/pages/ChatElement.vue

@@ -0,0 +1,15 @@
+<template>
+  <aside class="chat">
+
+  </aside>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

luckydiamond/src/pages/HeaderElement.vue

@@ -1,6 +1,8 @@
 <template>
   <header class="header">
-
+    <div class="header__content">
+      <h1>123</h1>
+    </div>
   </header>
 </template>
 

luckydiamond/src/pages/HomePage.vue

@@ -2,11 +2,13 @@
   <div class="content-grid">
     <aside-bar-element></aside-bar-element>
 
+    <chat-element></chat-element>
+
     <header-element-page></header-element-page>
 
-    <section class="main">
+    <main class="main">
 
-    </section>
+    </main>
 
     <section class="gamemode">
 
@@ -17,11 +19,12 @@
 <script>
 import HeaderElementPage from "@/pages/HeaderElement.vue";
 import AsideBarElement from "@/pages/AsidebarElement.vue";
+import ChatElement from "@/pages/ChatElement.vue";
 import GameModes from "@/mocks/GameModes";
 
 export default {
   name: 'HomePage',
-  components: {AsideBarElement, HeaderElementPage },
+  components: {AsideBarElement, HeaderElementPage, ChatElement },
   data() {
     return {
       GameModes