Fix problems with read only room flag

A reload would cause the prop to not be set.

src/components/Chat.vue

@@ -113,7 +113,7 @@
             {{ typingMembersString }}
           </div>
         </v-row>
-        <v-row class="input-area-inner align-center" v-if="!showRecorder">
+        <v-row class="input-area-inner align-center" v-if="!showRecorder && !$matrix.currentRoomIsReadOnlyForUser">
           <v-col class="flex-grow-1 flex-shrink-1 ma-0 pa-0">
             <v-textarea height="undefined" ref="messageInput" full-width auto-grow rows="1" v-model="currentInput"
               no-resize class="input-area-text" :placeholder="$t('message.your_message')" hide-details

src/components/messages/MessageIncoming.vue

@@ -15,7 +15,7 @@
     </v-avatar>
     <!-- SLOT FOR CONTENT -->
     <slot></slot>
-    <div class="op-button" ref="opbutton" v-if="!event.isRedacted()">
+    <div class="op-button" ref="opbutton" v-if="!event.isRedacted() && !$matrix.currentRoomIsReadOnlyForUser">
       <v-btn id="btn-more" icon @click.stop="showContextMenu($refs.opbutton)">
         <v-icon>more_vert</v-icon>
       </v-btn>

src/components/messages/MessageOutgoing.vue

@@ -8,7 +8,7 @@
       <div class="status">{{ event.status }}</div>
     </div>
 
-    <div class="op-button" ref="opbutton" v-if="!event.isRedacted()">
+    <div class="op-button" ref="opbutton" v-if="!event.isRedacted() && !$matrix.currentRoomIsReadOnlyForUser">
       <v-btn id="btn-show-menu" icon @click.stop="showContextMenu($refs.opbutton)">
         <v-icon>more_vert</v-icon>
       </v-btn>