refactor UserCard comp to functional comp

Author: UndeadMe

src/Components/Panel/UserCard/UserCard.jsx

@@ -1,21 +1,17 @@
-import { Component } from 'react'
-
 // import other component 
 import UserProfile from '../UserProfile/UserProfile'
 import SideBarLinks from '../SideBarLinks/SideBarLinks'
 
 // import other pkg 
 import PropTypes from 'prop-types'
-class UserCard extends Component {
-    render() {
-        const  { sidebarLinks, username, userBirthday, userEmail, onChangeToggle } = this.props
-        return (
-            <>
-                <UserProfile username={username} userBirthday={userBirthday} userEmail={userEmail} />
-                <SideBarLinks sidebarLinks={sidebarLinks} onChangeToggle={onChangeToggle} />
-            </>
-        )
-    }
+
+const UserCard = ({ sidebarLinks, username, userBirthday, userEmail, onChangeToggle }) => {
+    return (
+        <>
+            <UserProfile username={username} userBirthday={userBirthday} userEmail={userEmail} />
+            <SideBarLinks sidebarLinks={sidebarLinks} onChangeToggle={onChangeToggle} />
+        </>
+    )
 }
 
 // validate the component

src/Components/Panel/UserProfile/UserProfile.jsx

@@ -1,5 +1,3 @@
-import { PureComponent } from 'react';
-
 // import styles of this component
 import styles from './UserProfile.module.css'
 // import other pkgs