[FIX] Channel settings form to textarea for Topic and Description (#13328)

* fix: make room description and topic text area

* cleanup: remove comments

* fix review

app/channel-settings/client/stylesheets/channel-settings.css

@@ -1,4 +1,4 @@
-html.rtl .flex-tab {
+.rtl .flex-tab {
 	direction: rtl;
 
 	& .channel-settings {

app/channel-settings/client/views/channelSettings.html

@@ -28,7 +28,7 @@
 					<label class="rc-input__label">
 						<div class="rc-input__title">{{_ label}}{{equal default value '*'}}</div>
 						<div class="rc-input__wrapper">
-							<input type="text" name="topic" value="{{value}}" class="rc-input__element js-input" disabled="{{./disabled}}"/>
+							<textarea name="topic" value="{{value}}" class="rc-input__element js-input" disabled="{{./disabled}}" id="" cols="30" rows="2"></textarea>
 						</div>
 					</label>
 				</div>
@@ -54,7 +54,7 @@
 						<label class="rc-input__label">
 							<div class="rc-input__title">{{_ label}}{{equal default value '*'}}</div>
 							<div class="rc-input__wrapper">
-								<input type="text" name="description" value="{{value}}" class="rc-input__element js-input" disabled="{{./disabled}}"/>
+								<textarea name="description" value="{{value}}" class="rc-input__element js-input" disabled="{{./disabled}}" id="" cols="30" rows="2"></textarea>
 							</div>
 						</label>
 					</div>

app/ui/client/components/header/headerRoom.js

@@ -79,19 +79,15 @@ Template.headerRoom.helpers({
 		const roomData = Session.get(`roomData${ this._id }`);
 		if (!roomData || !roomData.topic) { return ''; }
 
-		let roomTopic = Markdown.parse(roomData.topic);
+		let roomTopic = Markdown.parse(roomData.topic.replace(/\n/mg, ' '));
 
 		// ' to apostrophe (') for emojis such as :')
 		roomTopic = roomTopic.replace(/'/g, '\'');
 
-		Object.keys(emoji.packages).forEach((emojiPackage) => {
-			roomTopic = emoji.packages[emojiPackage].render(roomTopic);
-		});
+		roomTopic = Object.keys(emoji.packages).reduce((topic, emojiPackage) => emoji.packages[emojiPackage].render(topic), roomTopic);
 
 		// apostrophe (') back to '
-		roomTopic = roomTopic.replace(/\'/g, ''');
-
-		return roomTopic;
+		return roomTopic.replace(/\'/g, ''');
 	},
 
 	roomIcon() {