Move "new room" to top of list

Issue #67.

src/components/RoomInfoBottomSheet.vue

@@ -21,14 +21,7 @@
           >{{$t('room_info_sheet.view_details')}}</v-btn
         >
       </div>
-      <room-list :title="'Other groups'" v-on:close="close" />
+      <room-list :title="'Other groups'" v-on:close="close" v-on:newroom="createRoom" :showCreate="true" />
-      <v-btn
-          height="20px"
-          color="black"
-          class="outlined-button"
-          @click.stop="createRoom"
-          >{{$t('room_info_sheet.create_room')}}</v-btn
-        >
     </div>
   </BottomSheet>
 </template>

src/components/RoomList.vue

@@ -20,6 +20,15 @@
     </v-list-item-group>
     <div class="h4">{{title}}</div>
     <v-list-item-group v-model="currentRoomId" color="primary">
+      <v-list-item v-if="showCreate" @click.stop="$emit('newroom')">
+        <v-list-item-avatar size="40" color="#e0e0e0">
+          <v-img />
+        </v-list-item-avatar>
+        <v-list-item-content>
+          <v-list-item-title>{{$t('menu.new_room')}}</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+
       <v-list-item v-for="room in $matrix.joinedRooms" :key="room.roomId" :value="room.roomId">
         <v-list-item-avatar size="40" color="#e0e0e0">
           <v-img :src="room.avatar" />
@@ -53,6 +62,10 @@ export default {
     showInvites: {
       type: Boolean,
       default: false
+    },
+    showCreate: {
+      type: Boolean,
+      default: false
     }
   },