Add basic header component

src/views/Home.vue

@@ -1,9 +1,13 @@
 <template>
   <div>
-    <div>
-      <span>You are logged in</span>
-      <Button label="Logout" @click="onLogout"/>
-    </div>
+    <CloudronHeader>
+      <template #left>
+        <span>You are logged in</span>
+      </template>
+      <template #right>
+        <Button label="Logout" @click="onLogout"/>
+      </template>
+    </CloudronHeader>
     <div class="main-view">
       <DirectoryView />
     </div>
@@ -15,11 +19,13 @@
 import Button from 'primevue/button';
 
 import DirectoryView from '../components/DirectoryView.vue';
+import CloudronHeader from '../components/CloudronHeader.vue';
 
 export default {
   name: 'Home',
   components: {
     DirectoryView,
+    CloudronHeader,
     Button
   },
   methods: {