FinalProject/src/pages/MyOrdersPage.jsx

import Breadcrumb from "../components/Breadcrumbs";
import {useMediaQuery} from "@mui/material";

const MyOrdersPage = () => {
    const matches = useMediaQuery('(max-width:768px)');
    return (
        <>
            <Breadcrumb links={['My orders']} />
            <main style={{backgroundColor: "#f3f3f3", padding: matches ? "20px 0" : "50px 0"}}>

            </main>
        </>
    )
}
export default MyOrdersPage