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,15 +13,14 @@ type Props = {
     user: UserProfile;
 }
 
-export default class UserGridName extends React.Component<Props> {
-    public render = (): JSX.Element => {
-        const {user} = this.props;
-
+const UserGridName = ({
+    user,
+}: Props) => {
     return (
         <div className='UserGrid_nameRow'>
             <ProfilePicture
                 src={Client4.getProfilePictureUrl(user.id, user.last_picture_update)}
-                    status={status}
+                status={user.status}
                 size='md'
             />
 
@@ -35,5 +34,6 @@ export default class UserGridName extends React.Component<Props> {
             </div>
         </div>
     );
-    };
-}
+};
+
+export default UserGridName;