New room list and chat header design

src/components/BottomSheet.vue

@@ -24,6 +24,7 @@
         color="black"
         @click.stop="onBackgroundClick"
         class="bottom-sheet-close"
+        v-if="showCloseButton"
       >
         <v-icon color="white" >cancel</v-icon>
       </v-btn>
@@ -40,6 +41,10 @@ import Hammer from "hammerjs";
 
 export default {
   props: {
+    showCloseButton: {
+      type: Boolean,
+      default: true,
+    },
     openY: {
       type: Number,
       default: 0.1,