[MM-56005] Convert ./components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx from Class Component to Function Component (#25646)

* [MM-56005] Convert `./components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx` from Class Component to Function Component

* refactor: use classNames to apply class

---------

Co-authored-by: Mattermost Build <build@mattermost.com>

webapp/channels/src/components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx

@@ -1,7 +1,8 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import classNames from 'classnames';
+import React, {memo, useCallback} from 'react';
 import {FormattedMessage} from 'react-intl';
 
 import type {Team} from '@mattermost/types/teams';
@@ -16,17 +17,18 @@ type Props = {
     isDisabled: boolean;
 }
 
-export default class TeamInList extends React.PureComponent<Props> {
+const TeamInList = ({
-    handleRemoveTeam = () => {
+    team,
-        const {team, isDisabled, onRemoveTeam} = this.props;
+    isDisabled,
+    onRemoveTeam,
+}: Props) => {
+    const handleRemoveTeam = useCallback(() => {
         if (isDisabled) {
             return;
         }
         onRemoveTeam(team.id);
-    };
+    }, [isDisabled, team.id, onRemoveTeam]);
 
-    render() {
-        const {team, isDisabled} = this.props;
     return (
         <div
             className='team'
@@ -42,8 +44,8 @@ export default class TeamInList extends React.PureComponent<Props> {
                 </div>
             </div>
             <a
-                    className={isDisabled ? 'remove disabled' : 'remove'}
+                className={classNames('remove', {disabled: isDisabled})}
-                    onClick={this.handleRemoveTeam}
+                onClick={handleRemoveTeam}
             >
                 <FormattedMessage
                     id='admin.permissions.teamScheme.removeTeam'
@@ -52,5 +54,6 @@ export default class TeamInList extends React.PureComponent<Props> {
             </a>
         </div>
     );
-    }
+};
-}
+
+export default memo(TeamInList);