[MM-56294] Convert ./components/admin_console/group_settings/group_details/group_profile.tsx from Class Component to Function Component (#25766)

* [MM-56294] Convert `./components/admin_console/group_settings/group_details/group_profile.tsx` from Class Component to Function Component

* refactor: update snapshots

webapp/channels/src/components/admin_console/group_settings/group_details/__snapshots__/group_profile_and_settings.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`components/admin_console/group_settings/group_details/GroupProfileAndSe
   titleDefault="Group Profile"
   titleId="admin.group_settings.group_detail.groupProfileTitle"
 >
-  <GroupProfile
+  <Memo(GroupProfile)
     customID="groupDisplayName"
     isDisabled={true}
     name="GroupProfileAndSettings"
@@ -49,7 +49,7 @@ exports[`components/admin_console/group_settings/group_details/GroupProfileAndSe
   titleDefault="Group Profile"
   titleId="admin.group_settings.group_detail.groupProfileTitle"
 >
-  <GroupProfile
+  <Memo(GroupProfile)
     customID="groupDisplayName"
     isDisabled={true}
     name="GroupProfileAndSettings"
@@ -77,7 +77,7 @@ exports[`components/admin_console/group_settings/group_details/GroupProfileAndSe
       />
     </div>
   </div>
-  <GroupProfile
+  <Memo(GroupProfile)
     customID="groupMention"
     name="GroupProfileAndSettings"
     onChange={[MockFunction]}

webapp/channels/src/components/admin_console/group_settings/group_details/group_profile.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import React, {memo} from 'react';
 import {FormattedMessage} from 'react-intl';
 
 import MentionsIcon from 'components/widgets/icons/mentions_icon';
@@ -16,9 +16,7 @@ type Props = {
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }
 
-export default class GroupProfile extends React.PureComponent<Props> {
-    render = () => {
-        const {
+const GroupProfile = ({
     name,
     title,
     titleDefault,
@@ -26,9 +24,7 @@ export default class GroupProfile extends React.PureComponent<Props> {
     isDisabled,
     showAtMention,
     onChange,
-        } = this.props;
-
-        return (
+}: Props) => (
     <div
         className='group-profile form-horizontal'
         id={customID}
@@ -60,5 +56,5 @@ export default class GroupProfile extends React.PureComponent<Props> {
         </div>
     </div>
 );
-    };
-}
+
+export default memo(GroupProfile);