BC-8357 - add mobile view for participants data table (#3441)

Adds a data-table mobile view for devices <600px for the manage participants table in rooms.

* add mobile view for participants table
* make table header bold for mobile view

src/modules/feature/room/RoomParticipants/ParticipantsTable.vue

@@ -31,6 +31,8 @@
 				t('pages.rooms.participants.participantTable.itemsPerPage')
 			"
 			:no-data-text="t('common.nodata')"
+			:mobile="null"
+			mobile-breakpoint="sm"
 			@update:current-items="onUpdateFilter"
 		>
 			<template #[`item.actions`]="{ item }">
@@ -109,8 +111,13 @@ const tableHeader = [
 </script>
 
 <style lang="scss" scoped>
-:deep .v-data-table-header__content {
+:deep(.v-data-table-header__content) {
 	color: rgba(var(--v-theme-primary-darken-1));
 	font-weight: bold;
 }
+
+/* table header for mobile view */
+:deep(.v-data-table__td-title) {
+	font-weight: bold;
+}
 </style>