New room list and chat header design

src/components/ActionRow.vue

@@ -6,7 +6,7 @@
     v-on="$listeners"
   >
     <v-col cols="auto" class="me-2">
-      <v-icon size="22">{{ icon }}</v-icon>
+      <v-icon :size="iconSize">{{ icon }}</v-icon>
     </v-col>
     <v-col>{{ text }}</v-col>
   </v-row>
@@ -22,6 +22,12 @@ export default {
         return null;
       },
     },
+    iconSize: {
+      type: Number,
+      default: function() {
+        return 22;
+      }
+    },
     text: {
       type: String,
       default: function () {