logout confirmation popup

src/components/ProfileInfoPopup.vue

@@ -60,10 +60,15 @@
             :text="$t('profile_info_popup.edit_profile')"
           />
           <ActionRow
-            @click="logout"
+            @click.stop="showLogoutPopup=true"
             :icon="'logout'"
             :text="$t('profile_info_popup.logout')"
           />
+          <LogoutRoomDialog
+            :showLogoutPopup="showLogoutPopup"
+            @onOutsideLogoutPopupClicked="showLogoutPopup=false"
+            @onCancelLogoutClicked="showLogoutPopup=false"
+          />
         </v-container>
 
         <div class="more-container">
@@ -89,12 +94,14 @@
 <script>
 import profileInfoMixin from "./profileInfoMixin";
 import ActionRow from "./ActionRow.vue";
+import LogoutRoomDialog from './LogoutRoomDialog.vue';
 
 export default {
   name: "ProfileInfoPopup",
   mixins: [profileInfoMixin],
   components: {
     ActionRow,
+    LogoutRoomDialog
   },
   props: {
     show: {
@@ -107,7 +114,8 @@ export default {
   data() {
     return {
       showDialog: false,
-      editDisplayName: false
+      editDisplayName: false,
+      showLogoutPopup: false
     };
   },
   computed: {