ui enhance

src/pages/ProfileDetailPage.jsx

@@ -1,13 +1,16 @@
+import { useParams } from "react-router-dom";
 import MatrimonyProfile from "../components/profiledetail/MatrimonyProfile"
 import PartnerPreferences from "../components/profiledetail/PartnerPreferences"
+import MatchingList from "../components/profiledashboard/MatchingList";
 
 const ProfileDetailPage = () => {
+  const { id } = useParams();
   return (
     <>
     <div className="w-[100%] max-w-[1400px] mx-auto my-10">
     <MatrimonyProfile/>
 <PartnerPreferences/>
-
+<MatchingList/>
     </div>
     </>
   )