Room info bottom sheet

Issue #89.

src/assets/css/chat.scss

@@ -677,4 +677,31 @@ $admin-fg: white;
             }
         }
     }
+}
+
+.bottom-sheet .card {
+    z-index: 10; /* Above mic button etc. */
+    background-color: white;
+    padding: 10px;
+}
+
+.room-info-sheet {
+    background-color: white;
+    
+    .current-room {
+        padding: 25px;
+        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #F5F5F7;
+        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
+        border-radius: 18px;
+    }
+
+    .room-avatar {
+        background-color: #ededed;
+        width: 44px !important;
+        height: 44px !important;
+        margin-bottom: 20px;
+        .headline {
+            font-size: 70 * $chat-text-size !important;
+        }
+    }
 }

src/assets/css/main.scss

@@ -37,6 +37,14 @@ $chat-button-height: 50px;
     color: #505050;
 }
 
+.h4 {
+    font-family: 'Poppins', sans-serif;
+    font-weight: 600;
+    font-size: 11 * $chat-text-size;
+    color: black;
+    text-transform: uppercase;
+}
+
 .v-btn.outlined-button {
     font-family: 'Inter', sans-serif;
     font-weight: 700;