feat: health check preview url

frontend/src/pages/HealthPackagePage.tsx

@@ -52,6 +52,7 @@ import {
 } from "lucide-react";
 
 export default function HealthPackagePage() {
+	const WEBSITE_URL = import.meta.env.VITE_WEBSITE_URL;
 	const [packages, setPackages] = useState<HealthPackage[]>([]);
 	const [categories, setCategories] = useState<HealthCategory[]>([]);
 	const [loading, setLoading] = useState(true);
@@ -369,6 +370,8 @@ export default function HealthPackagePage() {
 		}
 	};
 
+	const previewUrl = `${WEBSITE_URL}/preventivecheckupdirectory/${selectedPackage?.slug}`;
+
 	return (
 		<div className="p-6 space-y-6">
 			<div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
@@ -775,7 +778,7 @@ export default function HealthPackagePage() {
 				open={viewModal}
 				onOpenChange={setViewModal}
 				previewData={selectedPackage}
-				url="asdfasdfasD"
+				url={previewUrl}
 			/>
 		</div>
 	);