Change icon for room entry comment count

Resolves MS-344

client/src/components/rooms/EntryCountWidget.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="entry-count-widget">
-    <cards />
+    <component :is="icon" />
     <span data-cy="entry-count">{{ entryCount }} <template v-if="verbose">{{ entryCount === 1 ? 'Beitrag' : 'Beiträge' }}</template></span>
   </div>
 </template>
 
 <script>
+  import SpeechBubbleIcon from '@/components/icons/SpeechBubbleIcon';
   const Cards = () => import(/* webpackChunkName: "icons" */'@/components/icons/Cards.vue');
 
   export default {
@@ -17,9 +18,15 @@
         type: Boolean,
         default: true,
       },
+      icon: {
+        type: String,
+        default: 'cards'
+      }
     },
 
     components: {
+      'speech-bubble': SpeechBubbleIcon,
+      SpeechBubbleIcon,
       Cards,
     },
   };

client/src/components/rooms/RoomEntry.vue

@@ -34,6 +34,7 @@
           />
           <entry-count-widget
             :entry-count="comments"
+            icon="speech-bubble"
             :verbose="false"
           />
         </div>