Convert ./components/admin_console/user_grid/user_grid_name.tsx to a function component #24740 (#24754)

* Convert ./components/admin_console/user_grid/user_grid_name.tsx from Class Component to Function Component #24740

* Update user_grid_name.tsx

Co-authored-by: Daniel Espino García <larkox@gmail.com>

---------

Co-authored-by: Daniel Espino García <larkox@gmail.com>
Co-authored-by: Mattermost Build <build@mattermost.com>

webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx

@@ -13,27 +13,27 @@ type Props = {
     user: UserProfile;
 }
 
-export default class UserGridName extends React.Component<Props> {
+const UserGridName = ({
-    public render = (): JSX.Element => {
+    user,
-        const {user} = this.props;
+}: Props) => {
+    return (
+        <div className='UserGrid_nameRow'>
+            <ProfilePicture
+                src={Client4.getProfilePictureUrl(user.id, user.last_picture_update)}
+                status={user.status}
+                size='md'
+            />
 
-        return (
+            <div className='UserGrid_name'>
-            <div className='UserGrid_nameRow'>
+                <span>
-                <ProfilePicture
+                    {`${user.username} - ${user.first_name} ${user.last_name}`}
-                    src={Client4.getProfilePictureUrl(user.id, user.last_picture_update)}
+                </span>
-                    status={status}
+                <span className='ug-email'>
-                    size='md'
+                    {user.email}
-                />
+                </span>
-
-                <div className='UserGrid_name'>
-                    <span>
-                        {`${user.username} - ${user.first_name} ${user.last_name}`}
-                    </span>
-                    <span className='ug-email'>
-                        {user.email}
-                    </span>
-                </div>
             </div>
-        );
+        </div>
-    };
+    );
-}
+};
+
+export default UserGridName;