chore: fix github pages build

Author: Tuvudel

src/context/ProjectContext.tsx

@@ -1,5 +1,5 @@
 import { createContext, useContext, useEffect, useState } from "react";
-import { useLocation, useSearchParams } from "react-router-dom";
+import { useSearchParams } from "react-router-dom";
 import { Project, loadProjectById } from "../supabase/projects";
 
 const ProjectContext = createContext<{

src/pages/MapPage/BaseMapControls.tsx

@@ -5,11 +5,10 @@ import L from "leaflet";
 interface BaseMapControlsProps {
   mapRef: React.MutableRefObject<L.Map | null>;
   drawControlRef: React.MutableRefObject<L.Control.Draw | null>;
-  featureCount: number;
   isHebrew?: boolean;
 }
 
-const BaseMapControls = ({ mapRef, drawControlRef, featureCount, isHebrew }: BaseMapControlsProps) => {
+const BaseMapControls = ({ mapRef, drawControlRef, isHebrew }: BaseMapControlsProps) => {
   const navigate = useNavigate();
 
   const disableAllModes = () => {

src/pages/MapPage/PinkLineMapPage.tsx

@@ -35,7 +35,6 @@ const PinkLineMapPage = () => {
 
   // Nuke every route polyline from the map. Called before every re-render.
   const clearAllRouteLayers = (map: L.Map) => {
-    const count = routeLayersRef.current.length;
     for (const layer of routeLayersRef.current) {
       try { map.removeLayer(layer); } catch (_) { /* already gone */ }
     }

src/pages/MapPage/index.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import L from "leaflet";
+import type { Geometry } from "geojson";
 import { useMap } from "./hooks/useMap";
 import { useProject } from "../../context/ProjectContext";
 import PinkLineMapPage from "./PinkLineMapPage";
@@ -19,7 +20,10 @@ const MapPage = () => {
 
   if (projectMeta) {
     try {
-      const geojson = projectMeta;
+      const geojson: Geometry =
+        typeof projectMeta === "string"
+          ? (JSON.parse(projectMeta) as Geometry)
+          : (projectMeta as unknown as Geometry);
       if (geojson.type === "Polygon" && geojson.coordinates.length > 0) {
         const coords = geojson.coordinates[0];
         const latSum = coords.reduce(
@@ -60,7 +64,7 @@ const MapPage = () => {
   const isMemorialSites = project?.id === "33333333-3333-3333-3333-333333333333";
   const isTestimony = project?.id === TESTIMONY_PROJECT_ID;
   const isSpecialProject = project?.name === "Pink Line" || isMemorialSites;
-  const { mapRef, drawControlRef, featureCount } = useMap({ 
+  const { mapRef, drawControlRef } = useMap({
     center: mapInitCenter,
     enabled: !isLoading && !isSpecialProject,
     onShapeCreated: handleShapeCreated,
@@ -77,7 +81,7 @@ const MapPage = () => {
   return (
     <>
       <div key={project?.id || "no-project"} id="map" style={{ height: "100vh", width: "100%" }}></div>
-      <BaseMapControls mapRef={mapRef} drawControlRef={drawControlRef} featureCount={featureCount} isHebrew={isTestimony} />
+      <BaseMapControls mapRef={mapRef} drawControlRef={drawControlRef} isHebrew={isTestimony} />
       {pendingLayer && (
         project?.id === TESTIMONY_PROJECT_ID ? (
           <TestimonyForm

src/pages/ProjectsPage.tsx

@@ -26,7 +26,7 @@ const ProjectsPage = () => {
         const data = await loadProjects();
         setProjects(data || []);
       } catch (err) {
-        setError(err.message);
+        setError(err instanceof Error ? err.message : "Failed to load projects");
       } finally {
         setLoading(false);
       }

src/supabase/memorialSites.ts

@@ -12,13 +12,6 @@ export interface MemorialSite {
   feature_type: MemorialFeatureType;
 }
 
-function getProjectId(): string {
-  const params = new URLSearchParams(window.location.search);
-  const projectId = params.get("projectId");
-  if (!projectId) throw new Error("Missing projectId in URL");
-  return projectId;
-}
-
 export async function loadCentralMemorial(projectId: string): Promise<MemorialSite | null> {
   const { data, error } = await supabase
     .from("geo_features")

src/supabase/pinkLine.ts

@@ -8,15 +8,6 @@ export interface PinkLineNode {
   submissionId: string | null;
 }
 
-function getProjectId(): string {
-  const params = new URLSearchParams(window.location.search);
-  const projectId = params.get("projectId");
-  if (!projectId) {
-    throw new Error("Missing project ID in URL (?projectId=...)");
-  }
-  return projectId;
-}
-
 export async function createPinkLineNode(
   projectId: string,
   lat: number,