[FIX] Auditing page not printing all messages (#22272)

* fix media print for auditing

* lint

* Add comments

Co-authored-by: Tasso Evangelista <tasso.evangelista@rocket.chat>

app/theme/client/imports/general/base.css

@@ -211,25 +211,25 @@ button {
 	.simplebar-content-wrapper,
 	section.rcx-box.rcx-box--full,
 	.rc-old.main-content {
-		overflow: auto !important;
+		overflow: visible !important; /* 1 */
 
-		height: auto !important;
-		max-height: none !important;
-		flex-shrink: 0 !important;
+		height: auto !important; /* 1 */
+		max-height: none !important; /* 1 */
+		flex-shrink: 0 !important; /* 1 */
 	}
 
 	div.simplebar-offset,
 	.simplebar-mask,
 	.rc-old .messages-container .wrapper {
-		position: relative !important;
+		position: relative !important; /* 1 */
 	}
 
 	.simplebar-placeholder {
-		height: 0 !important;
+		height: 0 !important; /* 1 */
 	}
 
 	body {
-		height: auto !important;
+		height: auto !important; /* 1 */
 	}
 
 	.rc-old .room-container,
@@ -237,16 +237,36 @@ button {
 	.rc-old .messages-container-main,
 	.rc-old .messages-container-wrapper,
 	.rc-old .main-content-flex {
-		flex: 1 0 auto !important;
+		flex: 1 0 auto !important; /* 1 */
 
-		height: auto !important;
+		height: auto !important; /* 1 */ 
 	}
 
 	.rc-alerts {
-		display: none !important;
+		display: none !important; /* 1 */
+	}
+
+	.rcx-box.rcx-box--full {
+		overflow: visible !important /* 1 */;
+
+		height: auto !important /* 1 */;
+	}
+
+	.rc-scrollbars-container {
+		overflow: visible !important; /* 1 */
+
+		height: auto !important; /* 1 */
+	}
+
+	.rc-scrollbars-view {
+		position: relative !important; /* 1 */
 	}
 }
 
 .gallery-item {
 	cursor: pointer;
 }
+
+/*
+ 1. The `!important` directive is necessary to override components' autogenerated styles.
+ */