Refactor and other improvements

frontend/src/components/map/StreetViewEmbed.tsx

@@ -0,0 +1,26 @@
+import type { HexagonLocation } from '../../lib/external-search';
+
+interface StreetViewEmbedProps {
+  location: HexagonLocation;
+}
+
+export default function StreetViewEmbed({ location }: StreetViewEmbedProps) {
+  return (
+    <div>
+      <div className="px-3 py-1.5 text-xs font-bold text-warm-500 bg-warm-50 dark:bg-warm-900 dark:text-warm-400 sticky top-0">
+        Street View
+      </div>
+      <div className="px-3 py-2">
+        <div className="rounded overflow-hidden border border-warm-200 dark:border-warm-700">
+          <iframe
+            className="w-full"
+            style={{ height: 240, border: 0 }}
+            loading="lazy"
+            referrerPolicy="no-referrer-when-downgrade"
+            src={`https://maps.google.com/maps?layer=c&cbll=${location.lat},${location.lon}&cbp=11,0,0,0,0&output=svembed`}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}