add a top banner

frontend/src/components/Banner.vue

 <template>
   <div class="banner">
-   <Text>CaCaoCritics</Text>
+  <img class="logo" alt="Vue logo" src="../assets/logo.png" />
+  <h1 class="text" >CaCaoCritics</h1>
   </div>
 </template>
 
@@ -13,6 +14,22 @@ export default {
 <style>
 .banner {
   text-align: left;
-  background-color: #FF68AD;
+  background-color: #912F56;
+  flex-direction: row;
+  vertical-align: middle;
+  display: flex;
+
+}
+.logo {
+  max-width: 70px;
+  max-height: 70px;
+  margin-right: 20px;
+  margin-top: 15px;
+  margin-left: 20px;
+}
+.text {
+  width: 100px;
+  color: #ffffff;
+  margin-top: 35px;
 }
 </style>