Friendship management added

frontend/src/App.vue

@@ -8,13 +8,15 @@
     <RandomChatDialog ref="randomChatDialog" />
     <CreateFolderDialog ref="createFolderDialog" />
     <EditImageDialog ref="editImageDialog" />
-    <UserProfileDialog ref="userProfileDialog" :userId="'0'"/>
+    <UserProfileDialog ref="userProfileDialog" :userId="'0'" />
     <ChooseDialog ref="chooseDialog" />
     <ContactDialog ref="contactDialog" />
     <DataPrivacyDialog ref="dataPrivacyDialog" />
     <ErrorDialog ref="errorDialog" />
     <ImprintDialog ref="imprintDialog" />
-    <ShowImageDialog ref="showImageDialog" /></div>
+    <ShowImageDialog ref="showImageDialog" />
+    <MessageDialog ref="messageDialog" />
+  </div>
 </template>
 
 <script>
@@ -34,6 +36,7 @@ import DataPrivacyDialog from './dialogues/standard/DataPrivacyDialog.vue';
 import ErrorDialog from './dialogues/standard/ErrorDialog.vue';
 import ImprintDialog from './dialogues/standard/ImprintDialog.vue';
 import ShowImageDialog from './dialogues/socialnetwork/ShowImageDialog.vue';
+import MessageDialog from './dialogues/standard/MessageDialog.vue';
 
 export default {
   name: 'App',
@@ -59,6 +62,7 @@ export default {
     ErrorDialog,
     ImprintDialog,
     ShowImageDialog,
+    MessageDialog,
   },
   created() {
     this.$store.dispatch('loadLoginState');