Added chart for gender distribution

Author: Hetp29

package-lock.json

@@ -18,6 +18,7 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2",
     "react-scripts": "5.0.1",
+    "recharts": "^2.12.7",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

package.json

@@ -1,15 +1,15 @@
 import React from 'react';
 import './App.css';
 import DataList from './Components/DataList';
+import GenderChart from './Components/GenderChart';
 
 function App() {
     return (
         <div className="App">
             <header className="App-header">
-                <p>
-                    Edit <code>src/App.js</code> and save to reload.
-                </p>
-                <DataList />
+                
+                {/*<DataList /> */}
+                <GenderChart />
             </header>
         </div>
     );