Adding compact layout (#2991)

* Adding compact layout

* Fixing ESLint error

webapp/i18n/en.json

@@ -1288,9 +1288,13 @@
   "user.settings.developer.thirdParty": "Open to register a new third-party application",
   "user.settings.developer.title": "Developer Settings",
   "user.settings.display.channelDisplayTitle": "Channel Display Mode",
-  "user.settings.display.channeldisplaymode": "Select how text in a channel is displayed.",
+  "user.settings.display.channeldisplaymode": "Select the width of the center channel.",
   "user.settings.display.clockDisplay": "Clock Display",
   "user.settings.display.fixedWidthCentered": "Fixed width, centered",
+  "user.settings.display.messageDisplayTitle": "Message Display",
+  "user.settings.display.messageDisplayDescription": "Select how messages in a channel should be displayed.",
+  "user.settings.display.messageDisplayClean": "Clean",
+  "user.settings.display.messageDisplayCompact": "Compact",
   "user.settings.display.fontDesc": "Select the font displayed in the Mattermost user interface.",
   "user.settings.display.fontTitle": "Display Font",
   "user.settings.display.fullScreen": "Full width",