Added logo with spacing for system messages

webapp/channels/src/components/post_profile_picture/post_profile_picture.tsx

@@ -7,7 +7,7 @@ import type {Post} from '@mattermost/types/posts';
 import type {UserProfile} from '@mattermost/types/users';
 
 import ProfilePicture from 'components/profile_picture';
-import MattermostLogo from 'components/widgets/icons/mattermost_logo';
+import MattermostLogo from 'components/widgets/icons/mattermost_logo_spacing';
 
 import Constants, {UserStatuses} from 'utils/constants';
 import * as PostUtils from 'utils/post_utils';

webapp/channels/src/components/post_view/post_message_preview/post_message_preview.tsx

@@ -16,7 +16,7 @@ import PostAttachmentOpenGraph from 'components/post_view/post_attachment_opengr
 import PostMessageView from 'components/post_view/post_message_view';
 import Timestamp from 'components/timestamp';
 import UserProfileComponent from 'components/user_profile';
-import MattermostLogo from 'components/widgets/icons/mattermost_logo';
+import MattermostLogo from 'components/widgets/icons/mattermost_logo_spacing';
 import Avatar from 'components/widgets/users/avatar';
 
 import {Constants} from 'utils/constants';

webapp/channels/src/components/system_notice/system_notice.tsx

@@ -10,7 +10,7 @@ import type {ClientConfig, ClientLicense} from '@mattermost/types/config';
 import type {PreferenceType} from '@mattermost/types/preferences';
 
 import type {Notice} from 'components/system_notice/types';
-import MattermostLogo from 'components/widgets/icons/mattermost_logo';
+import MattermostLogo from 'components/widgets/icons/mattermost_logo_spacing';
 
 import {Preferences} from 'utils/constants';
 

webapp/channels/src/components/widgets/icons/mattermost_logo_spacing.tsx

@@ -0,0 +1,14 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import React from 'react';
+
+const logo = require('../../../images/logo-spacing.png');
+
+export default function MattermostLogo(props: React.HTMLAttributes<HTMLSpanElement>) {
+    return (
+        <span {...props}>
+            <img src={logo}/>
+        </span>
+    );
+}