Ui improvements (#6089)

* PLT-6084 - Fixing emoji reaction overflow

* PLT-6158 - Fixing pinned badge alignment in RHS

* PLT-6306 - Post alignment in compact view

* PLT-6266 - Adjusting spacing for files (compact)

* PLT-6245 - Adjusting spacing in emoji screen modal

* PLT-6237 - Adjusting filter in system console

* PLT-6247 - Adjusting spacing on code block tag

* PLT-6302 - Margins not equal for paragraphs in post

webapp/components/emoji/components/delete_emoji_modal.jsx

@@ -25,7 +25,7 @@ export default class DeleteEmoji extends DeleteModalTrigger {
     get modalMessage() {
         return (
             <div className='alert alert-warning'>
-                <i className='fa fa-warning'/>
+                <i className='fa fa-warning fa-margin--right'/>
                 <FormattedMessage
                     id='emoji_list.delete.confirm.msg'
                     defaultMessage='This action permanently deletes the custom emoji. Are you sure you want to delete it?'

webapp/components/emoji_picker/components/emoji_picker_preview.jsx

@@ -44,7 +44,7 @@ export default class EmojiPickerPreview extends React.Component {
                     <div className='emoji-picker__preview-image-box'>
                         {previewImage}
                     </div>
-                    <div className='emoji-picker__preview-image-box'>
+                    <div className='emoji-picker__preview-detail-box'>
                         <span className='emoji-picker__preview-name'>{name}</span>
                         <span
                             className='emoji-picker__preview-aliases'