faet: Add scroll to Top button

client/src/pages/Companies.jsx

@@ -2,6 +2,7 @@ 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);
@@ -70,6 +71,8 @@ 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 { BiBriefcaseAlt2 } from "react-icons/bi";
+import { BiArrowToTop, BiBriefcaseAlt2 } from "react-icons/bi";
 import { BsStars } from "react-icons/bs";
 import { MdOutlineKeyboardArrowDown } from "react-icons/md";
 
@@ -138,6 +138,8 @@ 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>
   );
 };