fix contect page

src/components/map/ContactMapEmbed.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+/**
+ * ContactMapEmbed
+ * ---------------------------------------------------------------------------
+ * Client boundary that lazy-loads the Leaflet map. `ssr: false` keeps Leaflet
+ * out of the server bundle and off the critical render path; the skeleton fills
+ * the host container's fixed height so there is zero layout shift (CLS) while
+ * the map chunk loads.
+ */
+
+import dynamic from "next/dynamic";
+import styles from "./OfficeMap.module.css";
+
+const OfficeMap = dynamic(() => import("./OfficeMap"), {
+  ssr: false,
+  loading: () => <div className={styles.skeleton} role="presentation" aria-hidden="true" />,
+});
+
+export default function ContactMapEmbed() {
+  return <OfficeMap />;
+}