feat:Add Scroll to Top Button

client/src/App.jsx

@@ -21,6 +21,7 @@ import About from "./components/About/About";
 
 import { useEffect, useState } from "react";
 import Loader from "./components/Loader";
+import { BiArrowToTop } from "react-icons/bi";
 
 function Layout() {
   const { user } = useSelector((state) => state.user);
@@ -74,7 +75,7 @@ function App() {
           <Route
             path={
               user?.user?.accountType === "seeker"
-                ? "/user-profile"
+              ? "/user-profile"
                 : "/user-profile/:id"
             }
             element={<UserProfile />}
@@ -91,6 +92,7 @@ function App() {
           element={<Navigate to="/find-jobs" replace={true} />}
         />
       </Routes>
+      <BiArrowToTop className="fixed bottom-4 right-4 border rounded-full p-1" size={50} onClick={()=>{window.scrollTo({ top: 0, left: 0, behavior: "smooth"});}}/>
       {user && <Footer />}
     </main>
   );

client/src/components/About/About.jsx

@@ -12,7 +12,6 @@ const About = () => {
       <SectionSecond />
       <SectionThird />
       <SectionFourth />
-
     </div>
   );
 };

client/src/pages/Companies.jsx

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { CompanyCard, CustomButton, Header, ListBox } from "../components";
 import { companies } from "../utils/data";
-import { BiArrowToTop } from "react-icons/bi";
 
 const Companies = () => {
   const [page, setPage] = useState(1);
@@ -84,8 +83,6 @@ const Companies = () => {
           </div>
         )}
       </div>
-      {/* Top Scroll Btn */}
-      <BiArrowToTop className="fixed bottom-4 right-4 border rounded-full p-1" size={50} onClick={() => { window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); }} />
     </div>
   );
 };

client/src/pages/FindJobs.jsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
-import { BiArrowToTop, BiBriefcaseAlt2 } from "react-icons/bi";
+import { BiBriefcaseAlt2 } from "react-icons/bi";
 import { BsStars } from "react-icons/bs";
 import { MdOutlineKeyboardArrowDown } from "react-icons/md";
 
@@ -151,8 +151,6 @@ const FindJobs = () => {
           )}
         </div>
       </div>
-      {/* Top Scroll Btn */}
-      <BiArrowToTop className="fixed bottom-4 right-4 border rounded-full p-1" size={50} onClick={() => { window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); }} />
     </div>
   );
 };