fix: redirect to marketplace

src/components/MobileDevice/homeMobile/HomeMobile.tsx

@@ -2,9 +2,11 @@ import { MdOutlineShoppingCart } from "react-icons/md";
 import PixelCustom from "../../buttons/PixelCustom";
 import { FaRegClock } from "react-icons/fa";
 import { FaKey } from "react-icons/fa";
-import { Link, redirect } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 
 const HomeMobile = () => {
+ const navigate = useNavigate();
+
  return (
  <div className="mx-auto flex h-full w-full max-w-screen-sm flex-col items-center px-8">
  <div className="flex w-full flex-grow flex-col justify-center py-16 text-white">
@@ -37,7 +39,7 @@ const HomeMobile = () => {
  <PixelCustom>
  <button
  className="w-32 bg-white text-2xl text-black"
- onClick={() => redirect("/marketplace")}
+ onClick={() => navigate("/marketplace")}
  >
  Open
  </button>

src/components/MobileDevice/marketplace/Marketplace.tsx

@@ -26,7 +26,7 @@ const Marketplace = () => {
  return (
  <div className="mx-auto flex h-[100vh] w-full max-w-screen-sm flex-col items-center pt-20 ">
  <div className="w-full h-full bg-[#C48D5D] rounded-t-2xl p-10 text-white">
- <div className=" text-xl" onClick={() => navigate("/")}>
+ <div className=" text-xl cursor-pointer" onClick={() => navigate("/")}>
  Back
  </div>
  <h1 className="text-3xl text-center mb-5">Marketplace</h1>