feat : add page profile (private component) and add section , modal for profile page

src/components/productBox/index.tsx

@@ -1,8 +1,8 @@
 import { AM, EC, GA, US, GD, GB } from "country-flag-icons/react/1x1";
 import { ProductBoxProps } from "../../types/props";
 import Button from "../button";
-import MuiModal from "../../common/modal";
 import { useState } from "react";
+import MuiModalBuy from "./components/MuiModalBuy";
 
 const ProductBox = ({
   title,
@@ -26,7 +26,7 @@ const ProductBox = ({
           : variant === 3 && "shadow-indigo-800 bg-indigo-600"
       } bg-cover bg-center bg-banner`}
     >
-      <MuiModal isOpenModal={isOpen} setIsOpenModal={setIsOpen} />
+      <MuiModalBuy isOpen={isOpen} setIsOpen={setIsOpen} />
       <h1 className="max-md:text-xl md:text-2xl font-bold">{title}</h1>
       <div className="w-full h-full p-2 flex gap-2 justify-between items-center">
         <div className="w-full h-full flex flex-col gap-2">