remove unused elements

src/App.js

@@ -9,9 +9,6 @@ import NotFound from "./component/NotFound";
 export const UserContext = createContext();
 
 const App = () => {
-  // const [admin, setAdmin] = useState(false);
-  // const [selectedService, setSelectedService] = useState({});
-  // const [user, setUser] = useState(getDecodedUser());
   return (
     <div>
       <Routes>

src/component/Dashoboard/UserDashboard/AddReview/Review.jsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Button } from 'react-bootstrap';
 import ReviewForm from './ReviewFrom';
 import './Review.css';

src/component/Dashoboard/UserDashboard/Book/Checkout.jsx

@@ -9,10 +9,8 @@ import {
 import swal from 'sweetalert';
 import { Form, Col, Row } from 'react-bootstrap';
 import { useForm } from 'react-hook-form';
-import { useContext } from 'react';
 import toast from 'react-hot-toast';
 import axios from 'axios';
-import { UserContext } from '../../../../App';
 import { useAppContext } from '../../../../context';