Add Google spyware, improve map

src/app/page.js

@@ -5,6 +5,7 @@ import Button from "./components/Button";
 import Cards from "./components/Cards";
 import Card from "./components/Card";
 import Link from "next/link";
+import { GoogleMapsEmbed } from "@next/third-parties/google";
 
 export default function Home() {
   return (
@@ -158,13 +159,13 @@ export default function Home() {
         </section>
         <section className="container">
           <div className={styles.map}>
-            <iframe
-              src="https://storage.googleapis.com/maps-solutions-pks9pyo9nq/commutes/3v9s/commutes.html"
-              width="100%"
+            <GoogleMapsEmbed
+              apiKey="AIzaSyDbgQY55TQY5CefsCUwKbc8RfoOUe8U5gY"
               height="100%"
-              style={{ border: 0 }}
-              loading="lazy"
-            ></iframe>
+              width="100%"
+              mode="place"
+              q="place_id:ChIJz0ZoDYhADW0R0TDgWoWMq0M"
+            />
           </div>
         </section>
       </main>