From e1578c13311905022bb91ecff667bcf99d59145f Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:13:55 -0400
Subject: [PATCH 01/11] chore(web): remove unused components, dead code, and
 obsolete exports

---
 apps/web/package.json                         |   6 -
 .../(main)/design-system/_data/components.ts  | 357 ------------------
 .../src/components/admin/mdx-engine/index.ts  |   2 -
 .../admin/mdx-engine/mdx-commit-button.tsx    | 104 -----
 .../admin/mdx-engine/mdx-preview-modal.tsx    | 266 -------------
 .../src/components/catalyst-ui/fieldset.tsx   |  42 ---
 .../src/components/catalyst-ui/popover.tsx    |  29 --
 .../src/components/contact/contact-form.tsx   |   0
 apps/web/src/components/content/search.tsx    | 194 ----------
 .../landing/hero-section-atmospheric.tsx      | 192 ----------
 .../components/landing/map-teaser-section.tsx |   8 +-
 .../homepage-newsletter-section.tsx           | 251 ------------
 .../web/src/components/ui/page-transition.tsx |  60 ---
 .../src/components/ui/video-hero-section.tsx  | 178 ---------
 .../features/map/components/map-canvas.tsx    |   2 +-
 apps/web/src/hooks/use-smooth-scroll.ts       |  90 -----
 apps/web/src/hooks/useFilterUrlSync.ts        | 136 -------
 apps/web/src/lib/content/mdx-components.tsx   |   2 -
 apps/web/src/lib/mocks/directory.ts           | 165 --------
 apps/web/src/lib/mocks/index.ts               |  37 --
 apps/web/src/lib/mocks/user.ts                | 169 ---------
 apps/web/src/schemas/index.ts                 |   1 -
 apps/web/src/schemas/mediaMetadataSchema.ts   |  49 ---
 apps/web/src/schemas/storySchema.ts           |  28 --
 apps/web/velite.config.ts                     |  12 -
 25 files changed, 5 insertions(+), 2375 deletions(-)
 delete mode 100644 apps/web/src/app/(main)/design-system/_data/components.ts
 delete mode 100644 apps/web/src/components/admin/mdx-engine/index.ts
 delete mode 100644 apps/web/src/components/admin/mdx-engine/mdx-commit-button.tsx
 delete mode 100644 apps/web/src/components/admin/mdx-engine/mdx-preview-modal.tsx
 delete mode 100644 apps/web/src/components/contact/contact-form.tsx
 delete mode 100644 apps/web/src/components/content/search.tsx
 delete mode 100644 apps/web/src/components/landing/hero-section-atmospheric.tsx
 delete mode 100644 apps/web/src/components/newsletter/homepage-newsletter-section.tsx
 delete mode 100644 apps/web/src/components/ui/page-transition.tsx
 delete mode 100644 apps/web/src/components/ui/video-hero-section.tsx
 delete mode 100644 apps/web/src/hooks/use-smooth-scroll.ts
 delete mode 100644 apps/web/src/hooks/useFilterUrlSync.ts
 delete mode 100644 apps/web/src/lib/mocks/directory.ts
 delete mode 100644 apps/web/src/lib/mocks/index.ts
 delete mode 100644 apps/web/src/lib/mocks/user.ts
 delete mode 100644 apps/web/src/schemas/mediaMetadataSchema.ts
 delete mode 100644 apps/web/src/schemas/storySchema.ts

diff --git a/apps/web/package.json b/apps/web/package.json
index ac75314f..2a571cb0 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -54,7 +54,6 @@
     "lucide-react": "^1.24.0",
     "mapbox-gl": "^3.26.0",
     "next": "16.2.10",
-    "next-router-mock": "^1.0.5",
     "react": "19.2.7",
     "react-dom": "19.2.7",
     "react-dropzone": "^17.0.0",
@@ -63,10 +62,8 @@
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.1",
     "recharts": "^3.9.2",
-    "rehype-pretty-code": "^0.14.4",
     "resend": "^6.17.2",
     "sharp": "^0.35.3",
-    "shiki": "^4.3.1",
     "supercluster": "^8.0.1",
     "use-supercluster": "^1.2.0",
     "velite": "^0.4.0",
@@ -74,9 +71,6 @@
     "zustand": "^5.0.14"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@microsoft/eslint-formatter-sarif": "^3.1.0",
-    "@next/bundle-analyzer": "16.2.10",
     "@playwright/test": "^1.61.1",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4",
diff --git a/apps/web/src/app/(main)/design-system/_data/components.ts b/apps/web/src/app/(main)/design-system/_data/components.ts
deleted file mode 100644
index b1caaacb..00000000
--- a/apps/web/src/app/(main)/design-system/_data/components.ts
+++ /dev/null
@@ -1,357 +0,0 @@
-/**
- * Component metadata for the design system gallery.
- * Used by specimen components to display import paths and descriptions.
- */
-
-export interface ComponentExample {
-  name: string;
-  description: string;
-  importPath: string;
-  source: "custom" | "catalyst";
-}
-
-export const buttonComponents: ComponentExample[] = [
-  {
-    name: "AnimatedButton",
-    description:
-      "Primary action button with Framer Motion animations. Supports variants (primary, secondary, outline, ghost), sizes, loading states, and icons.",
-    importPath: "@/components/ui/animated-button",
-    source: "custom",
-  },
-];
-
-export const inputComponents: ComponentExample[] = [
-  {
-    name: "Input",
-    description:
-      "Text input field with validation states and theming. Based on HeadlessUI.",
-    importPath: "@/components/catalyst-ui/input",
-    source: "catalyst",
-  },
-  {
-    name: "InputGroup",
-    description:
-      "Container for input with icons. Positions icons automatically.",
-    importPath: "@/components/catalyst-ui/input",
-    source: "catalyst",
-  },
-];
-
-export const checkboxComponents: ComponentExample[] = [
-  {
-    name: "Checkbox",
-    description:
-      "Checkbox with 22 color variants. Supports checked, indeterminate, and disabled states.",
-    importPath: "@/components/catalyst-ui/checkbox",
-    source: "catalyst",
-  },
-  {
-    name: "CheckboxField",
-    description: "Layout wrapper for checkbox with label and description.",
-    importPath: "@/components/catalyst-ui/checkbox",
-    source: "catalyst",
-  },
-  {
-    name: "CheckboxGroup",
-    description: "Container for multiple related checkboxes.",
-    importPath: "@/components/catalyst-ui/checkbox",
-    source: "catalyst",
-  },
-];
-
-export const feedbackComponents: ComponentExample[] = [
-  {
-    name: "Banner",
-    description:
-      "Promotional banner with gradient background. Supports default and high-contrast tones.",
-    importPath: "@/components/ui/banner",
-    source: "custom",
-  },
-  {
-    name: "LoadingSpinner",
-    description:
-      "Animated loading indicator with three spinning dots. Available in sm, md, lg sizes.",
-    importPath: "@/components/ui/loading-spinner",
-    source: "custom",
-  },
-  {
-    name: "LoadingDots",
-    description: "Inline loading dots animation for text contexts.",
-    importPath: "@/components/ui/loading-spinner",
-    source: "custom",
-  },
-  {
-    name: "LoadingPulse",
-    description: "Subtle pulse animation wrapper for skeleton states.",
-    importPath: "@/components/ui/loading-spinner",
-    source: "custom",
-  },
-  {
-    name: "ConfirmationDialog",
-    description:
-      "Modal dialog for destructive actions. Supports default, warning, and danger variants.",
-    importPath: "@/components/ui/confirmation-dialog",
-    source: "custom",
-  },
-];
-
-export const cardComponents: ComponentExample[] = [
-  {
-    name: "Card",
-    description:
-      "Base card component with Calm Premium tokens. Optional hoverable prop adds lift animation.",
-    importPath: "@/components/ui/card",
-    source: "custom",
-  },
-  {
-    name: "DirectoryCard",
-    description:
-      "Project-specific card for directory entries. Includes image, category badge, bookmark button, and metadata.",
-    importPath: "@/components/directory/directory-card",
-    source: "custom",
-  },
-];
-
-export const toastComponents: ComponentExample[] = [
-  {
-    name: "Toast",
-    description:
-      "Toast notification with 4 semantic variants (success, error, info, warning). Supports action buttons, keyboard dismissal (Esc), and hover-pause for auto-dismiss.",
-    importPath: "@/components/ui/toast/toast",
-    source: "custom",
-  },
-  {
-    name: "useToast",
-    description:
-      "Fluent builder hook for creating toasts. Chain methods: .success().action().duration().id().show()",
-    importPath: "@/hooks/use-toast",
-    source: "custom",
-  },
-];
-
-export const badgeComponents: ComponentExample[] = [
-  {
-    name: "Badge",
-    description:
-      "Inline status indicator with 5 color variants (blue, green, yellow, red, zinc). Uses design system brand colors.",
-    importPath: "@/components/catalyst-ui/badge",
-    source: "catalyst",
-  },
-  {
-    name: "BadgeButton",
-    description:
-      "Interactive badge that can be a button or link. Includes focus ring and hover state.",
-    importPath: "@/components/catalyst-ui/badge",
-    source: "catalyst",
-  },
-];
-
-export const dialogComponents: ComponentExample[] = [
-  {
-    name: "Dialog",
-    description:
-      "Modal dialog with HeadlessUI. Supports 9 size variants from xs to 5xl. Mobile-responsive as bottom sheet.",
-    importPath: "@/components/catalyst-ui/dialog",
-    source: "catalyst",
-  },
-  {
-    name: "DialogTitle",
-    description: "Dialog header with proper heading semantics.",
-    importPath: "@/components/catalyst-ui/dialog",
-    source: "catalyst",
-  },
-  {
-    name: "DialogDescription",
-    description: "Descriptive text beneath the dialog title.",
-    importPath: "@/components/catalyst-ui/dialog",
-    source: "catalyst",
-  },
-  {
-    name: "DialogBody",
-    description: "Container for dialog content with proper spacing.",
-    importPath: "@/components/catalyst-ui/dialog",
-    source: "catalyst",
-  },
-  {
-    name: "DialogActions",
-    description: "Footer container for action buttons with responsive layout.",
-    importPath: "@/components/catalyst-ui/dialog",
-    source: "catalyst",
-  },
-];
-
-export const skeletonComponents: ComponentExample[] = [
-  {
-    name: "DirectoryCardSkeleton",
-    description:
-      "Skeleton loading state matching DirectoryCard layout. Uses semantic color tokens for dark mode.",
-    importPath: "@/components/ui/directory-card-skeleton",
-    source: "custom",
-  },
-  {
-    name: "DirectoryGridSkeleton",
-    description:
-      "Grid of skeleton cards for directory pages. Configurable count.",
-    importPath: "@/components/ui/directory-grid-skeleton",
-    source: "custom",
-  },
-];
-
-export const layoutComponents: ComponentExample[] = [
-  {
-    name: "PageHeader",
-    description:
-      "Animated page header with title, optional subtitle, heading level (h1/h2), size variants, and bougainvillea accent bar.",
-    importPath: "@/components/ui/page-header",
-    source: "custom",
-  },
-];
-
-export const navigationComponents: ComponentExample[] = [
-  {
-    name: "MobileBottomNav",
-    description:
-      "Fixed bottom navigation for mobile. Thumb-zone optimized with iOS safe area support. Auto-hides on detail pages.",
-    importPath: "@/components/navigation/mobile-bottom-nav",
-    source: "custom",
-  },
-];
-
-export const toolbarComponents: ComponentExample[] = [
-  {
-    name: "ContentActionToolbar",
-    description:
-      "Responsive toolbar for content pages. Desktop: fixed left-rail. Mobile: FAB with expandable menu. Includes share, reactions, print, suggest.",
-    importPath: "@/components/content/content-action-toolbar",
-    source: "custom",
-  },
-  {
-    name: "ContentActionDesktop",
-    description:
-      "Desktop variant of toolbar. Fixed left-rail with vertical action stack.",
-    importPath:
-      "@/components/content/content-action-toolbar/content-action-desktop",
-    source: "custom",
-  },
-  {
-    name: "ContentActionFAB",
-    description:
-      "Mobile variant of toolbar. 56×56px FAB that expands upward with stagger animation.",
-    importPath:
-      "@/components/content/content-action-toolbar/content-action-fab",
-    source: "custom",
-  },
-];
-
-export const avatarComponents: ComponentExample[] = [
-  {
-    name: "Avatar",
-    description:
-      "User profile image with initials fallback, size variants (xs-xl), and optional status indicator.",
-    importPath: "@/components/ui/avatar",
-    source: "custom",
-  },
-  {
-    name: "AvatarGroup",
-    description:
-      "Stacked avatar display with configurable max count and overflow indicator (+N).",
-    importPath: "@/components/ui/avatar",
-    source: "custom",
-  },
-  {
-    name: "AvatarButton",
-    description:
-      "Clickable avatar with expanded touch target (44×44px) and focus ring.",
-    importPath: "@/components/ui/avatar",
-    source: "custom",
-  },
-];
-
-export const overlayComponents: ComponentExample[] = [
-  {
-    name: "Tooltip",
-    description:
-      "Simple text hint on hover/focus. Position variants: top, bottom, left, right.",
-    importPath: "@/components/ui/tooltip",
-    source: "custom",
-  },
-  {
-    name: "Popover",
-    description:
-      "Rich content panel that opens on click. Auto-positioning with HeadlessUI anchor.",
-    importPath: "@/components/catalyst-ui/popover",
-    source: "catalyst",
-  },
-  {
-    name: "Dropdown",
-    description:
-      "Action menu with items, dividers, icons, and keyboard shortcuts.",
-    importPath: "@/components/catalyst-ui/dropdown",
-    source: "catalyst",
-  },
-  {
-    name: "DropdownItem",
-    description:
-      "Menu item supporting buttons, links, icons, disabled, and destructive states.",
-    importPath: "@/components/catalyst-ui/dropdown",
-    source: "catalyst",
-  },
-];
-
-export const tabsComponents: ComponentExample[] = [
-  {
-    name: "TabGroup",
-    description:
-      "HeadlessUI Tab component. Container for tabs with managed state.",
-    importPath: "@headlessui/react",
-    source: "catalyst",
-  },
-  {
-    name: "TabList",
-    description: "Container for tab buttons with flex layout.",
-    importPath: "@headlessui/react",
-    source: "catalyst",
-  },
-  {
-    name: "Tab",
-    description:
-      "Individual tab button. Supports data-selected for active styling.",
-    importPath: "@headlessui/react",
-    source: "catalyst",
-  },
-  {
-    name: "TabPanels / TabPanel",
-    description: "Container and individual panels for tab content.",
-    importPath: "@headlessui/react",
-    source: "catalyst",
-  },
-];
-
-export const paginationComponents: ComponentExample[] = [
-  {
-    name: "Pagination",
-    description:
-      "Page navigation with prev/next buttons, page numbers, and ellipsis for large ranges. Size variants: sm, md, lg.",
-    importPath: "local pattern",
-    source: "custom",
-  },
-];
-
-export const allComponents = [
-  ...buttonComponents,
-  ...inputComponents,
-  ...checkboxComponents,
-  ...feedbackComponents,
-  ...cardComponents,
-  ...toastComponents,
-  ...badgeComponents,
-  ...dialogComponents,
-  ...skeletonComponents,
-  ...layoutComponents,
-  ...navigationComponents,
-  ...toolbarComponents,
-  ...avatarComponents,
-  ...overlayComponents,
-  ...tabsComponents,
-  ...paginationComponents,
-];
diff --git a/apps/web/src/components/admin/mdx-engine/index.ts b/apps/web/src/components/admin/mdx-engine/index.ts
deleted file mode 100644
index c3f047df..00000000
--- a/apps/web/src/components/admin/mdx-engine/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { MdxPreviewModal } from "./mdx-preview-modal";
-export { MdxCommitButton } from "./mdx-commit-button";
diff --git a/apps/web/src/components/admin/mdx-engine/mdx-commit-button.tsx b/apps/web/src/components/admin/mdx-engine/mdx-commit-button.tsx
deleted file mode 100644
index 2be419fd..00000000
--- a/apps/web/src/components/admin/mdx-engine/mdx-commit-button.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { FileCode, Loader2 } from "lucide-react";
-import { MdxPreviewModal } from "./mdx-preview-modal";
-import { generateMdx, commitMdx } from "@/lib/api";
-import type { MdxContent } from "@/types/admin";
-
-interface MdxCommitButtonProps {
-  storyId: string;
-  storyTitle: string;
-}
-
-export function MdxCommitButton({ storyId, storyTitle }: MdxCommitButtonProps) {
-  const [isGenerating, setIsGenerating] = useState(false);
-  const [isCommitting, setIsCommitting] = useState(false);
-  const [mdxContent, setMdxContent] = useState<MdxContent | null>(null);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-
-  const handleGenerate = async () => {
-    setIsGenerating(true);
-
-    try {
-      const content = await generateMdx(storyId);
-      setMdxContent(content);
-      setIsModalOpen(true);
-    } catch (err) {
-      console.error("Failed to generate MDX:", err);
-      // Show error toast/notification
-      alert(
-        `Error: ${err instanceof Error ? err.message : "Failed to generate MDX content"}`
-      );
-    } finally {
-      setIsGenerating(false);
-    }
-  };
-
-  const handleCommit = async (mdxSource: string) => {
-    setIsCommitting(true);
-
-    try {
-      const result = await commitMdx(
-        storyId,
-        mdxSource,
-        `Archive story: ${storyTitle}`
-      );
-
-      // Success - close modal and show success message
-      setIsModalOpen(false);
-      setMdxContent(null);
-
-      // Show success toast/notification
-      alert(
-        `MDX committed successfully!\nPath: ${result.mdxPath}\nCommitted by: ${result.committedBy}`
-      );
-    } catch (err) {
-      console.error("Failed to commit MDX:", err);
-      // Show error toast/notification
-      alert(
-        `Error: ${err instanceof Error ? err.message : "Failed to commit MDX content"}`
-      );
-    } finally {
-      setIsCommitting(false);
-    }
-  };
-
-  const handleCloseModal = () => {
-    if (!isCommitting) {
-      setIsModalOpen(false);
-      setMdxContent(null);
-    }
-  };
-
-  return (
-    <>
-      <button
-        onClick={handleGenerate}
-        disabled={isGenerating}
-        className="bg-surface border-ocean-blue text-ocean-blue hover:bg-ocean-blue inline-flex items-center gap-1.5 rounded-md border px-3 py-1 text-xs font-medium transition-colors hover:text-white disabled:cursor-not-allowed disabled:opacity-50"
-        title="Generate MDX for archival"
-      >
-        {isGenerating ? (
-          <>
-            <Loader2 size={14} className="animate-spin" />
-            Generating...
-          </>
-        ) : (
-          <>
-            <FileCode size={14} />
-            Generate MDX
-          </>
-        )}
-      </button>
-
-      <MdxPreviewModal
-        mdxContent={mdxContent}
-        isOpen={isModalOpen}
-        onClose={handleCloseModal}
-        onCommit={handleCommit}
-        isCommitting={isCommitting}
-      />
-    </>
-  );
-}
diff --git a/apps/web/src/components/admin/mdx-engine/mdx-preview-modal.tsx b/apps/web/src/components/admin/mdx-engine/mdx-preview-modal.tsx
deleted file mode 100644
index 23a5ead7..00000000
--- a/apps/web/src/components/admin/mdx-engine/mdx-preview-modal.tsx
+++ /dev/null
@@ -1,266 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import {
-  Dialog,
-  DialogBackdrop,
-  DialogPanel,
-  DialogTitle,
-} from "@headlessui/react";
-import {
-  X,
-  CheckCircle,
-  AlertTriangle,
-  FileText,
-  Calendar,
-  User,
-  MapPin,
-} from "lucide-react";
-import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { dark } from "react-syntax-highlighter/dist/esm/styles/prism";
-import type { MdxContent } from "@/types/admin";
-import { ConfirmationDialog } from "@/components/ui/confirmation-dialog";
-
-interface MdxPreviewModalProps {
-  mdxContent: MdxContent | null;
-  isOpen: boolean;
-  onClose: () => void;
-  onCommit: (mdxSource: string) => void;
-  isCommitting?: boolean;
-}
-
-export function MdxPreviewModal({
-  mdxContent,
-  isOpen,
-  onClose,
-  onCommit,
-  isCommitting = false,
-}: MdxPreviewModalProps) {
-  const [showValidationDetails, setShowValidationDetails] = useState(false);
-  const [showValidationConfirm, setShowValidationConfirm] = useState(false);
-
-  if (!mdxContent) return null;
-
-  const handleCommit = () => {
-    if (!mdxContent.schemaValid) {
-      setShowValidationConfirm(true);
-      return;
-    }
-    onCommit(mdxContent.mdxSource);
-  };
-
-  const handleValidationConfirm = () => {
-    setShowValidationConfirm(false);
-    onCommit(mdxContent.mdxSource);
-  };
-
-  return (
-    <Dialog as="div" className="relative z-50" open={isOpen} onClose={onClose}>
-      <DialogBackdrop
-        transition
-        className="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity data-[closed]:opacity-0 data-[enter]:duration-300 data-[enter]:ease-out data-[leave]:duration-200 data-[leave]:ease-in"
-      />
-
-      <div className="fixed inset-0 z-10 w-screen overflow-y-auto">
-        <div className="flex min-h-full items-center justify-center p-4 text-center sm:p-0">
-          <DialogPanel
-            transition
-            className="bg-surface relative transform overflow-hidden rounded-lg text-left shadow-xl transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[enter]:ease-out data-[leave]:duration-200 data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-4xl data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95"
-          >
-            {/* Header */}
-            <div className="border-hairline flex items-start justify-between border-b p-4">
-              <div className="flex-1 pr-4">
-                <div className="mb-2 flex items-center gap-2">
-                  <FileText className="text-ocean-blue h-5 w-5" />
-                  <DialogTitle className="text-body font-serif text-xl font-bold">
-                    MDX Archival Engine
-                  </DialogTitle>
-                </div>
-                <p className="text-muted text-sm">
-                  Preview and commit generated MDX content
-                </p>
-              </div>
-              <button
-                onClick={onClose}
-                className="hover:bg-surface-alt rounded-full p-2 transition-colors"
-              >
-                <X size={20} className="text-muted" />
-              </button>
-            </div>
-
-            {/* Content */}
-            <div className="max-h-[70vh] overflow-y-auto p-6">
-              {/* Schema Validation Status */}
-              <div className="mb-6">
-                {mdxContent.schemaValid ? (
-                  <div className="flex items-center gap-2 rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-800 dark:bg-green-900/20">
-                    <CheckCircle className="h-5 w-5 flex-shrink-0 text-green-600 dark:text-green-400" />
-                    <div className="flex-1">
-                      <p className="text-sm font-medium text-green-800 dark:text-green-300">
-                        Schema-compliant MDX
-                      </p>
-                      <p className="text-xs text-green-700 dark:text-green-400">
-                        All validation checks passed
-                      </p>
-                    </div>
-                  </div>
-                ) : (
-                  <div className="rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-900/20">
-                    <div className="flex items-center gap-2">
-                      <AlertTriangle className="h-5 w-5 flex-shrink-0 text-amber-600 dark:text-amber-400" />
-                      <div className="flex-1">
-                        <p className="text-sm font-medium text-amber-800 dark:text-amber-300">
-                          Schema validation errors
-                        </p>
-                        <button
-                          onClick={() =>
-                            setShowValidationDetails(!showValidationDetails)
-                          }
-                          className="text-xs text-amber-700 hover:underline dark:text-amber-400"
-                        >
-                          {showValidationDetails
-                            ? "Hide details"
-                            : "Show details"}
-                        </button>
-                      </div>
-                    </div>
-                    {showValidationDetails &&
-                      mdxContent.validationErrors &&
-                      mdxContent.validationErrors.length > 0 && (
-                        <ul className="mt-2 space-y-1 border-t border-amber-200 pt-2 dark:border-amber-700">
-                          {mdxContent.validationErrors.map((error, index) => (
-                            <li
-                              key={index}
-                              className="text-xs text-amber-700 dark:text-amber-400"
-                            >
-                              • {error}
-                            </li>
-                          ))}
-                        </ul>
-                      )}
-                  </div>
-                )}
-              </div>
-
-              {/* Frontmatter Preview */}
-              <div className="bg-canvas mb-6 rounded-lg p-4">
-                <h3 className="text-muted mb-3 flex items-center gap-2 text-sm font-semibold">
-                  <FileText size={16} />
-                  Frontmatter Preview
-                </h3>
-                <div className="grid grid-cols-1 gap-2 text-sm sm:grid-cols-2">
-                  <div className="text-muted flex items-center gap-2">
-                    <User size={14} />
-                    <span className="font-medium">Author:</span>
-                    <span>{mdxContent.frontmatter.author}</span>
-                  </div>
-                  <div className="text-muted flex items-center gap-2">
-                    <Calendar size={14} />
-                    <span className="font-medium">Date:</span>
-                    <span>{mdxContent.frontmatter.date}</span>
-                  </div>
-                  {mdxContent.frontmatter.location && (
-                    <div className="text-muted flex items-center gap-2">
-                      <MapPin size={14} />
-                      <span className="font-medium">Location:</span>
-                      <span>{mdxContent.frontmatter.location}</span>
-                    </div>
-                  )}
-                  <div className="text-muted flex items-center gap-2">
-                    <FileText size={14} />
-                    <span className="font-medium">Type:</span>
-                    <span>{mdxContent.frontmatter.storyType}</span>
-                  </div>
-                </div>
-                {mdxContent.frontmatter.tags &&
-                  mdxContent.frontmatter.tags.length > 0 && (
-                    <div className="mt-2 flex flex-wrap gap-1">
-                      {mdxContent.frontmatter.tags.map((tag, index) => (
-                        <span
-                          key={index}
-                          className="bg-surface-alt text-muted rounded-full px-2 py-0.5 text-xs"
-                        >
-                          {tag}
-                        </span>
-                      ))}
-                    </div>
-                  )}
-              </div>
-
-              {/* MDX Source Code Preview */}
-              <div className="border-hairline rounded-lg border">
-                <div className="border-hairline bg-surface-alt border-b px-4 py-2">
-                  <h3 className="text-body text-sm font-semibold">
-                    MDX Source
-                  </h3>
-                </div>
-                <div className="max-h-96 overflow-auto">
-                  <SyntaxHighlighter
-                    language="markdown"
-                    style={dark}
-                    customStyle={{
-                      margin: 0,
-                      borderRadius: 0,
-                      fontSize: "0.875rem",
-                    }}
-                    showLineNumbers
-                  >
-                    {mdxContent.mdxSource}
-                  </SyntaxHighlighter>
-                </div>
-              </div>
-
-              {/* Metadata */}
-              <div className="text-muted mt-4 text-xs">
-                <p>
-                  Generated at:{" "}
-                  {new Date(mdxContent.generatedAt).toLocaleString()}
-                </p>
-                <p>Slug: {mdxContent.slug}</p>
-              </div>
-            </div>
-
-            {/* Actions */}
-            <div className="border-hairline bg-canvas flex items-center justify-end gap-3 border-t p-4">
-              <button
-                onClick={onClose}
-                disabled={isCommitting}
-                className="border-hairline text-body hover:bg-surface-alt rounded-lg border px-4 py-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-              >
-                Discard
-              </button>
-              <button
-                onClick={handleCommit}
-                disabled={isCommitting}
-                className="bg-ocean-blue hover:bg-ocean-blue-deep inline-flex items-center gap-2 rounded-lg px-4 py-2 text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-              >
-                {isCommitting ? (
-                  <>
-                    <div className="h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" />
-                    Committing...
-                  </>
-                ) : (
-                  <>
-                    <CheckCircle size={16} />
-                    Commit to Repository
-                  </>
-                )}
-              </button>
-            </div>
-          </DialogPanel>
-        </div>
-      </div>
-
-      {/* Validation Warning Confirmation */}
-      <ConfirmationDialog
-        isOpen={showValidationConfirm}
-        onClose={() => setShowValidationConfirm(false)}
-        onConfirm={handleValidationConfirm}
-        title="Commit with validation errors?"
-        description="Schema validation has errors. The MDX will be committed but not merged until validation passes."
-        confirmLabel="Commit Anyway"
-        variant="warning"
-      />
-    </Dialog>
-  );
-}
diff --git a/apps/web/src/components/catalyst-ui/fieldset.tsx b/apps/web/src/components/catalyst-ui/fieldset.tsx
index a1f4120d..f77366c4 100644
--- a/apps/web/src/components/catalyst-ui/fieldset.tsx
+++ b/apps/web/src/components/catalyst-ui/fieldset.tsx
@@ -2,49 +2,7 @@ import * as Headless from "@headlessui/react";
 import clsx from "clsx";
 import type React from "react";
 
-export function Fieldset({
-  className,
-  ...props
-}: { className?: string } & Omit<Headless.FieldsetProps, "as" | "className">) {
-  return (
-    <Headless.Fieldset
-      {...props}
-      className={clsx(
-        className,
-        "*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6"
-      )}
-    />
-  );
-}
-
-export function Legend({
-  className,
-  ...props
-}: { className?: string } & Omit<Headless.LegendProps, "as" | "className">) {
-  return (
-    <Headless.Legend
-      data-slot="legend"
-      {...props}
-      className={clsx(
-        className,
-        "dark:text-text-primary text-base/6 font-semibold text-basalt-900 data-disabled:opacity-50 sm:text-sm/6"
-      )}
-    />
-  );
-}
 
-export function FieldGroup({
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<"div">) {
-  return (
-    <div
-      data-slot="control"
-      {...props}
-      className={clsx(className, "space-y-8")}
-    />
-  );
-}
 
 export function Field({
   className,
diff --git a/apps/web/src/components/catalyst-ui/popover.tsx b/apps/web/src/components/catalyst-ui/popover.tsx
index 899cd4b1..97625fc7 100644
--- a/apps/web/src/components/catalyst-ui/popover.tsx
+++ b/apps/web/src/components/catalyst-ui/popover.tsx
@@ -97,33 +97,4 @@ export function PopoverGroup({
   );
 }
 
-/**
- * PopoverBackdrop adds a backdrop when popover is open.
- */
-export function PopoverBackdrop({ className }: { className?: string }) {
-  return (
-    <Headless.PopoverBackdrop
-      transition
-      className={clsx(
-        "fixed inset-0 bg-black/20 dark:bg-black/40",
-        "transition duration-100 ease-out data-closed:opacity-0",
-        className
-      )}
-    />
-  );
-}
 
-/**
- * CloseButton closes the popover when clicked.
- */
-export function PopoverClose({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) {
-  return (
-    <Headless.CloseButton className={className}>{children}</Headless.CloseButton>
-  );
-}
diff --git a/apps/web/src/components/contact/contact-form.tsx b/apps/web/src/components/contact/contact-form.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/apps/web/src/components/content/search.tsx b/apps/web/src/components/content/search.tsx
deleted file mode 100644
index 382b2fd1..00000000
--- a/apps/web/src/components/content/search.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-"use client";
-
-import { useEffect, useState, useCallback } from "react";
-import Link from "next/link";
-import { Search, X } from "lucide-react";
-
-interface SearchResult {
-  url: string;
-  excerpt: string;
-  meta: {
-    title?: string;
-    category?: string;
-  };
-}
-
-interface PagefindUI {
-  search: (query: string) => Promise<{
-    results: Array<{
-      id: string;
-      data: () => Promise<SearchResult>;
-    }>;
-  }>;
-}
-
-interface ContentSearchProps {
-  placeholder?: string;
-  className?: string;
-  /** Callback when user submits search (Enter key or explicit action) */
-  onSearchSubmit?: (query: string) => void;
-}
-
-export function ContentSearch({
-  placeholder = "Search articles...",
-  className = "",
-  onSearchSubmit,
-}: ContentSearchProps) {
-  const [query, setQuery] = useState("");
-  const [results, setResults] = useState<SearchResult[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [isOpen, setIsOpen] = useState(false);
-  const [pagefind, setPagefind] = useState<PagefindUI | null>(null);
-
-  // Load Pagefind on mount (only in browser, after build)
-  useEffect(() => {
-    async function loadPagefind() {
-      if (typeof window === "undefined") return;
-
-      try {
-        // Use dynamic path to prevent static analysis by bundler
-        const pagefindPath = ["/pagefind", "pagefind.js"].join("/");
-        const pf = await import(/* webpackIgnore: true */ pagefindPath);
-        await pf.init();
-        setPagefind(pf);
-      } catch (_error) {
-        // Pagefind not available - likely in development mode before build
-        console.warn(
-          "Pagefind not loaded. Run 'pnpm run build' to generate search index."
-        );
-      }
-    }
-    loadPagefind();
-  }, []);
-
-  // Search function
-  const performSearch = useCallback(
-    async (searchQuery: string) => {
-      if (!pagefind || !searchQuery.trim()) {
-        setResults([]);
-        return;
-      }
-
-      setIsLoading(true);
-      try {
-        const search = await pagefind.search(searchQuery);
-        const searchResults = await Promise.all(
-          search.results.slice(0, 10).map((result) => result.data())
-        );
-        setResults(searchResults);
-        setIsOpen(true);
-      } catch (error) {
-        console.error("Search error:", error);
-        setResults([]);
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [pagefind]
-  );
-
-  // Debounced search
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      if (query) {
-        performSearch(query);
-      } else {
-        setResults([]);
-        setIsOpen(false);
-      }
-    }, 300);
-
-    return () => clearTimeout(timer);
-  }, [query, performSearch]);
-
-  // Close on escape
-  useEffect(() => {
-    function handleKeyDown(e: KeyboardEvent) {
-      if (e.key === "Escape") {
-        setIsOpen(false);
-        setQuery("");
-      }
-    }
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, []);
-
-  return (
-    <div className={`relative ${className}`}>
-      {/* Search input */}
-      <div className="relative">
-        <Search className="text-muted absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2" />
-        <input
-          type="text"
-          value={query}
-          onChange={(e) => setQuery(e.target.value)}
-          onKeyDown={(e) => {
-            if (e.key === "Enter" && query.trim() && onSearchSubmit) {
-              e.preventDefault();
-              onSearchSubmit(query.trim());
-            }
-          }}
-          placeholder={placeholder}
-          className="focus:border-ocean-blue focus:ring-ocean-blue border-hairline bg-surface text-body w-full rounded-lg border py-2 pr-10 pl-10 text-sm focus:ring-1 focus:outline-none"
-          aria-label="Search articles"
-        />
-        {query && (
-          <button
-            onClick={() => {
-              setQuery("");
-              setResults([]);
-              setIsOpen(false);
-            }}
-            className="text-muted hover:text-body absolute top-1/2 right-3 -translate-y-1/2"
-            aria-label="Clear search"
-          >
-            <X className="h-5 w-5" />
-          </button>
-        )}
-      </div>
-
-      {/* Search results dropdown */}
-      {isOpen && (query || results.length > 0) && (
-        <div className="border-hairline bg-surface shadow-elevated absolute top-full z-50 mt-2 w-full rounded-lg border">
-          {isLoading ? (
-            <div className="text-muted p-4 text-center text-sm">
-              Searching...
-            </div>
-          ) : results.length > 0 ? (
-            <ul className="max-h-96 overflow-y-auto py-2">
-              {results.map((result, index) => (
-                <li key={index}>
-                  <Link
-                    href={result.url.replace(/\.html$/, "")}
-                    onClick={() => {
-                      setIsOpen(false);
-                      setQuery("");
-                    }}
-                    className="hover:bg-surface-alt block px-4 py-3"
-                  >
-                    <div className="text-body font-medium">
-                      {result.meta.title || "Untitled"}
-                    </div>
-                    {result.meta.category && (
-                      <span className="bg-surface-alt text-muted mt-1 inline-block rounded px-2 py-0.5 text-xs">
-                        {result.meta.category}
-                      </span>
-                    )}
-                    <p
-                      className="text-muted mt-1 line-clamp-2 text-sm"
-                      dangerouslySetInnerHTML={{ __html: result.excerpt }}
-                    />
-                  </Link>
-                </li>
-              ))}
-            </ul>
-          ) : query ? (
-            <div className="text-muted p-4 text-center text-sm">
-              No results found for &quot;{query}&quot;
-            </div>
-          ) : null}
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/landing/hero-section-atmospheric.tsx b/apps/web/src/components/landing/hero-section-atmospheric.tsx
deleted file mode 100644
index 8563125b..00000000
--- a/apps/web/src/components/landing/hero-section-atmospheric.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import { motion, useReducedMotion } from "framer-motion";
-import { ArrowRight, MapPin, Users } from "lucide-react";
-import Link from "next/link";
-import { UnifiedSearch } from "@/components/search";
-import { ScrollIndicator } from "@/components/ui/scroll-indicator";
-
-interface HeroSectionAtmosphericProps {
-  className?: string;
-}
-
-export function HeroSectionAtmospheric({
-  className,
-}: HeroSectionAtmosphericProps) {
-  const router = useRouter();
-  const [searchFocused, setSearchFocused] = useState(false);
-  const shouldReduceMotion = useReducedMotion();
-
-  // --- Interaction Handlers ---
-  const handleScrollDown = () => {
-    const sections = document.querySelectorAll("section");
-    const heritageSection = sections[1];
-    if (heritageSection) {
-      const rect = heritageSection.getBoundingClientRect();
-      window.scrollTo({
-        top: window.scrollY + rect.top - 60,
-        behavior: "smooth",
-      });
-    } else {
-      window.scrollTo({
-        top: window.innerHeight,
-        behavior: "smooth",
-      });
-    }
-  };
-
-  // --- Animation Variants (entrance only, no continuous loops) ---
-  const containerVariants = {
-    hidden: { opacity: 0 },
-    visible: {
-      opacity: 1,
-      transition: {
-        staggerChildren: 0.15,
-        delayChildren: 0.2,
-      },
-    },
-  } as const;
-
-  const itemVariants = {
-    hidden: { y: 20, opacity: 0 },
-    visible: {
-      y: 0,
-      opacity: 1,
-      transition: { duration: 0.4, ease: "easeOut" as const },
-    },
-  } as const;
-
-  return (
-    <section
-      className={`relative h-[88vh] min-h-[720px] w-full overflow-hidden bg-stone-900 font-sans text-white selection:bg-amber-500/30 ${className ?? ""}`}
-    >
-      {/* --- 1. Background Layer (Static) --- */}
-      <div className="absolute inset-0 z-0 overflow-hidden">
-        <div className="relative h-full w-full">
-          <Image
-            src="/images/hero.jpg"
-            alt="Brava Island coastline at dawn"
-            fill
-            priority
-            sizes="100vw"
-            className="object-cover object-center opacity-90"
-          />
-        </div>
-      </div>
-
-      {/* --- 2. Gradient Overlay --- */}
-      <div className="absolute inset-0 z-10 bg-gradient-to-t from-stone-950 via-stone-900/75 to-stone-900/30" />
-
-      {/* --- 3. Main Content Container --- */}
-      <div className="relative z-20 mx-auto flex h-full w-full max-w-7xl flex-col justify-end px-6 pt-16 pb-24 md:pt-20 md:pb-32 lg:px-12 lg:pt-24">
-        <motion.div
-          variants={shouldReduceMotion ? undefined : containerVariants}
-          initial={shouldReduceMotion ? undefined : "hidden"}
-          animate={shouldReduceMotion ? undefined : "visible"}
-          className="relative max-w-3xl"
-        >
-          {/* Context Badges - Trust & Location */}
-          <motion.div
-            variants={shouldReduceMotion ? undefined : itemVariants}
-            className="mb-6 flex items-center gap-3"
-          >
-            <span className="shadow-subtle inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/10 px-3 py-1 text-xs font-medium tracking-wide text-amber-100/90 uppercase backdrop-blur-md">
-              <Users size={12} aria-hidden="true" />
-              Community-Led & Open Source
-            </span>
-            <span
-              className="hidden h-1 w-1 rounded-full bg-white/40 sm:inline-block"
-              aria-hidden="true"
-            />
-            <span className="shadow-subtle hidden items-center gap-1.5 text-xs font-medium tracking-wide text-stone-300 uppercase sm:flex">
-              <MapPin size={12} aria-hidden="true" />
-              Ilha das Flores &bull; Cabo Verde
-            </span>
-          </motion.div>
-
-          {/* Headlines - capped at text-6xl */}
-          <motion.div
-            variants={shouldReduceMotion ? undefined : itemVariants}
-            className="mb-6 space-y-2"
-          >
-            <h1 className="bg-gradient-to-br from-white via-stone-200 to-stone-400 bg-clip-text font-serif text-4xl leading-[1.1] tracking-tight text-transparent drop-shadow-lg sm:text-5xl md:text-6xl">
-              Discover the <br />
-              <span className="font-light text-amber-50 italic">
-                Soul of Brava
-              </span>
-            </h1>
-            <p className="pl-1 font-serif text-lg text-amber-200/90 italic drop-shadow-md md:text-xl">
-              &ldquo;Nos terra, nos gente, nos memoria.&rdquo;
-            </p>
-          </motion.div>
-
-          {/* Description */}
-          <motion.div
-            variants={shouldReduceMotion ? undefined : itemVariants}
-            className="mb-10 max-w-xl"
-          >
-            <p className="text-base leading-relaxed font-light text-stone-200 drop-shadow-md md:text-lg md:text-stone-100">
-              A living archive connecting the people of Djabraba and the global
-              diaspora. We preserve Brava's oral histories and celebrate the
-              resilience of our island culture.
-            </p>
-          </motion.div>
-
-          {/* Dual CTAs - CSS-only hover effects */}
-          <motion.div
-            variants={shouldReduceMotion ? undefined : itemVariants}
-            className="flex flex-col gap-4 sm:flex-row"
-          >
-            {/* Primary CTA - Share Your Story */}
-            <Link
-              href="/contribute/story"
-              className="bg-bougainvillea-pink hover:bg-bougainvillea-pink/90 group rounded-button shadow-subtle hover:shadow-lift relative flex items-center justify-center gap-2.5 px-8 py-3 text-base font-semibold whitespace-nowrap text-white transition-all duration-200 hover:scale-[1.02] focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-stone-900"
-            >
-              Share Your Story
-              <ArrowRight
-                size={18}
-                className="text-white/90 transition-transform group-hover:translate-x-0.5 group-hover:text-white"
-                aria-hidden="true"
-              />
-            </Link>
-
-            {/* Secondary CTA - Explore Directory */}
-            <Link
-              href="/directory"
-              className="rounded-button flex items-center justify-center border border-white/30 bg-white/10 px-8 py-3 text-base font-semibold text-white backdrop-blur-sm transition-all duration-200 hover:scale-[1.02] hover:bg-white/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-stone-900"
-            >
-              Explore Directory
-            </Link>
-          </motion.div>
-
-          {/* Search Bar - Simplified focus state */}
-          <motion.div
-            variants={shouldReduceMotion ? undefined : itemVariants}
-            className="mt-5 w-full max-w-lg"
-          >
-            <div
-              className={`group relative transition-transform duration-300 ${searchFocused ? "scale-[1.01]" : ""}`}
-            >
-              <UnifiedSearch
-                variant="hero"
-                placeholder="Search stories, people, villages, or landmarks…"
-                onFocusChange={setSearchFocused}
-                onSearchSubmit={(query) =>
-                  router.push(`/directory?q=${encodeURIComponent(query)}`)
-                }
-              />
-            </div>
-          </motion.div>
-        </motion.div>
-      </div>
-
-      {/* --- 4. Scroll Indicator --- */}
-      <ScrollIndicator onClick={handleScrollDown} />
-    </section>
-  );
-}
-
-export default HeroSectionAtmospheric;
diff --git a/apps/web/src/components/landing/map-teaser-section.tsx b/apps/web/src/components/landing/map-teaser-section.tsx
index 39084ead..431dce25 100644
--- a/apps/web/src/components/landing/map-teaser-section.tsx
+++ b/apps/web/src/components/landing/map-teaser-section.tsx
@@ -56,7 +56,7 @@ function MapMarker({
       </div>
 
       {/* Label (Floating below) */}
-      <div className="text-basalt-900 shadow-subtle rounded-full bg-white/90 px-3 py-1 text-[10px] font-bold tracking-widest uppercase backdrop-blur-md">
+      <div className="text-basalt-900 shadow-subtle bg-canvas/90 rounded-full px-3 py-1 text-[10px] font-bold tracking-widest uppercase backdrop-blur-md">
         {label}
       </div>
     </motion.div>
@@ -199,7 +199,7 @@ export function MapTeaserSection() {
             className="order-1 w-full lg:order-2 lg:w-1/2"
           >
             {/* Map Container */}
-            <div className="group bg-ocean-blue/5 rounded-container shadow-floating relative aspect-square w-full overflow-hidden border-4 border-white md:aspect-[4/3]">
+            <div className="group bg-ocean-blue/5 rounded-container shadow-floating border-surface relative aspect-square w-full overflow-hidden border-4 md:aspect-[4/3]">
               <div className="pointer-events-none absolute inset-0 z-10 bg-stone-900/5 mix-blend-multiply" />
               <Image
                 src="/images/map.jpg"
@@ -242,10 +242,10 @@ export function MapTeaserSection() {
 
               {/* UI Overlay Controls */}
               <div className="absolute right-4 bottom-4 z-20 flex flex-col gap-2 opacity-80">
-                <div className="text-basalt-500 rounded-button shadow-medium flex h-8 w-8 items-center justify-center bg-white/90">
+                <div className="text-basalt-500 rounded-button shadow-medium bg-canvas/90 flex h-8 w-8 items-center justify-center">
                   <Navigation size={16} />
                 </div>
-                <div className="text-basalt-500 rounded-button shadow-medium flex h-8 w-8 items-center justify-center bg-white/90 text-xs font-bold">
+                <div className="text-basalt-500 rounded-button shadow-medium bg-canvas/90 flex h-8 w-8 items-center justify-center text-xs font-bold">
                   3D
                 </div>
               </div>
diff --git a/apps/web/src/components/newsletter/homepage-newsletter-section.tsx b/apps/web/src/components/newsletter/homepage-newsletter-section.tsx
deleted file mode 100644
index e679e484..00000000
--- a/apps/web/src/components/newsletter/homepage-newsletter-section.tsx
+++ /dev/null
@@ -1,251 +0,0 @@
-"use client";
-
-import { useState, useRef } from "react";
-import clsx from "clsx";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import {
-  newsletterSchema,
-  type NewsletterInput,
-} from "@/lib/validation/newsletter-schema";
-import { subscribeToNewsletter } from "@/app/actions/newsletter";
-import {
-  hasSubmittedEmail,
-  recordSubmittedEmail,
-} from "@/lib/newsletter-submission-cache";
-
-/**
- * Homepage Newsletter Subscription Section
- *
- * Features:
- * - React Hook Form with Zod validation
- * - Server Action integration
- * - Inline success/error messages with ARIA live regions
- * - Hidden honeypot field for spam prevention
- * - Ocean Blue gradient background (Nos Ilha brand)
- * - Mobile-first responsive design
- * - WCAG 2.1 Level AA accessible
- *
- * @see frontend/src/app/actions/newsletter.ts - Server Action
- * @see frontend/src/lib/validation/newsletter-schema.ts - Validation schema
- */
-export default function HomepageNewsletterSection() {
-  const [responseMessage, setResponseMessage] = useState<string | null>(null);
-  const [messageVariant, setMessageVariant] = useState<
-    "success" | "error" | "info"
-  >("success");
-  const [isProcessing, setIsProcessing] = useState(false);
-  const emailInputRef = useRef<HTMLInputElement | null>(null);
-
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-    reset,
-  } = useForm<NewsletterInput>({
-    resolver: zodResolver(newsletterSchema),
-  });
-
-  const onSubmit = async (data: NewsletterInput) => {
-    try {
-      // Clear any previous messages when form is submitted
-      setResponseMessage(null);
-      setIsProcessing(true);
-
-      const normalizedEmail = data.email.trim().toLowerCase();
-
-      // Security: Show same success message to prevent email enumeration attacks
-      // (OWASP recommendation: consistent messages for existent/non-existent accounts)
-      if (hasSubmittedEmail(normalizedEmail)) {
-        setMessageVariant("success");
-        setResponseMessage("Thank you for subscribing!");
-        reset();
-        emailInputRef.current?.focus();
-        return;
-      }
-
-      // Create FormData for Server Action
-      const formData = new FormData();
-      formData.append("email", data.email);
-      if (data.website) {
-        formData.append("website", data.website);
-      }
-
-      // Call Server Action
-      const response = await subscribeToNewsletter(formData);
-
-      if (response.success) {
-        recordSubmittedEmail(normalizedEmail);
-        // Always show success message (server no longer returns duplicate flag)
-        setMessageVariant("success");
-        setResponseMessage(response.message);
-        reset();
-        emailInputRef.current?.focus();
-      } else {
-        setMessageVariant("error");
-        setResponseMessage(response.message);
-      }
-    } catch (_error) {
-      setMessageVariant("error");
-      setResponseMessage(
-        "An unexpected error occurred. Please try again later."
-      );
-    } finally {
-      setIsProcessing(false);
-    }
-  };
-
-  /**
-   * Handle validation errors by clearing any existing messages.
-   * This prevents message persistence when validation fails after showing
-   * an "already subscribed" message.
-   */
-  const onInvalid = () => {
-    // Clear the response message when validation fails
-    setResponseMessage(null);
-  };
-
-  const messageClassName = clsx(
-    "mt-4 rounded-md px-4 py-3 text-center text-base font-semibold",
-    {
-      "bg-white/10 text-white": messageVariant === "success",
-      "bg-sobrado-ochre/20 text-sobrado-ochre": messageVariant === "info",
-      "bg-white text-bougainvillea-pink": messageVariant === "error",
-    }
-  );
-
-  return (
-    <section className="bg-background-primary py-16 sm:py-24">
-      <div className="mx-auto max-w-7xl px-6 lg:px-8">
-        <div className="from-ocean-blue via-ocean-blue/80 to-ocean-blue/60 border-ocean-blue/30 shadow-elevated hover:shadow-floating relative isolate overflow-hidden rounded-lg border bg-gradient-to-br px-6 py-24 transition-shadow sm:px-24 xl:py-32">
-          {/* Ocean-inspired radial gradient overlay */}
-          <div
-            className="absolute inset-0 -z-10 opacity-20"
-            aria-hidden="true"
-            style={{
-              backgroundImage: `radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.2) 0%, transparent 50%)`,
-            }}
-          />
-
-          {/* Content */}
-          <div className="relative z-10">
-            <h2 className="mx-auto max-w-3xl text-center font-serif text-3xl font-bold tracking-tight text-white sm:text-4xl md:text-5xl">
-              Stay Connected with Brava Island
-            </h2>
-            <p className="mx-auto mt-6 max-w-lg text-center font-sans text-lg text-white/90">
-              Get updates on cultural events, new heritage sites, and stories
-              from our island community.
-            </p>
-
-            {/* Newsletter Form */}
-            <form
-              onSubmit={handleSubmit(onSubmit, onInvalid)}
-              className="mx-auto mt-10 max-w-md"
-              noValidate
-            >
-              <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:gap-x-4">
-                <div className="flex-1">
-                  <label htmlFor="newsletter-email" className="sr-only">
-                    Email address
-                  </label>
-                  <input
-                    {...register("email", {
-                      setValueAs: (value) => value,
-                    })}
-                    ref={(e) => {
-                      register("email").ref(e);
-                      emailInputRef.current = e;
-                    }}
-                    id="newsletter-email"
-                    type="email"
-                    autoComplete="email"
-                    placeholder="Enter your email"
-                    aria-label="Email address for newsletter subscription"
-                    aria-invalid={errors.email ? "true" : "false"}
-                    aria-describedby={errors.email ? "email-error" : undefined}
-                    disabled={isProcessing}
-                    className="focus:ring-offset-ocean-blue w-full rounded-lg border border-white/20 bg-white/10 px-4 py-3 font-sans text-base text-white transition-all placeholder:text-white/60 focus:border-white/40 focus:bg-white/20 focus:ring-2 focus:ring-white focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-60 sm:text-sm"
-                  />
-
-                  {/* Honeypot field (hidden from users and screen readers) */}
-                  <input
-                    {...register("website")}
-                    type="text"
-                    tabIndex={-1}
-                    autoComplete="off"
-                    className="absolute left-[-9999px]"
-                    aria-hidden="true"
-                  />
-
-                  {/* Validation error message */}
-                  {errors.email && (
-                    <p
-                      id="email-error"
-                      role="alert"
-                      className="mt-2 text-sm font-medium text-white"
-                    >
-                      {errors.email.message}
-                    </p>
-                  )}
-                </div>
-
-                <button
-                  type="submit"
-                  disabled={isProcessing}
-                  className="text-ocean-blue shadow-subtle flex-none rounded-lg bg-white px-6 py-3 font-sans text-sm font-semibold transition-all hover:bg-white/90 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:bg-white disabled:active:scale-100"
-                >
-                  {isProcessing ? "Subscribing..." : "Subscribe"}
-                </button>
-              </div>
-
-              {/* Success/Error message */}
-              {responseMessage && (
-                <div
-                  role={messageVariant === "error" ? "alert" : "status"}
-                  aria-live="polite"
-                  className={messageClassName}
-                >
-                  {responseMessage}
-                </div>
-              )}
-            </form>
-
-            {/* Privacy Note */}
-            <p className="mx-auto mt-6 max-w-md text-center font-sans text-sm text-white/70">
-              We respect your privacy. Unsubscribe at any time.
-            </p>
-          </div>
-
-          {/* Decorative Ocean Blue Glow - Nos Ilha Brand Identity */}
-          <svg
-            viewBox="0 0 1024 1024"
-            aria-hidden="true"
-            className="absolute top-1/2 left-1/2 -z-10 h-[64rem] w-[64rem] -translate-x-1/2 opacity-10"
-          >
-            <circle
-              r={512}
-              cx={512}
-              cy={512}
-              fill="url(#nos-ilha-newsletter-gradient)"
-              fillOpacity="0.4"
-            />
-            <defs>
-              <radialGradient
-                id="nos-ilha-newsletter-gradient"
-                cx={0}
-                cy={0}
-                r={1}
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(512 512) rotate(90) scale(512)"
-              >
-                <stop stopColor="var(--brand-ocean-blue)" />
-                <stop offset={0.5} stopColor="var(--brand-valley-green)" />
-                <stop offset={1} stopColor="transparent" stopOpacity={0} />
-              </radialGradient>
-            </defs>
-          </svg>
-        </div>
-      </div>
-    </section>
-  );
-}
diff --git a/apps/web/src/components/ui/page-transition.tsx b/apps/web/src/components/ui/page-transition.tsx
deleted file mode 100644
index 3d1eef50..00000000
--- a/apps/web/src/components/ui/page-transition.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import { usePathname } from "next/navigation";
-import { useMediaQuery } from "@/lib/hooks/use-media-query";
-
-interface PageTransitionProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-export function PageTransition({ children, className }: PageTransitionProps) {
-  const pathname = usePathname();
-  const prefersReducedMotion = useMediaQuery(
-    "(prefers-reduced-motion: reduce)"
-  );
-
-  // If reduced motion is preferred, return children without animation
-  if (prefersReducedMotion) {
-    return <div className={className}>{children}</div>;
-  }
-
-  return (
-    <motion.div
-      key={pathname}
-      initial={{ opacity: 0, y: 20, scale: 0.95 }}
-      animate={{ opacity: 1, y: 0, scale: 1 }}
-      exit={{ opacity: 0, y: -20, scale: 1.05 }}
-      transition={{ duration: 0.4, ease: "easeOut" }}
-      className={className}
-    >
-      {children}
-    </motion.div>
-  );
-}
-
-export function AnimatedSection({
-  children,
-  className,
-  delay = 0,
-}: PageTransitionProps & { delay?: number }) {
-  const prefersReducedMotion = useMediaQuery(
-    "(prefers-reduced-motion: reduce)"
-  );
-
-  if (prefersReducedMotion) {
-    return <div className={className}>{children}</div>;
-  }
-
-  return (
-    <motion.div
-      initial={{ opacity: 0, y: 20 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ delay, duration: 0.3, ease: "easeOut" }}
-      className={className}
-    >
-      {children}
-    </motion.div>
-  );
-}
diff --git a/apps/web/src/components/ui/video-hero-section.tsx b/apps/web/src/components/ui/video-hero-section.tsx
deleted file mode 100644
index cae81959..00000000
--- a/apps/web/src/components/ui/video-hero-section.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-"use client";
-
-import { motion, useInView } from "framer-motion";
-import { useRef, useEffect, useState } from "react";
-import { useMediaQuery } from "@/lib/hooks/use-media-query";
-import { ScrollIndicator } from "@/components/ui/scroll-indicator";
-
-interface VideoHeroSectionProps {
-  videoSrc: string;
-  posterSrc?: string;
-  title: string;
-  subtitle?: string;
-  overlayContent?: {
-    text: string;
-    delay: number;
-  }[];
-  className?: string;
-}
-
-export function VideoHeroSection({
-  videoSrc,
-  posterSrc,
-  title,
-  subtitle,
-  overlayContent,
-  className = "",
-}: VideoHeroSectionProps) {
-  const sectionRef = useRef<HTMLElement>(null);
-  const videoRef = useRef<HTMLVideoElement>(null);
-  const isInView = useInView(sectionRef, {
-    once: false,
-    margin: "-10% 0px -10% 0px",
-  });
-
-  const [isVideoReady, setIsVideoReady] = useState(false);
-  const reducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-
-  // Handle video play/pause based on intersection
-  useEffect(() => {
-    if (videoRef.current && isVideoReady) {
-      if (isInView && !reducedMotion) {
-        videoRef.current.play().catch(console.error);
-      } else {
-        videoRef.current.pause();
-      }
-    }
-  }, [isInView, isVideoReady, reducedMotion]);
-
-  // Handle smooth scroll to next section
-  const handleScrollToNext = () => {
-    const nextSection = sectionRef.current?.nextElementSibling;
-    if (nextSection) {
-      nextSection.scrollIntoView({
-        behavior: "smooth",
-        block: "start",
-      });
-    }
-  };
-
-  const containerVariants = {
-    hidden: { opacity: 0 },
-    visible: {
-      opacity: 1,
-      transition: {
-        duration: 0.6,
-        staggerChildren: 0.2,
-      },
-    },
-  };
-
-  const textVariants = {
-    hidden: {
-      opacity: 0,
-      y: 30,
-      scale: 0.95,
-    },
-    visible: {
-      opacity: 1,
-      y: 0,
-      scale: 1,
-      transition: {
-        type: "spring" as const,
-        damping: 20,
-        stiffness: 100,
-      },
-    },
-  };
-
-  const overlayVariants = {
-    hidden: { opacity: 0, y: 20 },
-    visible: (delay: number) => ({
-      opacity: 1,
-      y: 0,
-      transition: {
-        delay: delay,
-        duration: 0.8,
-        ease: "easeOut" as const,
-      },
-    }),
-  };
-
-  return (
-    <motion.section
-      ref={sectionRef}
-      className={`relative min-h-screen w-full overflow-hidden ${className}`}
-      variants={containerVariants}
-      initial="hidden"
-      animate={isInView ? "visible" : "hidden"}
-    >
-      {/* Video Background */}
-      <div className="absolute inset-0 z-0">
-        <video
-          ref={videoRef}
-          src={videoSrc}
-          poster={posterSrc}
-          muted
-          loop
-          playsInline
-          preload="metadata"
-          onLoadedData={() => setIsVideoReady(true)}
-          className="h-full w-full object-cover"
-          aria-label="Aerial view of Vila Nova Sintra, the capital of Brava Island"
-        />
-
-        {/* Brand-colored Gradient Overlay for Text Readability */}
-        <div className="from-ocean-blue/80 via-ocean-blue/30 absolute inset-0 bg-gradient-to-t to-transparent" />
-        <div className="from-valley-green/40 to-ocean-blue/40 absolute inset-0 bg-gradient-to-r via-transparent" />
-      </div>
-
-      {/* Content Overlay */}
-      <div className="relative z-10 flex min-h-screen items-center justify-center px-4 sm:px-6 lg:px-8">
-        <div className="max-w-4xl text-center">
-          {/* Main Title */}
-          <motion.div variants={textVariants} className="mb-6">
-            <h1 className="font-serif text-4xl font-bold text-white sm:text-6xl md:text-7xl">
-              {title}
-            </h1>
-            {subtitle && (
-              <p className="mt-6 font-sans text-lg leading-8 text-white/90 sm:text-xl">
-                {subtitle}
-              </p>
-            )}
-          </motion.div>
-
-          {/* Progressive Text Overlays */}
-          {overlayContent && overlayContent.length > 0 && (
-            <div className="space-y-4">
-              {overlayContent.map((content, index) => (
-                <motion.div
-                  key={index}
-                  variants={overlayVariants}
-                  custom={content.delay}
-                  className="font-serif text-lg text-white/95 sm:text-xl"
-                >
-                  <span className="from-ocean-blue/60 to-valley-green/60 shadow-elevated inline-block rounded-lg border border-white/20 bg-gradient-to-r px-6 py-3 backdrop-blur-sm">
-                    {content.text}
-                  </span>
-                </motion.div>
-              ))}
-            </div>
-          )}
-        </div>
-      </div>
-
-      {/* Scroll Indicator */}
-      <ScrollIndicator onClick={handleScrollToNext} />
-
-      {/* Reduced Motion Fallback Message */}
-      {reducedMotion && (
-        <div className="absolute right-6 bottom-6 z-20">
-          <div className="bg-ocean-blue/70 shadow-elevated rounded-lg border border-white/20 px-4 py-2 text-sm text-white/95 backdrop-blur-sm">
-            Video paused for accessibility
-          </div>
-        </div>
-      )}
-    </motion.section>
-  );
-}
diff --git a/apps/web/src/features/map/components/map-canvas.tsx b/apps/web/src/features/map/components/map-canvas.tsx
index ff15f3e0..27a21abf 100644
--- a/apps/web/src/features/map/components/map-canvas.tsx
+++ b/apps/web/src/features/map/components/map-canvas.tsx
@@ -568,7 +568,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
     <>
       {/* Map Error State */}
       {mapError && (
-        <div className="absolute inset-0 z-50 flex items-center justify-center bg-white p-8">
+        <div className="bg-canvas absolute inset-0 z-50 flex items-center justify-center p-8">
           <div className="max-w-md text-center">
             <AlertCircle className="text-status-error mx-auto mb-4 h-12 w-12" />
             <p className="text-status-error mb-4 font-bold">{mapError}</p>
diff --git a/apps/web/src/hooks/use-smooth-scroll.ts b/apps/web/src/hooks/use-smooth-scroll.ts
deleted file mode 100644
index 934fabd5..00000000
--- a/apps/web/src/hooks/use-smooth-scroll.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client";
-
-import { useCallback } from "react";
-import { useMediaQuery } from "@/lib/hooks/use-media-query";
-
-/**
- * Custom hook for smooth scrolling with accessibility support
- * Respects user's motion preferences and provides smooth navigation
- */
-export function useSmoothScroll() {
-  const prefersReducedMotion = useMediaQuery(
-    "(prefers-reduced-motion: reduce)"
-  );
-
-  const scrollTo = useCallback(
-    (
-      target: string | HTMLElement | { top: number; left?: number },
-      options: {
-        offset?: number;
-        duration?: number;
-        behavior?: ScrollBehavior;
-      } = {}
-    ) => {
-      const {
-        offset = 0,
-        behavior = prefersReducedMotion ? "auto" : "smooth",
-      } = options;
-
-      if (typeof target === "string") {
-        const element = document.querySelector(target) as HTMLElement;
-        if (element) {
-          const elementPosition =
-            element.getBoundingClientRect().top + window.pageYOffset;
-          window.scrollTo({
-            top: elementPosition - offset,
-            behavior,
-          });
-        }
-      } else if (target instanceof HTMLElement) {
-        const elementPosition =
-          target.getBoundingClientRect().top + window.pageYOffset;
-        window.scrollTo({
-          top: elementPosition - offset,
-          behavior,
-        });
-      } else {
-        window.scrollTo({
-          top: target.top,
-          left: target.left || 0,
-          behavior,
-        });
-      }
-    },
-    [prefersReducedMotion]
-  );
-
-  const scrollToTop = useCallback(() => {
-    scrollTo({ top: 0 });
-  }, [scrollTo]);
-
-  const scrollToSection = useCallback(
-    (sectionId: string, offset: number = 80) => {
-      scrollTo(`#${sectionId}`, { offset });
-    },
-    [scrollTo]
-  );
-
-  const createScrollHandler = useCallback(
-    (targetId: string, offset?: number) => {
-      return (event: React.MouseEvent<HTMLAnchorElement>) => {
-        event.preventDefault();
-        scrollToSection(targetId, offset);
-
-        // Update URL hash without triggering scroll
-        if (window.history.pushState) {
-          window.history.pushState(null, "", `#${targetId}`);
-        }
-      };
-    },
-    [scrollToSection]
-  );
-
-  return {
-    scrollTo,
-    scrollToTop,
-    scrollToSection,
-    createScrollHandler,
-    prefersReducedMotion,
-  };
-}
diff --git a/apps/web/src/hooks/useFilterUrlSync.ts b/apps/web/src/hooks/useFilterUrlSync.ts
deleted file mode 100644
index b52f4f47..00000000
--- a/apps/web/src/hooks/useFilterUrlSync.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-"use client";
-
-import { useEffect, useRef, useCallback } from "react";
-import { useRouter, useSearchParams, usePathname } from "next/navigation";
-import { useFilterStore, type SortByValue } from "@/stores/filterStore";
-import type { CategoryValue } from "@/schemas/filterSchema";
-
-/**
- * Custom hook that synchronizes the filterStore with URL search parameters.
- * This enables shareable and bookmarkable filter states.
- *
- * Features:
- * - Reads URL params on mount and initializes the store
- * - Updates URL when store changes (debounced to avoid excessive navigation)
- * - Handles browser back/forward navigation
- * - Preserves filter state across page navigation
- *
- * Usage:
- * ```tsx
- * function DirectoryPage() {
- *   const filters = useFilterUrlSync();
- *   // filters contains current searchQuery, selectedCategory, selectedTown, sortBy
- * }
- * ```
- */
-export function useFilterUrlSync() {
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const isInitialMount = useRef(true);
-  const updateTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-
-  // Get store values and actions
-  const searchQuery = useFilterStore((state) => state.searchQuery);
-  const selectedCategory = useFilterStore((state) => state.selectedCategory);
-  const selectedTown = useFilterStore((state) => state.selectedTown);
-  const sortBy = useFilterStore((state) => state.sortBy);
-  const minRating = useFilterStore((state) => state.minRating);
-  const hasImage = useFilterStore((state) => state.hasImage);
-
-  const setSearchQuery = useFilterStore((state) => state.setSearchQuery);
-  const setCategory = useFilterStore((state) => state.setCategory);
-  const setTown = useFilterStore((state) => state.setTown);
-  const setSortBy = useFilterStore((state) => state.setSortBy);
-  const setMinRating = useFilterStore((state) => state.setMinRating);
-  const setHasImage = useFilterStore((state) => state.setHasImage);
-
-  // Initialize store from URL params on mount
-  useEffect(() => {
-    if (isInitialMount.current) {
-      const query = searchParams.get("q") || "";
-      const category = searchParams.get("category") as CategoryValue | null;
-      const town = searchParams.get("town") || undefined;
-      const sort = (searchParams.get("sort") as SortByValue) || "rating_desc";
-      const minRatingParam = searchParams.get("minRating");
-      const hasImageParam = searchParams.get("hasImage");
-
-      // Update store with URL values
-      if (query) setSearchQuery(query);
-      if (category) setCategory(category);
-      if (town) setTown(town);
-      if (sort) setSortBy(sort);
-      if (minRatingParam) setMinRating(Number(minRatingParam));
-      if (hasImageParam) setHasImage(hasImageParam === "true");
-
-      isInitialMount.current = false;
-    }
-  }, [
-    searchParams,
-    setSearchQuery,
-    setCategory,
-    setTown,
-    setSortBy,
-    setMinRating,
-    setHasImage,
-  ]);
-
-  // Update URL when store changes (debounced)
-  const updateUrl = useCallback(() => {
-    if (isInitialMount.current) return;
-
-    // Clear existing timeout
-    if (updateTimeoutRef.current) {
-      clearTimeout(updateTimeoutRef.current);
-    }
-
-    // Debounce URL updates by 300ms to avoid excessive navigation
-    updateTimeoutRef.current = setTimeout(() => {
-      const params = new URLSearchParams();
-
-      if (searchQuery) params.set("q", searchQuery);
-      if (selectedCategory) params.set("category", selectedCategory);
-      if (selectedTown) params.set("town", selectedTown);
-      if (sortBy && sortBy !== "rating_desc") params.set("sort", sortBy);
-      if (minRating !== undefined) params.set("minRating", String(minRating));
-      if (hasImage !== undefined) params.set("hasImage", String(hasImage));
-
-      const newUrl = params.toString()
-        ? `${pathname}?${params.toString()}`
-        : pathname;
-
-      // Use replace to avoid cluttering browser history
-      router.replace(newUrl, { scroll: false });
-    }, 300);
-  }, [
-    searchQuery,
-    selectedCategory,
-    selectedTown,
-    sortBy,
-    minRating,
-    hasImage,
-    pathname,
-    router,
-  ]);
-
-  useEffect(() => {
-    updateUrl();
-
-    // Cleanup timeout on unmount
-    return () => {
-      if (updateTimeoutRef.current) {
-        clearTimeout(updateTimeoutRef.current);
-      }
-    };
-  }, [updateUrl]);
-
-  // Return current filter values for convenience
-  return {
-    searchQuery,
-    selectedCategory,
-    selectedTown,
-    sortBy,
-    minRating,
-    hasImage,
-  };
-}
diff --git a/apps/web/src/lib/content/mdx-components.tsx b/apps/web/src/lib/content/mdx-components.tsx
index 8ca73fa8..ea60ce89 100644
--- a/apps/web/src/lib/content/mdx-components.tsx
+++ b/apps/web/src/lib/content/mdx-components.tsx
@@ -8,7 +8,6 @@ import Image from "next/image";
 import Link from "next/link";
 
 // UI Components
-import { VideoHeroSection } from "@/components/ui/video-hero-section";
 import { PageHeader } from "@/components/ui/page-header";
 import { ContentActionToolbar } from "@/components/content/content-action-toolbar/content-action-toolbar";
 import { CitationSection } from "@/components/ui/citation-section";
@@ -68,7 +67,6 @@ export const mdxComponents: MDXComponents = {
   },
 
   // Cultural heritage UI components
-  VideoHeroSection,
   PageHeader,
   ContentActionToolbar,
   CitationSection,
diff --git a/apps/web/src/lib/mocks/directory.ts b/apps/web/src/lib/mocks/directory.ts
deleted file mode 100644
index 93e26b43..00000000
--- a/apps/web/src/lib/mocks/directory.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-/**
- * Directory Mock Data (Extended)
- *
- * Extended mock data for directory entries with bookmark support.
- */
-
-import type { BaseDirectoryEntry } from "@/types/directory";
-
-// Extended directory entry for the enhanced directory view
-export interface MockDirectoryEntry extends Omit<
-  BaseDirectoryEntry,
-  | "slug"
-  | "latitude"
-  | "longitude"
-  | "createdAt"
-  | "updatedAt"
-  | "contentActions"
-> {
-  priceLevel?: "$" | "$$" | "$$$";
-}
-
-export const MOCK_DIRECTORY_ENTRIES: MockDirectoryEntry[] = [
-  {
-    id: "1",
-    name: "Café Morabeza",
-    category: "Restaurant",
-    town: "Nova Sintra",
-    rating: 4.8,
-    reviewCount: 12,
-    description:
-      "Traditional Cape Verdean cuisine with ocean view. Famous for their catchupa.",
-    tags: ["Traditional", "Ocean View", "Breakfast"],
-    imageUrl: "https://picsum.photos/id/431/800/600",
-    priceLevel: "$$",
-  },
-  {
-    id: "2",
-    name: "Fajã d'Água Natural Pools",
-    category: "Beach",
-    town: "Fajã d'Água",
-    rating: 4.9,
-    reviewCount: 45,
-    description:
-      "Beautiful natural swimming pools formed by volcanic rock meeting the Atlantic.",
-    tags: ["Swimming", "Nature", "Free"],
-    imageUrl: "https://picsum.photos/id/1015/800/600",
-  },
-  {
-    id: "3",
-    name: "Eugénio Tavares Museum",
-    category: "Heritage",
-    town: "Nova Sintra",
-    rating: 4.7,
-    reviewCount: 28,
-    description:
-      "The former home of Brava's most famous poet. Contains manuscripts and personal items.",
-    tags: ["History", "Poetry", "Museum"],
-    imageUrl: "https://picsum.photos/id/211/800/600",
-    priceLevel: "$",
-  },
-  {
-    id: "4",
-    name: "Restaurante Brava",
-    category: "Restaurant",
-    town: "Furna",
-    rating: 4.5,
-    reviewCount: 8,
-    description:
-      "Family-run restaurant serving fresh seafood right by the harbor.",
-    tags: ["Seafood", "Lunch", "Harbor"],
-    imageUrl: "https://picsum.photos/id/225/800/600",
-    priceLevel: "$$",
-  },
-  {
-    id: "5",
-    name: "Nossa Senhora do Monte",
-    category: "Heritage",
-    town: "Nossa Senhora do Monte",
-    rating: 4.6,
-    reviewCount: 15,
-    description:
-      "Historic church located in the misty highlands of the island.",
-    tags: ["Religion", "History", "Viewpoint"],
-    imageUrl: "https://picsum.photos/id/116/800/600",
-  },
-  {
-    id: "6",
-    name: "Bar do Porto",
-    category: "Restaurant",
-    town: "Furna",
-    rating: 4.3,
-    reviewCount: 6,
-    description:
-      "Casual bar and grill overlooking the ferry terminal. Great for grogue.",
-    tags: ["Bar", "Grogue", "Casual"],
-    imageUrl: "https://picsum.photos/id/167/800/600",
-    priceLevel: "$",
-  },
-];
-
-export const DIRECTORY_TOWNS = [
-  "Nova Sintra",
-  "Furna",
-  "Fajã d'Água",
-  "Nossa Senhora do Monte",
-  "Cachaço",
-  "Cova Joana",
-];
-
-export const DIRECTORY_CATEGORIES = [
-  "Restaurant",
-  "Beach",
-  "Heritage",
-  "Nature",
-  "Hotel",
-] as const;
-
-// Mock API functions
-export const mockDirectoryApi = {
-  getEntries: async (filters?: {
-    category?: string;
-    town?: string;
-    searchQuery?: string;
-    sortBy?: "rating" | "name" | "newest";
-  }): Promise<MockDirectoryEntry[]> => {
-    await new Promise((resolve) => setTimeout(resolve, 300));
-
-    let entries = [...MOCK_DIRECTORY_ENTRIES];
-
-    if (filters?.category && filters.category !== "All") {
-      entries = entries.filter((e) => e.category === filters.category);
-    }
-
-    if (filters?.town && filters.town !== "All") {
-      entries = entries.filter((e) => e.town === filters.town);
-    }
-
-    if (filters?.searchQuery) {
-      const query = filters.searchQuery.toLowerCase();
-      entries = entries.filter(
-        (e) =>
-          e.name.toLowerCase().includes(query) ||
-          e.description.toLowerCase().includes(query) ||
-          e.tags.some((t) => t.toLowerCase().includes(query))
-      );
-    }
-
-    if (filters?.sortBy === "rating") {
-      entries.sort((a, b) => (b.rating ?? 0) - (a.rating ?? 0));
-    } else if (filters?.sortBy === "name") {
-      entries.sort((a, b) => a.name.localeCompare(b.name));
-    }
-
-    return entries;
-  },
-
-  getEntryById: async (id: string): Promise<MockDirectoryEntry | null> => {
-    await new Promise((resolve) => setTimeout(resolve, 200));
-    return MOCK_DIRECTORY_ENTRIES.find((e) => e.id === id) || null;
-  },
-
-  getTowns: async (): Promise<string[]> => {
-    return DIRECTORY_TOWNS;
-  },
-};
diff --git a/apps/web/src/lib/mocks/index.ts b/apps/web/src/lib/mocks/index.ts
deleted file mode 100644
index 48d9120b..00000000
--- a/apps/web/src/lib/mocks/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Mock Data Barrel Export
- *
- * Central export for all mock data and mock API functions.
- * These mocks simulate backend responses for frontend development.
- */
-
-// Admin
-export {
-  MOCK_ADMIN_STATS,
-  MOCK_SUGGESTIONS,
-  MOCK_TOP_CONTRIBUTORS,
-  mockAdminApi,
-} from "./admin";
-
-// Stories
-export { MOCK_STORIES, STORY_TEMPLATES, mockStoriesApi } from "./stories";
-
-// User Profile
-export {
-  MOCK_USER_PROFILE,
-  MOCK_USER_ACTIVITY,
-  MOCK_SAVED_PLACES,
-  MOCK_NOTIFICATION_PREFERENCES,
-  mockUserApi,
-} from "./user";
-
-// Directory (Extended)
-export {
-  MOCK_DIRECTORY_ENTRIES,
-  DIRECTORY_TOWNS,
-  DIRECTORY_CATEGORIES,
-  mockDirectoryApi,
-} from "./directory";
-
-// Re-export types for convenience
-export type { MockDirectoryEntry } from "./directory";
diff --git a/apps/web/src/lib/mocks/user.ts b/apps/web/src/lib/mocks/user.ts
deleted file mode 100644
index 62161549..00000000
--- a/apps/web/src/lib/mocks/user.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-/**
- * User Mock Data
- *
- * Mock data for user profiles and saved places.
- */
-
-import type {
-  UserProfile,
-  UserActivityItem,
-  SavedPlace,
-  UserNotificationPreferences,
-} from "@/types/user-profile";
-import { Language } from "@/types/user-profile";
-
-export const MOCK_USER_PROFILE: UserProfile = {
-  id: "u1",
-  displayName: "Maria Silva",
-  email: "maria.silva@example.com",
-  location: "New Bedford, MA",
-  joinedDate: "March 2025",
-  preferredLanguage: Language.PT,
-  stats: {
-    storiesSubmitted: 2,
-    suggestionsMade: 5,
-    reactionsGiven: 24,
-    bookmarksCount: 7,
-  },
-};
-
-export const MOCK_USER_ACTIVITY: UserActivityItem[] = [
-  {
-    id: "a1",
-    type: "story",
-    title: "My grandmother's cachupa",
-    status: "APPROVED",
-    timestamp: "2 days ago",
-    targetUrl: "/stories/my-grandmothers-cachupa",
-  },
-  {
-    id: "a2",
-    type: "story",
-    title: "Childhood in Nova Sintra",
-    status: "PENDING",
-    timestamp: "1 week ago",
-  },
-  {
-    id: "a3",
-    type: "suggestion",
-    title: "Update Café Morabeza hours",
-    status: "APPROVED",
-    timestamp: "2 weeks ago",
-  },
-  {
-    id: "a4",
-    type: "suggestion",
-    title: "Add new photo to museum page",
-    status: "PENDING",
-    timestamp: "3 weeks ago",
-  },
-  {
-    id: "a5",
-    type: "suggestion",
-    title: "Fix typo in history article",
-    status: "APPROVED",
-    timestamp: "1 month ago",
-  },
-];
-
-export const MOCK_SAVED_PLACES: SavedPlace[] = [
-  {
-    id: "b1",
-    entryId: "1",
-    name: "Café Morabeza",
-    category: "Restaurant",
-    town: "Nova Sintra",
-    imageUrl: "https://picsum.photos/id/431/400/300",
-    savedAt: "2 days ago",
-  },
-  {
-    id: "b2",
-    entryId: "5",
-    name: "Igreja Nossa Senhora do Monte",
-    category: "Heritage",
-    town: "Nossa Senhora do Monte",
-    imageUrl: "https://picsum.photos/id/116/400/300",
-    savedAt: "1 week ago",
-  },
-  {
-    id: "b3",
-    entryId: "2",
-    name: "Fajã d'Água Natural Pools",
-    category: "Nature",
-    town: "Fajã d'Água",
-    imageUrl: "https://picsum.photos/id/1015/400/300",
-    savedAt: "2 weeks ago",
-  },
-  {
-    id: "b4",
-    entryId: "3",
-    name: "Eugénio Tavares Museum",
-    category: "Heritage",
-    town: "Nova Sintra",
-    imageUrl: "https://picsum.photos/id/211/400/300",
-    savedAt: "3 weeks ago",
-  },
-];
-
-export const MOCK_NOTIFICATION_PREFERENCES: UserNotificationPreferences = {
-  storyPublished: true,
-  suggestionApproved: true,
-  weeklyDigest: false,
-};
-
-// Mock API functions
-export const mockUserApi = {
-  getProfile: async (): Promise<UserProfile> => {
-    await new Promise((resolve) => setTimeout(resolve, 300));
-    return MOCK_USER_PROFILE;
-  },
-
-  updateProfile: async (
-    updates: Partial<UserProfile>
-  ): Promise<UserProfile> => {
-    await new Promise((resolve) => setTimeout(resolve, 300));
-    return { ...MOCK_USER_PROFILE, ...updates };
-  },
-
-  getActivity: async (): Promise<UserActivityItem[]> => {
-    await new Promise((resolve) => setTimeout(resolve, 300));
-    return MOCK_USER_ACTIVITY;
-  },
-
-  getSavedPlaces: async (): Promise<SavedPlace[]> => {
-    await new Promise((resolve) => setTimeout(resolve, 300));
-    return MOCK_SAVED_PLACES;
-  },
-
-  addBookmark: async (entryId: string): Promise<SavedPlace> => {
-    await new Promise((resolve) => setTimeout(resolve, 200));
-    // In real implementation, this would create a new bookmark
-    return {
-      id: `new-${Date.now()}`,
-      entryId,
-      name: "New Bookmark",
-      category: "Heritage",
-      town: "Nova Sintra",
-      savedAt: "Just now",
-    };
-  },
-
-  removeBookmark: async (bookmarkId: string): Promise<void> => {
-    await new Promise((resolve) => setTimeout(resolve, 200));
-    // In real implementation, this would delete the bookmark
-    console.log("Removed bookmark:", bookmarkId);
-  },
-
-  getNotificationPreferences:
-    async (): Promise<UserNotificationPreferences> => {
-      await new Promise((resolve) => setTimeout(resolve, 200));
-      return MOCK_NOTIFICATION_PREFERENCES;
-    },
-
-  updateNotificationPreferences: async (
-    prefs: Partial<UserNotificationPreferences>
-  ): Promise<UserNotificationPreferences> => {
-    await new Promise((resolve) => setTimeout(resolve, 200));
-    return { ...MOCK_NOTIFICATION_PREFERENCES, ...prefs };
-  },
-};
diff --git a/apps/web/src/schemas/index.ts b/apps/web/src/schemas/index.ts
index 7a32c8ee..a7c961cc 100644
--- a/apps/web/src/schemas/index.ts
+++ b/apps/web/src/schemas/index.ts
@@ -7,5 +7,4 @@ export * from "./adminSchemas";
 export * from "./authSchema";
 export * from "./directoryEntrySchema";
 export * from "./filterSchema";
-export * from "./mediaMetadataSchema";
 export * from "./userProfileSchema";
diff --git a/apps/web/src/schemas/mediaMetadataSchema.ts b/apps/web/src/schemas/mediaMetadataSchema.ts
deleted file mode 100644
index 47cad8ec..00000000
--- a/apps/web/src/schemas/mediaMetadataSchema.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { z } from "zod";
-
-/**
- * Zod schemas for media metadata validation.
- * Validates image/media metadata from API responses.
- */
-
-// Media metadata schema
-export const mediaMetadataSchema = z.object({
-  id: z.string().uuid(),
-  entryId: z.string().uuid().optional(),
-  mediaUrl: z.string().url(),
-  fileName: z.string().optional(),
-  originalName: z.string().optional(),
-  contentType: z.string().optional(),
-  size: z.number().int().nonnegative().optional(),
-  width: z.number().int().positive().optional(),
-  height: z.number().int().positive().optional(),
-  altText: z.string().optional(),
-  caption: z.string().optional(),
-  category: z.string().optional(),
-  description: z.string().optional(),
-  displayOrder: z.number().int().nonnegative().default(0),
-  createdAt: z.string().datetime().optional(),
-  updatedAt: z.string().datetime().optional(),
-});
-
-// AI metadata schema (placeholder for future integration)
-export const aiMetadataSchema = z.object({
-  labels: z.array(z.string()).optional(),
-  altText: z.string().optional(),
-  description: z.string().optional(),
-  processedAt: z.string().datetime().optional(),
-});
-
-// Media upload response schema
-export const mediaUploadResponseSchema = z.object({
-  mediaUrl: z.string().url(),
-  mediaId: z.string().uuid().optional(),
-  aiMetadata: aiMetadataSchema.optional(),
-});
-
-// Array schema for validating lists of media metadata
-export const mediaMetadataListSchema = z.array(mediaMetadataSchema);
-
-// Export inferred types
-export type MediaMetadata = z.infer<typeof mediaMetadataSchema>;
-export type AIMetadata = z.infer<typeof aiMetadataSchema>;
-export type MediaUploadResponse = z.infer<typeof mediaUploadResponseSchema>;
diff --git a/apps/web/src/schemas/storySchema.ts b/apps/web/src/schemas/storySchema.ts
deleted file mode 100644
index afd1d852..00000000
--- a/apps/web/src/schemas/storySchema.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { z } from "zod";
-
-/**
- * Zod schema for story submission.
- * Used with React Hook Form for form validation.
- */
-
-export const storySchema = z.object({
-  title: z
-    .string()
-    .min(3, "Title must be at least 3 characters")
-    .max(200, "Title is too long"),
-  content: z.string().min(50, "Story must be at least 50 characters"),
-  author: z
-    .string()
-    .min(2, "Author name must be at least 2 characters")
-    .max(100, "Author name is too long")
-    .optional()
-    .or(z.literal("")),
-  location: z
-    .string()
-    .max(200, "Location is too long")
-    .optional()
-    .or(z.literal("")),
-});
-
-// Export inferred type
-export type StoryInput = z.infer<typeof storySchema>;
diff --git a/apps/web/velite.config.ts b/apps/web/velite.config.ts
index d5c23feb..81a14eb8 100644
--- a/apps/web/velite.config.ts
+++ b/apps/web/velite.config.ts
@@ -1,5 +1,4 @@
 import { defineConfig, defineCollection, s } from "velite";
-import rehypePrettyCode from "rehype-pretty-code";
 
 // Categories for Cape Verdean cultural heritage content
 const categories = [
@@ -139,15 +138,4 @@ export default defineConfig({
     clean: true,
   },
   collections: { pages, stories },
-  mdx: {
-    rehypePlugins: [
-      [
-        rehypePrettyCode,
-        {
-          theme: "github-dark",
-          keepBackground: false,
-        },
-      ],
-    ],
-  },
 });

From e499313462f0da2b3c8b96421c2ee05cef55d93d Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:22:31 -0400
Subject: [PATCH 02/11] test(gallery): add unit tests for PromotedVideoPlayer
 and CompactVideoCard (specs 031 & 032)

---
 .../gallery/compact-video-card.test.tsx       | 82 +++++++++++++++++++
 .../gallery/featured-video-hero.test.tsx      | 53 ++++++++++++
 2 files changed, 135 insertions(+)
 create mode 100644 apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
 create mode 100644 apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx

diff --git a/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx b/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
new file mode 100644
index 00000000..132cd73b
--- /dev/null
+++ b/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
@@ -0,0 +1,82 @@
+import { render, screen, fireEvent } from "@testing-library/react";
+import { describe, it, expect, vi } from "vitest";
+import { CompactVideoCard } from "@/components/gallery/compact-video-card";
+import type { MediaItem } from "@/types/media";
+
+// Mock framer-motion to avoid animation issues in unit tests
+vi.mock("framer-motion", () => ({
+  motion: {
+    div: ({ children, className, ...props }: React.ComponentPropsWithoutRef<"div">) => (
+      <div className={className} {...props}>
+        {children}
+      </div>
+    ),
+  },
+}));
+
+// Mock next/image
+vi.mock("next/image", () => ({
+  default: ({ src, alt, className }: { src: string; alt: string; className?: string }) => (
+    <img src={src} alt={alt} className={className} />
+  ),
+}));
+
+const mockVideoItem: MediaItem = {
+  id: "video-1",
+  title: "Morna de Brava Performance",
+  category: "Music",
+  url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+  thumbnailUrl: "https://img.youtube.com/vi/dQw4w9WgXcQ/hqdefault.jpg",
+  duration: 215, // 3:35
+  author: "Eugénio Tavares Ensemble",
+  createdAt: "2026-03-01T12:00:00Z",
+};
+
+const mockPodcastItem: MediaItem = {
+  id: "podcast-1",
+  title: "Brava Diaspora Podcast Episode 4",
+  category: "Interview",
+  url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+  thumbnailUrl: "https://img.youtube.com/vi/dQw4w9WgXcQ/hqdefault.jpg",
+  duration: 1845, // 30:45
+  author: "Brava Cultural Radio",
+  createdAt: "2026-03-02T12:00:00Z",
+};
+
+describe("CompactVideoCard", () => {
+  it("renders video card details correctly", () => {
+    render(<CompactVideoCard item={mockVideoItem} />);
+
+    expect(screen.getByText("Morna de Brava Performance")).toBeInTheDocument();
+    expect(screen.getByText("Eugénio Tavares Ensemble")).toBeInTheDocument();
+    expect(screen.getByText("3:35")).toBeInTheDocument();
+    expect(screen.getByText("Music")).toBeInTheDocument();
+  });
+
+  it("renders podcast styling badge and accent border for podcast items", () => {
+    render(<CompactVideoCard item={mockPodcastItem} />);
+
+    expect(screen.getByText("Podcast")).toBeInTheDocument();
+    expect(screen.getByText("30:45")).toBeInTheDocument();
+  });
+
+  it("triggers onSelect callback when promoted", () => {
+    const handleSelect = vi.fn();
+    render(<CompactVideoCard item={mockVideoItem} onSelect={handleSelect} />);
+
+    const button = screen.getByRole("button", { name: /play morna de brava performance/i });
+    fireEvent.click(button);
+
+    expect(handleSelect).toHaveBeenCalledTimes(1);
+    expect(handleSelect).toHaveBeenCalledWith(mockVideoItem);
+  });
+
+  it("applies active ring highlight when isActive is true", () => {
+    const { container } = render(
+      <CompactVideoCard item={mockVideoItem} isActive={true} />
+    );
+
+    const card = container.firstChild as HTMLElement;
+    expect(card.className).toContain("ring-bougainvillea-pink");
+  });
+});
diff --git a/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx b/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
new file mode 100644
index 00000000..53e85393
--- /dev/null
+++ b/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
@@ -0,0 +1,53 @@
+import { render, screen } from "@testing-library/react";
+import { describe, it, expect, vi } from "vitest";
+import { FeaturedVideoHero } from "@/components/gallery/featured-video-hero";
+import type { MediaItem } from "@/types/media";
+
+// Mock YouTubeFacade
+vi.mock("@/components/gallery/youtube-facade", () => ({
+  YouTubeFacade: ({ autoPlay }: { video: MediaItem; autoPlay?: boolean }) => (
+    <div data-testid="youtube-facade" data-autoplay={autoPlay ? "true" : "false"} />
+  ),
+}));
+
+const mockHeroVideo: MediaItem = {
+  id: "hero-video-1",
+  title: "Featured Brava Festival Morna",
+  category: "Music",
+  url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+  thumbnailUrl: "https://img.youtube.com/vi/dQw4w9WgXcQ/hqdefault.jpg",
+  duration: 240, // 4:00
+  author: "Brava Heritage Ensemble",
+  createdAt: "2026-03-01T12:00:00Z",
+};
+
+describe("FeaturedVideoHero", () => {
+  it("renders null if no video is provided", () => {
+    const { container } = render(<FeaturedVideoHero video={null} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders default 'Featured Video' label when not promoted", () => {
+    render(<FeaturedVideoHero video={mockHeroVideo} isPromoted={false} />);
+
+    expect(screen.getByText("Featured Video")).toBeInTheDocument();
+    expect(screen.getByRole("heading", { name: "Featured Brava Festival Morna" })).toBeInTheDocument();
+    expect(screen.getByText("4:00")).toBeInTheDocument();
+    expect(screen.getByTestId("youtube-facade")).toHaveAttribute("data-autoplay", "false");
+  });
+
+  it("renders 'Now Playing' label and enables autoPlay when promoted", () => {
+    render(<FeaturedVideoHero video={mockHeroVideo} isPromoted={true} />);
+
+    expect(screen.getByText("Now Playing")).toBeInTheDocument();
+    expect(screen.getByTestId("youtube-facade")).toHaveAttribute("data-autoplay", "true");
+  });
+
+  it("renders native iframe for mobile view when nativePlayer is true", () => {
+    render(<FeaturedVideoHero video={mockHeroVideo} nativePlayer={true} />);
+
+    const iframe = screen.getByTitle("Featured Brava Festival Morna");
+    expect(iframe).toBeInTheDocument();
+    expect(iframe.tagName).toBe("IFRAME");
+  });
+});

From 77019506c52c714667da25dbf34b519fb846c5a9 Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:33:54 -0400
Subject: [PATCH 03/11] test(admin): add unit tests for YouTube sync admin
 hooks (spec 029 & 030)

---
 .../unit/hooks/admin/useYouTubeSync.test.tsx  | 143 ++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx

diff --git a/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx b/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
new file mode 100644
index 00000000..b55f78d6
--- /dev/null
+++ b/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
@@ -0,0 +1,143 @@
+import { renderHook, waitFor } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import {
+  useYouTubeSyncConfig,
+  useUpdateYouTubeSyncConfig,
+  useTriggerYouTubeSync,
+  useYouTubeSyncPlaylists,
+  useSaveYouTubeSyncPlaylist,
+  useDeleteYouTubeSyncPlaylist,
+} from "@/hooks/queries/admin/useYouTubeSync";
+import * as api from "@/lib/api";
+import type { YouTubeSyncConfig, YouTubeSyncResult, YouTubeSyncPlaylist } from "@/types/youtube";
+
+vi.mock("@/lib/api", () => ({
+  getYouTubeSyncConfig: vi.fn(),
+  updateYouTubeSyncConfig: vi.fn(),
+  triggerYouTubeSync: vi.fn(),
+  getYouTubeSyncPlaylists: vi.fn(),
+  saveYouTubeSyncPlaylist: vi.fn(),
+  updateYouTubeSyncPlaylist: vi.fn(),
+  deleteYouTubeSyncPlaylist: vi.fn(),
+  syncSavedYouTubePlaylist: vi.fn(),
+}));
+
+const mockConfig: YouTubeSyncConfig = {
+  enabled: true,
+  apiKeyConfigured: true,
+  channelHandle: "@nosilha",
+  defaultCategory: "Music",
+  videoCount: 42,
+};
+
+const mockSyncResult: YouTubeSyncResult = {
+  syncedCount: 5,
+  skippedCount: 2,
+  errorCount: 0,
+  durationMs: 1250,
+};
+
+const mockPlaylist: YouTubeSyncPlaylist = {
+  id: "playlist-1",
+  playlistId: "PL1234567890",
+  title: "Mornas de Brava",
+  category: "Music",
+  videoCount: 12,
+  createdAt: "2026-03-01T12:00:00Z",
+};
+
+describe("useYouTubeSync Hooks", () => {
+  let queryClient: QueryClient;
+
+  const wrapper = ({ children }: { children: React.ReactNode }) => (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  );
+
+  beforeEach(() => {
+    queryClient = new QueryClient({
+      defaultOptions: {
+        queries: { retry: false },
+      },
+    });
+    vi.clearAllMocks();
+  });
+
+  it("fetches YouTube sync config successfully", async () => {
+    vi.mocked(api.getYouTubeSyncConfig).mockResolvedValueOnce(mockConfig);
+
+    const { result } = renderHook(() => useYouTubeSyncConfig(), { wrapper });
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(result.current.data).toEqual(mockConfig);
+    expect(api.getYouTubeSyncConfig).toHaveBeenCalledTimes(1);
+  });
+
+  it("updates YouTube sync config with optimistic updates", async () => {
+    vi.mocked(api.updateYouTubeSyncConfig).mockResolvedValueOnce({
+      ...mockConfig,
+      enabled: false,
+    });
+
+    queryClient.setQueryData(["admin", "youtube-sync", "config"], mockConfig);
+
+    const { result } = renderHook(() => useUpdateYouTubeSyncConfig(), { wrapper });
+
+    result.current.mutate({ enabled: false, defaultCategory: "Music" });
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(api.updateYouTubeSyncConfig).toHaveBeenCalledWith(
+      { enabled: false, defaultCategory: "Music" },
+      expect.anything()
+    );
+  });
+
+  it("triggers YouTube sync successfully", async () => {
+    vi.mocked(api.triggerYouTubeSync).mockResolvedValueOnce(mockSyncResult);
+
+    const { result } = renderHook(() => useTriggerYouTubeSync(), { wrapper });
+
+    result.current.mutate({ playlistId: "PL12345" });
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(result.current.data).toEqual(mockSyncResult);
+    expect(api.triggerYouTubeSync).toHaveBeenCalledWith(
+      { playlistId: "PL12345" },
+      expect.anything()
+    );
+  });
+
+  it("fetches saved playlists successfully", async () => {
+    vi.mocked(api.getYouTubeSyncPlaylists).mockResolvedValueOnce([mockPlaylist]);
+
+    const { result } = renderHook(() => useYouTubeSyncPlaylists(), { wrapper });
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(result.current.data).toEqual([mockPlaylist]);
+  });
+
+  it("saves a new YouTube playlist", async () => {
+    vi.mocked(api.saveYouTubeSyncPlaylist).mockResolvedValueOnce(mockPlaylist);
+
+    const { result } = renderHook(() => useSaveYouTubeSyncPlaylist(), { wrapper });
+
+    result.current.mutate({ playlistId: "PL1234567890", title: "Mornas de Brava", category: "Music" });
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(api.saveYouTubeSyncPlaylist).toHaveBeenCalledWith(
+      { playlistId: "PL1234567890", title: "Mornas de Brava", category: "Music" },
+      expect.anything()
+    );
+  });
+
+  it("deletes a YouTube playlist", async () => {
+    vi.mocked(api.deleteYouTubeSyncPlaylist).mockResolvedValueOnce(undefined);
+
+    const { result } = renderHook(() => useDeleteYouTubeSyncPlaylist(), { wrapper });
+
+    result.current.mutate("playlist-1");
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(api.deleteYouTubeSyncPlaylist).toHaveBeenCalledWith("playlist-1", expect.anything());
+  });
+});

From 6e24ab84469d1e0c880a3f03614b6490fe0321e8 Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:36:43 -0400
Subject: [PATCH 04/11] feat(map): migrate from Mapbox GL JS to MapLibre GL JS
 (spec 023)

---
 apps/web/next.config.ts                       | 10 ++---
 apps/web/package.json                         |  3 +-
 .../components/gallery/gallery-map-canvas.tsx |  4 +-
 .../src/features/map/components/brava-map.tsx |  2 +-
 .../features/map/components/map-canvas.tsx    | 37 +++++--------------
 apps/web/src/features/map/shared/base-map.tsx | 20 ++++------
 .../gallery/compact-video-card.test.tsx       | 10 +++--
 .../gallery/featured-video-hero.test.tsx      |  5 ++-
 .../gallery/gallery-map-canvas.test.tsx       |  4 +-
 .../unit/hooks/admin/useYouTubeSync.test.tsx  | 19 +++++-----
 10 files changed, 47 insertions(+), 67 deletions(-)

diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts
index 2faae375..ec374568 100644
--- a/apps/web/next.config.ts
+++ b/apps/web/next.config.ts
@@ -109,16 +109,16 @@ const nextConfig: NextConfig = {
             value: "max-age=31536000; includeSubDomains",
           },
 
-          // Content Security Policy - allows Mapbox, Google Analytics, Supabase, fonts
+          // Content Security Policy - allows MapLibre/CARTO, Google Analytics, Supabase, fonts
           {
             key: "Content-Security-Policy",
             value: [
               "default-src 'self'",
-              "script-src 'self' 'unsafe-inline' 'wasm-unsafe-eval' https://api.mapbox.com https://www.googletagmanager.com https://www.google-analytics.com https://www.clarity.ms https://static.cloudflareinsights.com",
-              "style-src 'self' 'unsafe-inline' https://api.mapbox.com https://fonts.googleapis.com",
-              "img-src 'self' data: blob: https: https://*.mapbox.com https://*.supabase.co",
+              "script-src 'self' 'unsafe-inline' 'wasm-unsafe-eval' https://www.googletagmanager.com https://www.google-analytics.com https://www.clarity.ms https://static.cloudflareinsights.com",
+              "style-src 'self' 'unsafe-inline' https://basemaps.cartocdn.com https://fonts.googleapis.com",
+              "img-src 'self' data: blob: https: https://*.cartocdn.com https://basemaps.cartocdn.com https://*.supabase.co",
               "font-src 'self' https://fonts.gstatic.com",
-              `connect-src 'self' ${isDev ? "http://localhost:8080 " : ""}https://api.nosilha.com https://*.nosilha.com https://api.mapbox.com https://*.mapbox.com https://www.googletagmanager.com https://www.google-analytics.com https://analytics.google.com https://*.supabase.co wss://*.supabase.co https://www.clarity.ms https://*.clarity.ms https://*.r2.cloudflarestorage.com https://cloudflareinsights.com`,
+              `connect-src 'self' ${isDev ? "http://localhost:8080 " : ""}https://api.nosilha.com https://*.nosilha.com https://*.cartocdn.com https://basemaps.cartocdn.com https://www.googletagmanager.com https://www.google-analytics.com https://analytics.google.com https://*.supabase.co wss://*.supabase.co https://www.clarity.ms https://*.clarity.ms https://*.r2.cloudflarestorage.com https://cloudflareinsights.com`,
               "worker-src 'self' blob:",
               "frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com",
               "frame-ancestors 'none'",
diff --git a/apps/web/package.json b/apps/web/package.json
index 2a571cb0..f4b619ce 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -52,7 +52,7 @@
     "exifr": "^7.1.3",
     "framer-motion": "^12.42.2",
     "lucide-react": "^1.24.0",
-    "mapbox-gl": "^3.26.0",
+    "maplibre-gl": "^5.1.0",
     "next": "16.2.10",
     "react": "19.2.7",
     "react-dom": "19.2.7",
@@ -79,7 +79,6 @@
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/geojson": "^7946.0.16",
-    "@types/mapbox-gl": "^3.5.0",
     "@types/mdx": "^2.0.14",
     "@types/node": "^26.1.1",
     "@types/react": "19.2.17",
diff --git a/apps/web/src/components/gallery/gallery-map-canvas.tsx b/apps/web/src/components/gallery/gallery-map-canvas.tsx
index b03e1ef4..8600fa5d 100644
--- a/apps/web/src/components/gallery/gallery-map-canvas.tsx
+++ b/apps/web/src/components/gallery/gallery-map-canvas.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";
-import { Marker, Popup, type ViewStateChangeEvent } from "react-map-gl/mapbox";
-import type { MapRef } from "react-map-gl/mapbox";
+import { Marker, Popup, type ViewStateChangeEvent } from "react-map-gl/maplibre";
+import type { MapRef } from "react-map-gl/maplibre";
 import { Loader2, Camera, MapPin } from "lucide-react";
 import { clsx } from "clsx";
 import { BaseMap, useMapClustering } from "@/features/map/shared";
diff --git a/apps/web/src/features/map/components/brava-map.tsx b/apps/web/src/features/map/components/brava-map.tsx
index 272a0285..54be5b0e 100644
--- a/apps/web/src/features/map/components/brava-map.tsx
+++ b/apps/web/src/features/map/components/brava-map.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useRef, useCallback, useEffect } from "react";
-import type { MapRef } from "react-map-gl/mapbox";
+import type { MapRef } from "react-map-gl/maplibre";
 import { AnimatePresence } from "framer-motion";
 import { useMapStore, useSelectedLocation } from "@/stores/mapStore";
 import { calculateBearing, MAP_CONFIG } from "../data/constants";
diff --git a/apps/web/src/features/map/components/map-canvas.tsx b/apps/web/src/features/map/components/map-canvas.tsx
index 27a21abf..6d50b5dc 100644
--- a/apps/web/src/features/map/components/map-canvas.tsx
+++ b/apps/web/src/features/map/components/map-canvas.tsx
@@ -19,8 +19,8 @@ import {
   type MapRef,
   type MarkerEvent,
   type ViewStateChangeEvent,
-} from "react-map-gl/mapbox";
-import mapboxgl from "mapbox-gl";
+} from "react-map-gl/maplibre";
+import maplibregl from "maplibre-gl";
 import { BaseMap, useMapClustering } from "../shared";
 import { motion, AnimatePresence } from "framer-motion";
 import { AlertCircle, Loader2 } from "lucide-react";
@@ -272,26 +272,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
       }
 
       lastFrameTime = timestamp;
-      const secondsElapsed = (Date.now() - orbitStartTimeRef.current) / 1000;
-
-      const camera = map.getFreeCameraOptions();
-      const center = MAP_CONFIG.DEFAULT_CENTER;
-      const altitude = 3000;
-      const radius = 0.03;
-      const speed = 0.1;
-      const phase = secondsElapsed * speed;
-
-      camera.position = mapboxgl.MercatorCoordinate.fromLngLat(
-        {
-          lng: center.lng + Math.cos(phase) * radius,
-          lat: center.lat + Math.sin(phase) * radius,
-        },
-        altitude
-      );
-
-      camera.lookAtPoint({ lng: center.lng, lat: center.lat });
-      map.setFreeCameraOptions(camera);
-
+      map.setBearing((map.getBearing() + 0.2) % 360);
       orbitAnimationRef.current = requestAnimationFrame(rotateCamera);
     };
 
@@ -324,7 +305,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
 
   // --- Handle zone clicks ---
   const handleMapClick = useCallback(
-    (event: mapboxgl.MapLayerMouseEvent) => {
+    (event: maplibregl.MapLayerMouseEvent) => {
       if (event.defaultPrevented) return;
 
       const feature = event.features?.[0];
@@ -336,7 +317,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
           const coordinates = geometry.coordinates[0];
           const b = coordinates.reduce(
             (acc, coord) => acc.extend(coord as [number, number]),
-            new mapboxgl.LngLatBounds(
+            new maplibregl.LngLatBounds(
               coordinates[0] as [number, number],
               coordinates[0] as [number, number]
             )
@@ -361,7 +342,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
 
   // --- Map viewport tracking ---
   const onMove = useCallback(
-    (evt: { viewState: { zoom: number }; target: mapboxgl.Map }) => {
+    (evt: { viewState: { zoom: number }; target: maplibregl.Map }) => {
       // Skip viewport tracking during intro to avoid rapid state updates
       // from continuous flyTo move events causing "Maximum update depth"
       if (isIntroPlaying) return;
@@ -418,7 +399,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
   }, []);
 
   const handleMapError = useCallback(
-    (event: mapboxgl.ErrorEvent) => {
+    (event: maplibregl.ErrorEvent) => {
       console.error("Map error:", event.error);
       // Only show error screen for failures during initial load.
       // Post-load errors (e.g. source cleanup during unmount) are harmless.
@@ -634,8 +615,8 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
           ref={mapRef}
           style={
             viewMode === "satellite"
-              ? "mapbox://styles/mapbox/satellite-streets-v12"
-              : "mapbox://styles/mapbox/light-v11"
+              ? "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
+              : "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
           }
           onClick={handleMapClick}
           onMove={onMove}
diff --git a/apps/web/src/features/map/shared/base-map.tsx b/apps/web/src/features/map/shared/base-map.tsx
index 3379612b..384a793d 100644
--- a/apps/web/src/features/map/shared/base-map.tsx
+++ b/apps/web/src/features/map/shared/base-map.tsx
@@ -4,10 +4,9 @@ import { forwardRef, type ReactNode } from "react";
 import Map, {
   type MapRef,
   type ViewStateChangeEvent,
-} from "react-map-gl/mapbox";
-import "mapbox-gl/dist/mapbox-gl.css";
-import type mapboxgl from "mapbox-gl";
-import { env } from "@/lib/env";
+} from "react-map-gl/maplibre";
+import "maplibre-gl/dist/maplibre-gl.css";
+import type maplibregl from "maplibre-gl";
 import { MAP_CONFIG } from "../data/constants";
 
 export interface BaseMapProps {
@@ -17,18 +16,16 @@ export interface BaseMapProps {
   style?: string;
   onMove?: (evt: ViewStateChangeEvent) => void;
   onLoad?: () => void;
-  onError?: (event: mapboxgl.ErrorEvent) => void;
-  onClick?: (event: mapboxgl.MapLayerMouseEvent) => void;
+  onError?: (event: maplibregl.ErrorEvent) => void;
+  onClick?: (event: maplibregl.MapLayerMouseEvent) => void;
   interactiveLayerIds?: string[];
   /** Additional props to spread onto the react-map-gl Map component */
   mapProps?: Record<string, unknown>;
 }
 
 /**
- * Thin wrapper around react-map-gl Map with Mapbox token, default center/zoom,
- * CSS import, and ref forwarding.
- *
- * Error and loading states are the consumer's responsibility.
+ * Wrapper around react-map-gl/maplibre with MapLibre GL JS, default center/zoom,
+ * open tile style (CARTO Voyager), CSS import, and ref forwarding.
  */
 export const BaseMap = forwardRef<MapRef, BaseMapProps>(
   (
@@ -36,7 +33,7 @@ export const BaseMap = forwardRef<MapRef, BaseMapProps>(
       children,
       center = MAP_CONFIG.DEFAULT_CENTER,
       zoom = MAP_CONFIG.DEFAULT_ZOOM,
-      style = "mapbox://styles/mapbox/light-v11",
+      style = "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
       onMove,
       onLoad,
       onError,
@@ -57,7 +54,6 @@ export const BaseMap = forwardRef<MapRef, BaseMapProps>(
           bearing: MAP_CONFIG.DEFAULT_BEARING,
         }}
         mapStyle={style}
-        mapboxAccessToken={env.mapboxAccessToken}
         style={{
           position: "absolute",
           inset: 0,
diff --git a/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx b/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
index 132cd73b..0d51bc52 100644
--- a/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
+++ b/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
@@ -23,24 +23,26 @@ vi.mock("next/image", () => ({
 
 const mockVideoItem: MediaItem = {
   id: "video-1",
+  type: "VIDEO",
   title: "Morna de Brava Performance",
-  category: "Music",
+  category: "Culture",
   url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
   thumbnailUrl: "https://img.youtube.com/vi/dQw4w9WgXcQ/hqdefault.jpg",
   duration: 215, // 3:35
   author: "Eugénio Tavares Ensemble",
-  createdAt: "2026-03-01T12:00:00Z",
+  date: "2026-03-01T12:00:00Z",
 };
 
 const mockPodcastItem: MediaItem = {
   id: "podcast-1",
+  type: "VIDEO",
   title: "Brava Diaspora Podcast Episode 4",
   category: "Interview",
   url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
   thumbnailUrl: "https://img.youtube.com/vi/dQw4w9WgXcQ/hqdefault.jpg",
   duration: 1845, // 30:45
   author: "Brava Cultural Radio",
-  createdAt: "2026-03-02T12:00:00Z",
+  date: "2026-03-02T12:00:00Z",
 };
 
 describe("CompactVideoCard", () => {
@@ -50,7 +52,7 @@ describe("CompactVideoCard", () => {
     expect(screen.getByText("Morna de Brava Performance")).toBeInTheDocument();
     expect(screen.getByText("Eugénio Tavares Ensemble")).toBeInTheDocument();
     expect(screen.getByText("3:35")).toBeInTheDocument();
-    expect(screen.getByText("Music")).toBeInTheDocument();
+    expect(screen.getByText("Culture")).toBeInTheDocument();
   });
 
   it("renders podcast styling badge and accent border for podcast items", () => {
diff --git a/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx b/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
index 53e85393..7252c431 100644
--- a/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
+++ b/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
@@ -12,13 +12,14 @@ vi.mock("@/components/gallery/youtube-facade", () => ({
 
 const mockHeroVideo: MediaItem = {
   id: "hero-video-1",
+  type: "VIDEO",
   title: "Featured Brava Festival Morna",
-  category: "Music",
+  category: "Culture",
   url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
   thumbnailUrl: "https://img.youtube.com/vi/dQw4w9WgXcQ/hqdefault.jpg",
   duration: 240, // 4:00
   author: "Brava Heritage Ensemble",
-  createdAt: "2026-03-01T12:00:00Z",
+  date: "2026-03-01T12:00:00Z",
 };
 
 describe("FeaturedVideoHero", () => {
diff --git a/apps/web/tests/unit/components/gallery/gallery-map-canvas.test.tsx b/apps/web/tests/unit/components/gallery/gallery-map-canvas.test.tsx
index ef922bfc..2301868d 100644
--- a/apps/web/tests/unit/components/gallery/gallery-map-canvas.test.tsx
+++ b/apps/web/tests/unit/components/gallery/gallery-map-canvas.test.tsx
@@ -5,8 +5,8 @@ import type { MediaItem } from "@/types/media";
 
 // --- Mocks ---
 
-// Mock react-map-gl/mapbox — render children for Marker/Popup
-vi.mock("react-map-gl/mapbox", () => ({
+// Mock react-map-gl/maplibre — render children for Marker/Popup
+vi.mock("react-map-gl/maplibre", () => ({
   Marker: ({ children }: { children: React.ReactNode }) => (
     <div data-testid="map-marker">{children}</div>
   ),
diff --git a/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx b/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
index b55f78d6..b69ab1cb 100644
--- a/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
+++ b/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
@@ -26,24 +26,25 @@ vi.mock("@/lib/api", () => ({
 const mockConfig: YouTubeSyncConfig = {
   enabled: true,
   apiKeyConfigured: true,
-  channelHandle: "@nosilha",
   defaultCategory: "Music",
+  updatedAt: "2026-03-01T12:00:00Z",
   videoCount: 42,
 };
 
 const mockSyncResult: YouTubeSyncResult = {
-  syncedCount: 5,
-  skippedCount: 2,
-  errorCount: 0,
-  durationMs: 1250,
+  synced: 5,
+  skipped: 2,
+  errors: [],
+  totalProcessed: 7,
 };
 
 const mockPlaylist: YouTubeSyncPlaylist = {
   id: "playlist-1",
   playlistId: "PL1234567890",
-  title: "Mornas de Brava",
+  label: "Mornas de Brava",
   category: "Music",
-  videoCount: 12,
+  lastSyncedAt: "2026-03-01T12:00:00Z",
+  lastSyncCount: 12,
   createdAt: "2026-03-01T12:00:00Z",
 };
 
@@ -121,11 +122,11 @@ describe("useYouTubeSync Hooks", () => {
 
     const { result } = renderHook(() => useSaveYouTubeSyncPlaylist(), { wrapper });
 
-    result.current.mutate({ playlistId: "PL1234567890", title: "Mornas de Brava", category: "Music" });
+    result.current.mutate({ playlistId: "PL1234567890", label: "Mornas de Brava", category: "Music" });
 
     await waitFor(() => expect(result.current.isSuccess).toBe(true));
     expect(api.saveYouTubeSyncPlaylist).toHaveBeenCalledWith(
-      { playlistId: "PL1234567890", title: "Mornas de Brava", category: "Music" },
+      { playlistId: "PL1234567890", label: "Mornas de Brava", category: "Music" },
       expect.anything()
     );
   });

From 720f73317a82c7eae877afda061a8e389d9a3351 Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:38:20 -0400
Subject: [PATCH 05/11] fix(map): default to CARTO Voyager basemap style
 instead of dark matter

---
 apps/web/src/features/map/components/map-canvas.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/features/map/components/map-canvas.tsx b/apps/web/src/features/map/components/map-canvas.tsx
index 6d50b5dc..4189776c 100644
--- a/apps/web/src/features/map/components/map-canvas.tsx
+++ b/apps/web/src/features/map/components/map-canvas.tsx
@@ -615,8 +615,8 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
           ref={mapRef}
           style={
             viewMode === "satellite"
-              ? "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
-              : "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
+              ? "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
+              : "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
           }
           onClick={handleMapClick}
           onMove={onMove}

From be2ea0fd25097d28b32046ca1a780cca813b60bc Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:44:26 -0400
Subject: [PATCH 06/11] feat(gallery): polish map marker clustering and video
 badges (spec 026)

---
 .../components/gallery/gallery-map-canvas.tsx |  1 +
 .../components/gallery/gallery-map-marker.tsx | 19 ++++++++++++++-----
 apps/web/src/lib/gallery-mappers.ts           |  2 ++
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/gallery/gallery-map-canvas.tsx b/apps/web/src/components/gallery/gallery-map-canvas.tsx
index 8600fa5d..65649d8d 100644
--- a/apps/web/src/components/gallery/gallery-map-canvas.tsx
+++ b/apps/web/src/components/gallery/gallery-map-canvas.tsx
@@ -314,6 +314,7 @@ export function GalleryMapCanvas({
                 thumbnailUrl={geoProps.thumbnailUrl}
                 title={geoProps.title}
                 isSelected={isSelected}
+                mediaType={geoProps.mediaType}
                 onClick={() =>
                   handleMarkerClick(geoProps.mediaId, latitude, longitude)
                 }
diff --git a/apps/web/src/components/gallery/gallery-map-marker.tsx b/apps/web/src/components/gallery/gallery-map-marker.tsx
index 10cf5964..80509494 100644
--- a/apps/web/src/components/gallery/gallery-map-marker.tsx
+++ b/apps/web/src/components/gallery/gallery-map-marker.tsx
@@ -2,24 +2,26 @@
 
 import Image from "next/image";
 import { clsx } from "clsx";
-import { Camera } from "lucide-react";
+import { Camera, Play } from "lucide-react";
 
 interface GalleryMapMarkerProps {
   thumbnailUrl: string | null;
   title: string;
   isSelected: boolean;
   onClick: () => void;
+  mediaType?: "IMAGE" | "VIDEO";
 }
 
 /**
- * Photo thumbnail marker for the gallery map.
- * 48x48px rounded image with a subtle pin nub below.
+ * Photo/Video thumbnail marker for the gallery map.
+ * 48x48px rounded image with a subtle pin nub below and video indicator badge.
  */
 export function GalleryMapMarker({
   thumbnailUrl,
   title,
   isSelected,
   onClick,
+  mediaType,
 }: GalleryMapMarkerProps) {
   return (
     <button
@@ -33,12 +35,12 @@ export function GalleryMapMarker({
         "ease-calm transition-transform duration-200",
         isSelected ? "z-50 scale-110" : "z-10 hover:z-40 hover:scale-105"
       )}
-      aria-label={`View photo: ${title}`}
+      aria-label={`View ${mediaType === "VIDEO" ? "video" : "photo"}: ${title}`}
     >
       {/* Thumbnail circle */}
       <div
         className={clsx(
-          "shadow-medium h-12 w-12 overflow-hidden rounded-full border-2",
+          "shadow-medium relative h-12 w-12 overflow-hidden rounded-full border-2",
           isSelected ? "border-brand ring-brand/30 ring-2" : "border-white"
         )}
       >
@@ -56,6 +58,13 @@ export function GalleryMapMarker({
             <Camera className="text-muted h-5 w-5" />
           </div>
         )}
+
+        {/* Video Play Badge */}
+        {mediaType === "VIDEO" && (
+          <div className="bg-brand absolute inset-0 flex items-center justify-center bg-black/40 backdrop-blur-[1px]">
+            <Play className="fill-white text-white drop-shadow" size={14} />
+          </div>
+        )}
       </div>
       {/* Pin nub */}
       <div
diff --git a/apps/web/src/lib/gallery-mappers.ts b/apps/web/src/lib/gallery-mappers.ts
index 290ef3d1..cf4072a0 100644
--- a/apps/web/src/lib/gallery-mappers.ts
+++ b/apps/web/src/lib/gallery-mappers.ts
@@ -223,6 +223,7 @@ export interface GalleryGeoProperties {
   category: string;
   title: string;
   thumbnailUrl: string | null;
+  mediaType?: "IMAGE" | "VIDEO";
 }
 
 /**
@@ -242,6 +243,7 @@ export function mediaItemToGeoFeature(
       category: item.category || "",
       title: item.title,
       thumbnailUrl: item.thumbnailUrl ?? item.url,
+      mediaType: item.type,
     },
     geometry: {
       type: "Point",

From 811d96b6213afee54ae047ca8cf2522ee9264cae Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:44:56 -0400
Subject: [PATCH 07/11] docs(plan): update plan submodule pointer for specs 023
 and 026

---
 plan | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plan b/plan
index de72cc3f..677c0de2 160000
--- a/plan
+++ b/plan
@@ -1 +1 @@
-Subproject commit de72cc3f9b0e3ac1594475da02cd2b2b246b9e4a
+Subproject commit 677c0de2bc412e1985a98cbdcced7d9dc613d539

From 578dbe6da28754540e24856180b9a4fa668f063c Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Thu, 30 Jul 2026 23:52:41 -0400
Subject: [PATCH 08/11] docs(roadmap): update project status, roadmap, and
 lockfile

Update project status to reflect completed specs 023 and 026, add roadmap priorities, and sync pnpm-lock.yaml.
---
 arkhe/roadmap/next-actions.md |  18 +
 docs/PROJECT-ROADMAP.md       |  94 ++++
 docs/PROJECT-STATUS.md        |  26 +-
 pnpm-lock.yaml                | 838 +++++++---------------------------
 4 files changed, 294 insertions(+), 682 deletions(-)
 create mode 100644 arkhe/roadmap/next-actions.md
 create mode 100644 docs/PROJECT-ROADMAP.md

diff --git a/arkhe/roadmap/next-actions.md b/arkhe/roadmap/next-actions.md
new file mode 100644
index 00000000..65af265a
--- /dev/null
+++ b/arkhe/roadmap/next-actions.md
@@ -0,0 +1,18 @@
+---
+generated: 2026-07-30
+commit: e1578c1
+source: /roadmap next
+---
+
+## Strategic Roadmap Priorities (Updated)
+
+> [!NOTE]
+> `/stories` (user story submissions) has been deprioritized to focus engineering effort on **Social Media Integration**, **Media Hub Enhancements**, and **Map Features**.
+
+### 🚀 High-Priority Focus Areas
+
+1. **Social Media & Channel Sync** — Expand YouTube Channel Sync and Instagram/Meta integrations (`spec/028`, `spec/029`, `spec/030`) for automated cultural media ingestion and social feed embeds.
+2. **Map Integration & MapLibre Migration** — Migrate from Mapbox GL to MapLibre GL (`spec/023`, `spec/026`) to eliminate licensing costs, save 250 kB bundle size, and enhance interactive heritage site mapping.
+3. **Media Hub & Promoted Video Player** — Implement gallery video redesign (`spec/031`) and promoted video player (`spec/032`) for featured Brava cultural media.
+4. **Language Switcher UI** — Add frontend locale switcher (EN / PT / KEA) to support Cape Verdean Creole & Portuguese media captions and site navigation.
+5. **Admin RBAC Security** — Add `@EnableMethodSecurity` and `@PreAuthorize` on admin controllers (`gallery`, `places`, `media`) to secure administrative actions.
diff --git a/docs/PROJECT-ROADMAP.md b/docs/PROJECT-ROADMAP.md
new file mode 100644
index 00000000..4ad01567
--- /dev/null
+++ b/docs/PROJECT-ROADMAP.md
@@ -0,0 +1,94 @@
+# Project Roadmap
+_Generated: 2026-07-30_
+
+## Timeline
+
+| Phase | Title | Status | Specs | ADRs |
+|-------|-------|--------|-------|------|
+| 1 | Backend Cold Start Quick Wins | Complete | 0 | 1 |
+| 2 | Frontend Performance | Partial | 1 | 0 |
+| 3 | Edge Distribution | Partial | 1 | 0 |
+| 4 | Backend Migration | Future | 0 | 0 |
+
+## Progress
+- Phases: 1/4 complete (25%)
+- Specs: 2/32 linked to phases
+- ADRs: 1/1 linked to phases
+- Backlog: 6 themes (1 active)
+
+## Phase Details
+
+### Phase 1: Backend Cold Start Quick Wins
+- **Status:** Complete
+- **Specs:** _(none)_
+- **ADRs:** ADR-0014
+- **Evidence:** PR #128
+
+### Phase 2: Frontend Performance
+- **Status:** Partial
+- **Specs:** 027 (Frontend Performance Improvements)
+- **ADRs:** _(none)_
+- **Evidence:** PR #130
+
+### Phase 3: Edge Distribution
+- **Status:** Partial
+- **Specs:** 012 (R2 Admin Management)
+- **ADRs:** _(none)_
+- **Evidence:** _(none)_
+
+### Phase 4: Backend Migration
+- **Status:** Future
+- **Specs:** _(none)_
+- **ADRs:** _(none)_
+- **Evidence:** _(none)_
+
+## Backlog
+
+- **P0 Quick Wins**: Fix content tooling bugs, admin role setup
+- **P1 High Impact**: Language switcher UI, Portuguese translations, admin moderation dashboard, community story submission
+- **P2 Medium Impact**: Kriolu content, history category articles, user profile enhancement
+- **Social Media Integrations**: Newsletters, other platforms
+- **API Roadmap**: RBAC, i18n, enhanced validation, 80%+ test coverage target
+- **Spec 03**: Design System Compliance (In Progress)
+
+## Spec Traceability
+
+- **Spec 001**: AI Admin Dashboard → [UNLINKED]
+- **Spec 01**: Directory Admin CRUD → [UNLINKED]
+- **Spec 02**: Admin UI Standardization → [UNLINKED]
+- **Spec 03**: Design System Compliance → [UNLINKED]
+- **Spec 04**: Token Migration Phase 2 → [UNLINKED]
+- **Spec 05**: Form Components → [UNLINKED]
+- **Spec 06**: Button/Tab Consistency → [UNLINKED]
+- **Spec 07**: EXIF Metadata Extraction → [UNLINKED]
+- **Spec 08**: Directory Image Management → [UNLINKED]
+- **Spec 009**: AI Image Analysis → [UNLINKED]
+- **Spec 010**: Spring AI Refactor → [UNLINKED]
+- **Spec 011**: AI Review Queue UI → [UNLINKED]
+- **Spec 012**: R2 Admin Management → linked to Phase 3 [AUTO-LINKED]
+- **Spec 013**: Admin Panel Redesign → [UNLINKED]
+- **Spec 014**: Admin Queue Pages → [UNLINKED]
+- **Spec 015**: Centralize Text AI → [UNLINKED]
+- **Spec 016**: Gallery Media Edit → [UNLINKED]
+- **Spec 017**: AI Module Refactoring → [UNLINKED]
+- **Spec 018**: AI Review Separation → [UNLINKED]
+- **Spec 019**: Smart Credit Attribution → [UNLINKED]
+- **Spec 020**: Gallery Masonry Lightbox → [UNLINKED]
+- **Spec 021**: Gallery Enhancements → [UNLINKED]
+- **Spec 022**: Gallery Phase 3 Discovery → [UNLINKED]
+- **Spec 023**: BravaMap Migration → [UNLINKED]
+- **Spec 024**: BravaMap Component Decomposition → [UNLINKED]
+- **Spec 025**: Admin Queue Filter Fixes → [UNLINKED]
+- **Spec 026**: Gallery Map View → [UNLINKED]
+- **Spec 027**: Frontend Performance Improvements → linked to Phase 2 [AUTO-LINKED]
+- **Spec 028**: Social Media Integration → [UNLINKED]
+- **Spec 029**: YouTube Channel Sync → [UNLINKED]
+- **Spec 031**: Gallery Video Redesign → [UNLINKED]
+- **Spec 032**: Promoted Video Player → [UNLINKED]
+
+## ADR Traceability
+
+- **ADR-0014**: Backend Cold Start → linked to Phase 1 [MANUAL]
+
+## References
+- docs/PROJECT-STATUS.md
diff --git a/docs/PROJECT-STATUS.md b/docs/PROJECT-STATUS.md
index e7803ebd..c4e8ff96 100644
--- a/docs/PROJECT-STATUS.md
+++ b/docs/PROJECT-STATUS.md
@@ -1,7 +1,7 @@
 # Project Status
 
-**Last Updated:** 2026-03-21
-**Branch:** develop | **Commits:** 128 (repo re-initialized 2026-03-02 with squashed history)
+**Last Updated:** 2026-07-30
+**Branch:** develop | **Commits:** 172 (repo re-initialized 2026-03-02 with squashed history)
 
 ---
 
@@ -57,13 +57,14 @@
 
 **Source:** `plan/arkhe/specs/` (33 spec directories)
 
-### Complete (31)
+### Complete (32)
 
 | Spec | Title |
 |------|-------|
 | 001 | AI Admin Dashboard |
 | 002 | Admin UI Standardization |
 | 01 | Directory Admin CRUD |
+| 03 | Design System Compliance |
 | 04 | Token Migration Phase 2 |
 | 05 | Form Components |
 | 06 | Button/Tab Consistency |
@@ -99,18 +100,16 @@
 |------|-------|----|
 | — | Design Review Fixes | #92 |
 
-### In Progress (1)
+### In Progress (0)
 
-| Spec | Title | Remaining Work |
-|------|-------|----------------|
-| 03 | Design System Compliance | 38 files use raw color classes (30 excluding catalyst-ui); `bg-white` context review needed |
+None. All 32 specification directories complete.
 
 ---
 
 ## Dependency Chains
 
 ```
-Design System:  04 done -> 03 in progress
+Design System:  04 done -> 03 done
                 05 done + 06 done
 Directory:      01 done -> 08 done
 AI Pipeline:    010 done -> 009 done -> 011 done -> 001 done
@@ -122,7 +121,7 @@ Social Media:   028 done -> 029 done
 Video:          031 done -> 032 done
 ```
 
-No critical blockers. Spec 03 (Design System Compliance) is the only active dependency chain.
+No critical blockers. All dependency chains complete.
 
 ---
 
@@ -221,7 +220,6 @@ No pending production issues.
 
 ## What's Planned
 
-- Spec 03: Design System Compliance — 38 files remaining (30 excluding catalyst-ui)
 - Social media integrations — remaining items from roadmap (newsletters, other platforms)
 - P0 quick wins: fix content tooling bugs, admin role setup (~3 hrs)
 - P1 high impact: language switcher UI, Portuguese translations, admin moderation dashboard, community story submission
@@ -231,10 +229,10 @@ No pending production issues.
 
 ## Recommended Next Actions
 
-1. **Complete Spec 03** (Design System Compliance) — only remaining in-progress spec
-2. **Add backend tests** for auth, engagement, stories modules (reduce critical risk; JaCoCo at 5%)
-3. **Implement RBAC** — `@EnableMethodSecurity` + `@PreAuthorize` on admin controllers (security gap)
-4. **Build language switcher** — unblocks all multilingual content work
+1. **Add backend tests** for auth, engagement, stories modules (reduce critical risk; JaCoCo at 5%)
+2. **Implement RBAC** — `@EnableMethodSecurity` + `@PreAuthorize` on admin controllers (security gap)
+3. **Build language switcher** — unblocks all multilingual content work
+4. **Execute P0 Quick Wins** — fix content tooling bugs, admin role setup (~3 hrs)
 5. **Create PT translations** for existing 5 articles (AI-assisted, ~4-6 hrs)
 6. **Seed more MDX content** — history category (5 planned articles)
 7. **Resolve Issue #86** — tag-based revalidation for FrontendRevalidationService
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 558cbb4b..2655f130 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,15 +81,12 @@ importers:
       lucide-react:
         specifier: ^1.24.0
         version: 1.24.0(react@19.2.7)
-      mapbox-gl:
-        specifier: ^3.26.0
-        version: 3.26.0
+      maplibre-gl:
+        specifier: ^5.1.0
+        version: 5.24.0
       next:
         specifier: 16.2.10
         version: 16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
-      next-router-mock:
-        specifier: ^1.0.5
-        version: 1.0.5(next@16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)
       react:
         specifier: 19.2.7
         version: 19.2.7
@@ -104,7 +101,7 @@ importers:
         version: 7.81.0(react@19.2.7)
       react-map-gl:
         specifier: ^8.1.1
-        version: 8.1.1(mapbox-gl@3.26.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 8.1.1(mapbox-gl@3.26.0)(maplibre-gl@5.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-markdown:
         specifier: ^10.1.0
         version: 10.1.0(@types/react@19.2.6)(react@19.2.7)
@@ -114,18 +111,12 @@ importers:
       recharts:
         specifier: ^3.9.2
         version: 3.9.2(@types/react@19.2.6)(react-dom@19.2.7(react@19.2.7))(react-is@18.3.1)(react@19.2.7)(redux@5.0.1)
-      rehype-pretty-code:
-        specifier: ^0.14.4
-        version: 0.14.4(shiki@4.3.1)
       resend:
         specifier: ^6.17.2
         version: 6.17.2
       sharp:
         specifier: ^0.35.3
         version: 0.35.3(@types/node@26.1.1)
-      shiki:
-        specifier: ^4.3.1
-        version: 4.3.1
       supercluster:
         specifier: ^8.0.1
         version: 8.0.1
@@ -142,15 +133,6 @@ importers:
         specifier: ^5.0.14
         version: 5.0.14(@types/react@19.2.6)(immer@11.1.11)(react@19.2.7)(use-sync-external-store@1.6.0(react@19.2.7))
     devDependencies:
-      '@eslint/eslintrc':
-        specifier: ^3
-        version: 3.3.6
-      '@microsoft/eslint-formatter-sarif':
-        specifier: ^3.1.0
-        version: 3.1.0
-      '@next/bundle-analyzer':
-        specifier: 16.2.10
-        version: 16.2.10
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
@@ -175,9 +157,6 @@ importers:
       '@types/geojson':
         specifier: ^7946.0.16
         version: 7946.0.16
-      '@types/mapbox-gl':
-        specifier: ^3.5.0
-        version: 3.5.0
       '@types/mdx':
         specifier: ^2.0.14
         version: 2.0.14
@@ -932,10 +911,6 @@ packages:
     resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
     engines: {node: '>=20.19.0'}
 
-  '@discoveryjs/json-ext@0.5.7':
-    resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==}
-    engines: {node: '>=10.0.0'}
-
   '@emnapi/core@1.4.5':
     resolution: {integrity: sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==}
 
@@ -1291,18 +1266,6 @@ packages:
     resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/eslintrc@2.1.4':
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@eslint/eslintrc@3.3.6':
-    resolution: {integrity: sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/js@8.57.1':
-    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
   '@eslint/object-schema@3.0.5':
     resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -1365,19 +1328,10 @@ packages:
     resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
     engines: {node: '>=18.18.0'}
 
-  '@humanwhocodes/config-array@0.13.0':
-    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
-    engines: {node: '>=10.10.0'}
-    deprecated: Use @eslint/config-array instead
-
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/object-schema@2.0.3':
-    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
-    deprecated: Use @eslint/object-schema instead
-
   '@humanwhocodes/retry@0.4.3':
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
@@ -1859,20 +1813,45 @@ packages:
     resolution: {integrity: sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ==}
     engines: {node: '>= 0.6'}
 
+  '@mapbox/point-geometry@1.1.0':
+    resolution: {integrity: sha512-YGcBz1cg4ATXDCM/71L9xveh4dynfGmcLDqufR+nQQy3fKwsAZsWd/x4621/6uJaeB9mwOHE6hPeDgXz9uViUQ==}
+
+  '@mapbox/tiny-sdf@2.2.0':
+    resolution: {integrity: sha512-LVL4wgI9YAum5V+LNVQO6QgFBPw7/MIIY4XJPNsPDMrjEwcE+JfKk1LuIl8GnF197ejVdC9QdPaxrx5gfgdGXg==}
+
   '@mapbox/unitbezier@0.0.1':
     resolution: {integrity: sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw==}
 
+  '@mapbox/unitbezier@1.0.0':
+    resolution: {integrity: sha512-fqd515fjBmANKGGsQ286E2Wvj/XvDFpGzwJxq4CI6jMQue6Oy04uCKp+JWKF00xRTmk6cEu1jPJ9p3xqH8YWqQ==}
+
+  '@mapbox/vector-tile@2.0.5':
+    resolution: {integrity: sha512-pXj8m7KTsqZt+1jsE0xIpGvqTSbblfkuEJL/NJmNePMtEwxO8V3XMDo9WMSfDeqHvCtBI9Lmt4mGcGR10zecmw==}
+
+  '@mapbox/whoots-js@3.1.0':
+    resolution: {integrity: sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==}
+    engines: {node: '>=6.0.0'}
+
+  '@maplibre/geojson-vt@6.1.1':
+    resolution: {integrity: sha512-FVMOcmSP/yqol45t7StApEyTL5/vmqBCuFhH9n+fFuINenhaX+YgHHIt1yJ86S8kln3uJLcMvmEU2cfn6E2eCQ==}
+
   '@maplibre/maplibre-gl-style-spec@19.3.3':
     resolution: {integrity: sha512-cOZZOVhDSulgK0meTsTkmNXb1ahVvmTmWmfx9gRBwc6hq98wS9JP35ESIoNq3xqEan+UN+gn8187Z6E4NKhLsw==}
     hasBin: true
 
+  '@maplibre/maplibre-gl-style-spec@24.10.0':
+    resolution: {integrity: sha512-lichxSiagMEBBrqHF0trtMQH9RKh+9jUlIJl0qW0QHvt2H/tbvUWdE+ZzI2Jd0/pT7j/iavLonlPu7EQ/ixTOw==}
+    hasBin: true
+
+  '@maplibre/mlt@1.1.12':
+    resolution: {integrity: sha512-ZeK5w2TTeHOajcLaEQs1KZXw2V9wIKo1PmThlxlsHoXsQsYlBqLJzPOd6tJHRtGTChUY3DPPmjXRArYVvAbmZw==}
+
+  '@maplibre/vt-pbf@4.3.2':
+    resolution: {integrity: sha512-j6p0AdjvAR19Z3XaCysle7A4ZSo08tYOzxD0Y9NQylwPAkwJJeYub5b2eVucdeDh7erhv69DahoLOevDRERRUw==}
+
   '@mdx-js/mdx@3.1.1':
     resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==}
 
-  '@microsoft/eslint-formatter-sarif@3.1.0':
-    resolution: {integrity: sha512-/mn4UXziHzGXnKCg+r8HGgPy+w4RzpgdoqFuqaKOqUVBT5x2CygGefIrO4SusaY7t0C4gyIWMNu6YQT6Jw64Cw==}
-    engines: {node: '>= 14'}
-
   '@module-federation/bridge-react-webpack-plugin@2.0.1':
     resolution: {integrity: sha512-D7LMW5EMAJShOMR1aZDAJ6s+MdsYDHaQyJADLQ3LaY0sne/BkVqkPikUwcO1IwOwKbXjYsDlQVOEvk9wZVRFhA==}
 
@@ -1995,9 +1974,6 @@ packages:
   '@napi-rs/wasm-runtime@1.0.7':
     resolution: {integrity: sha512-SeDnOO0Tk7Okiq6DbXmmBODgOAb9dp9gjlphokTUxmt8U3liIP1ZsozBahH69j/RJv+Rfs6IwUKHTgQYJ/HBAw==}
 
-  '@next/bundle-analyzer@16.2.10':
-    resolution: {integrity: sha512-KcepWhb3IVniZgm00GSSCQDEUQqZXuXtuXRh8J6e3Un342TcQ77iK4DedeEkct+fcx7yFEDL2J6z4Jeho5JDAw==}
-
   '@next/env@16.2.10':
     resolution: {integrity: sha512-zLPxg9M0MEHmygpj5OuxjQ+vHMiy/K7cSp74G8ecYolmgUWw0RwN02tF56npup/+qaI8JB97hQgS/r2Hb6QwVA==}
 
@@ -2483,9 +2459,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  '@polka/url@1.0.0-next.29':
-    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
-
   '@react-aria/focus@3.21.3':
     resolution: {integrity: sha512-FsquWvjSCwC2/sBk4b+OqJyONETUIXQ2vM0YdPAuC+QFQh2DT6TIBo6dOZVSezlhudDla69xFBd6JvCFq1AbUw==}
     peerDependencies:
@@ -2817,37 +2790,6 @@ packages:
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@shikijs/core@4.3.1':
-    resolution: {integrity: sha512-ANMDxuaPsNMdDC1m4vfvhlDmJweMwkE5XitTwrq2rWHx5jM+dlm4MmHt2PP6t0uejfR77SuhrhJ0zEijIF/uhA==}
-    engines: {node: '>=20'}
-
-  '@shikijs/engine-javascript@4.3.1':
-    resolution: {integrity: sha512-JBItcnPuYq7jVJdZo/vMj94r+szT7XEjHFX+mvFDGSEIbVAXAGyHAHzhbWzpGOwYidCZrErJLLgn2PVeiokHnQ==}
-    engines: {node: '>=20'}
-
-  '@shikijs/engine-oniguruma@4.3.1':
-    resolution: {integrity: sha512-OXyNMzg0pews+msMj4cHeqT4xiYKKvbnn6VbdAXxfoFl3SSx4fJTc8FadECuc5/H9p3BzhNAoAUXKwAu9rWYhg==}
-    engines: {node: '>=20'}
-
-  '@shikijs/langs@4.3.1':
-    resolution: {integrity: sha512-m0l9nsDqgBHvbZbk7A0/kXz/impK3uB/c6rAn6Gpg/uPtdZRQ+alsN/17MU5thb68XTj/4DxkZAotrM0GGSpDQ==}
-    engines: {node: '>=20'}
-
-  '@shikijs/primitive@4.3.1':
-    resolution: {integrity: sha512-CXQRQOYy1leqQ8ceTeJdmXv/bsUY++6QyLpXJ94LZAAYj5X2SKRdc5ipguv4NPyGVKItB2PPwUpRNe0Sjh5S1A==}
-    engines: {node: '>=20'}
-
-  '@shikijs/themes@4.3.1':
-    resolution: {integrity: sha512-dgpoJ4WqNi2yTmizQHBJ5zcX6j2lE6icN/0yt4l1kkf16jrY/pwPLoTb1ETsWMz0OBLf9ZNvwmxft+cH+N9qSA==}
-    engines: {node: '>=20'}
-
-  '@shikijs/types@4.3.1':
-    resolution: {integrity: sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g==}
-    engines: {node: '>=20'}
-
-  '@shikijs/vscode-textmate@10.0.2':
-    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
-
   '@sinclair/typebox@0.34.48':
     resolution: {integrity: sha512-kKJTNuK3AQOrgjjotVxMrCn1sUJwM76wMszfq1kdU4uYVJjvEWuFQ6HgvLt4Xz3fSmZlTOxJ/Ie13KnIcWQXFA==}
 
@@ -3252,10 +3194,6 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/mapbox-gl@3.5.0':
-    resolution: {integrity: sha512-3wVAUTC6q1UKatLP9YxFBnGJWi3neJUF9OKeyRdUf/BsYjZAP35xmZkL4zogVJbO3vdExuSVYCAkzUXjpjdhOg==}
-    deprecated: This is a stub types definition. mapbox-gl provides its own type definitions, so you do not need this installed.
-
   '@types/mdast@4.0.4':
     resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
@@ -3753,10 +3691,6 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn-walk@8.3.4:
-    resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
-    engines: {node: '>=0.4.0'}
-
   acorn@8.17.0:
     resolution: {integrity: sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==}
     engines: {node: '>=0.4.0'}
@@ -4511,9 +4445,6 @@ packages:
     resolution: {integrity: sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==}
     engines: {node: '>=4.0'}
 
-  debounce@1.2.1:
-    resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
-
   debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
@@ -4631,10 +4562,6 @@ packages:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
-  doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-
   dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
@@ -4677,8 +4604,8 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
-  duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+  earcut@3.2.3:
+    resolution: {integrity: sha512-vnS4AVwp1KHAF13i1vp1/2D5evWy3k5u/iW/B81QVsUZtV8cv2tU0b2VNFlqvh4kYwrFMDdjPCfAmfyJW9y14Q==}
 
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
@@ -4730,10 +4657,6 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
-  entities@6.0.1:
-    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
-    engines: {node: '>=0.12'}
-
   entities@8.0.0:
     resolution: {integrity: sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==}
     engines: {node: '>=20.19.0'}
@@ -4919,10 +4842,6 @@ packages:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
 
-  eslint-scope@7.2.2:
-    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
   eslint-scope@9.1.2:
     resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -4931,10 +4850,6 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint-visitor-keys@4.2.1:
-    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   eslint-visitor-keys@5.0.1:
     resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -4949,24 +4864,10 @@ packages:
       jiti:
         optional: true
 
-  eslint@8.57.1:
-    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
-    hasBin: true
-
-  espree@10.4.0:
-    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   espree@11.2.0:
     resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
   esquery@1.7.0:
     resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
@@ -5103,10 +5004,6 @@ packages:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
 
-  file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -5143,10 +5040,6 @@ packages:
     resolution: {integrity: sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  flat-cache@3.2.0:
-    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-
   flat-cache@4.0.1:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
@@ -5295,6 +5188,9 @@ packages:
     resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
     engines: {node: '>=0.10.0'}
 
+  gl-matrix@3.4.4:
+    resolution: {integrity: sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -5312,10 +5208,6 @@ packages:
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
-  glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
-
   glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
     engines: {node: '>=12'}
@@ -5329,14 +5221,6 @@ packages:
     resolution: {integrity: sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==}
     engines: {node: '>=0.10.0'}
 
-  globals@13.24.0:
-    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
-    engines: {node: '>=8'}
-
-  globals@14.0.0:
-    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
-    engines: {node: '>=18'}
-
   globals@16.4.0:
     resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
     engines: {node: '>=18'}
@@ -5352,13 +5236,6 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
-  gzip-size@6.0.0:
-    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
-    engines: {node: '>=10'}
-
   handle-thing@2.0.1:
     resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==}
 
@@ -5397,27 +5274,15 @@ packages:
     resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
     engines: {node: '>= 0.4'}
 
-  hast-util-from-html@2.0.3:
-    resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
-
-  hast-util-from-parse5@8.0.3:
-    resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==}
-
   hast-util-parse-selector@4.0.0:
     resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
 
   hast-util-to-estree@3.1.3:
     resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
 
-  hast-util-to-html@9.0.5:
-    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
-
   hast-util-to-jsx-runtime@2.3.6:
     resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
 
-  hast-util-to-string@3.0.1:
-    resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
-
   hast-util-whitespace@3.0.0:
     resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
 
@@ -5458,15 +5323,9 @@ packages:
     resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
 
-  html-escaper@2.0.2:
-    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
-
   html-url-attributes@3.0.1:
     resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
 
-  html-void-elements@3.0.0:
-    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
-
   http-assert@1.5.0:
     resolution: {integrity: sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==}
     engines: {node: '>= 0.8'}
@@ -5728,10 +5587,6 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
-  is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-
   is-plain-obj@3.0.0:
     resolution: {integrity: sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==}
     engines: {node: '>=10'}
@@ -5862,10 +5717,6 @@ packages:
     resolution: {integrity: sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==}
     hasBin: true
 
-  jschardet@3.1.4:
-    resolution: {integrity: sha512-/kmVISmrwVwtyYU40iQUOp3SUPk2dhNCMsZBQX0R1/jZ8maaXJ/oZIzUOiyOqcgtLnETFKYChbJ5iDC/eWmFHg==}
-    engines: {node: '>=0.1.90'}
-
   jsdom@29.1.1:
     resolution: {integrity: sha512-ECi4Fi2f7BdJtUKTflYRTiaMxIB0O6zfR1fX0GXpUrf6flp8QIYn1UT20YQqdSOfk2dfkCwS8LAFoJDEppNK5Q==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24.0.0}
@@ -5901,6 +5752,9 @@ packages:
   json-stringify-pretty-compact@3.0.0:
     resolution: {integrity: sha512-Rc2suX5meI0S3bfdZuA7JMFBGkJ875ApfVyq2WHELjBiiG22My/l7/8zPpH/CfFVQHuVLd8NLR0nv6vi0BYYKA==}
 
+  json-stringify-pretty-compact@4.0.0:
+    resolution: {integrity: sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==}
+
   json-with-bigint@3.5.8:
     resolution: {integrity: sha512-eq/4KP6K34kwa7TcFdtvnftvHCD9KvHOGGICWwMFc4dOOKF5t4iYqnfLK8otCRCRv06FXOzGGyqE8h8ElMvvdw==}
 
@@ -5935,6 +5789,9 @@ packages:
   kdbush@4.0.2:
     resolution: {integrity: sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==}
 
+  kdbush@4.1.0:
+    resolution: {integrity: sha512-e9vurzrXJQrFX6ckpHP3bvj5l+9CnYzkxDNnNQ1h2QTqdWsUAJgXiKdGNcOa1EY85dU8KbQ+z/FdQdB7P+9yfQ==}
+
   keygrip@1.1.0:
     resolution: {integrity: sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==}
     engines: {node: '>= 0.6'}
@@ -6117,15 +5974,9 @@ packages:
   lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
 
-  lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-
   lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
 
-  lodash@4.17.23:
-    resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
-
   log-symbols@4.1.0:
     resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
     engines: {node: '>=10'}
@@ -6180,6 +6031,10 @@ packages:
   mapbox-gl@3.26.0:
     resolution: {integrity: sha512-N+Y8VmvpD6xDeP0hAbegPZeEMY5TtnLcV0gEUBZ/KHq3s/yUKQm0PVG9JEkId0QFMMe5/W+FEjoyV4NI3B/N7A==}
 
+  maplibre-gl@5.24.0:
+    resolution: {integrity: sha512-ALyFxgtd5R+65UqZ/++lOqwWcC0SNho9c27fYSyLmG7AfnAul2o46F05aDJGPbFU57wos9dgcIySHs0Xe6ia3A==}
+    engines: {node: '>=16.14.0', npm: '>=8.1.0'}
+
   markdown-extensions@2.0.0:
     resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
     engines: {node: '>=16'}
@@ -6409,10 +6264,6 @@ packages:
   motion-utils@12.39.0:
     resolution: {integrity: sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==}
 
-  mrmime@2.0.1:
-    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
-    engines: {node: '>=10'}
-
   ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
 
@@ -6423,6 +6274,9 @@ packages:
     resolution: {integrity: sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==}
     hasBin: true
 
+  murmurhash-js@1.0.0:
+    resolution: {integrity: sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw==}
+
   nanoid@3.3.16:
     resolution: {integrity: sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -6452,12 +6306,6 @@ packages:
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
-  next-router-mock@1.0.5:
-    resolution: {integrity: sha512-mEndN1KdRlofR1Hf+FvfHogabpx1SQ8cbXYENCm3SA1W5Bj3UlaIW814DA6vg5gmPF6tBw5E1rX2JY4ogN9aaQ==}
-    peerDependencies:
-      next: '>=10.0.0'
-      react: '>=17.0.0'
-
   next@16.2.10:
     resolution: {integrity: sha512-2som5AVXb3kE6Yjine3/mNbBayYF58eguBWIVVUdr1y/L426xyVEgYxgBG+1QC34P2x5E+tcDup6XkuOAX3dCA==}
     engines: {node: '>=20.9.0'}
@@ -6595,12 +6443,6 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
-  oniguruma-parser@0.12.2:
-    resolution: {integrity: sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==}
-
-  oniguruma-to-es@4.3.6:
-    resolution: {integrity: sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==}
-
   open@10.2.0:
     resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
     engines: {node: '>=18'}
@@ -6668,9 +6510,6 @@ packages:
     resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
     engines: {node: '>= 0.10'}
 
-  parse-numeric-range@1.3.0:
-    resolution: {integrity: sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ==}
-
   parse-passwd@1.0.0:
     resolution: {integrity: sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==}
     engines: {node: '>=0.10.0'}
@@ -6678,9 +6517,6 @@ packages:
   parse5@4.0.0:
     resolution: {integrity: sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==}
 
-  parse5@7.3.0:
-    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
-
   parse5@8.0.1:
     resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
 
@@ -6696,10 +6532,6 @@ packages:
     resolution: {integrity: sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-
   path-key@2.0.1:
     resolution: {integrity: sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==}
     engines: {node: '>=4'}
@@ -6728,6 +6560,14 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
+  pbf@4.0.2:
+    resolution: {integrity: sha512-J0ajxARhZfpUEebxYs1vhMGMuLSXtBe1e+fFPDrf2uA2hgo+UshKfNUWOz92HJNz6/NFEXseQPddnHkTreWRqg==}
+    hasBin: true
+
+  pbf@5.1.2:
+    resolution: {integrity: sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==}
+    hasBin: true
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -7018,6 +6858,9 @@ packages:
     resolution: {integrity: sha512-xdB1oSLHbz1vRWgCDalrCqEFTWzFlhqFC5tIHLMOSUIjhm3XXQ1qrFy8S/ESr1JYRRXqM3c1QFiMZUJdUTqyMQ==}
     engines: {node: ^10 || ^12 || >=14}
 
+  potpack@2.1.0:
+    resolution: {integrity: sha512-pcaShQc1Shq0y+E7GqJqvZj8DTthWV1KeHGdi0Z6IAin2Oi3JnLCOfwnCo84qc+HAp52wT9nK9H7FAJp5a44GQ==}
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -7103,6 +6946,9 @@ packages:
   property-information@7.1.0:
     resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
 
+  protocol-buffers-schema@3.6.1:
+    resolution: {integrity: sha512-VG2K63Igkiv9p76tk1lilczEK1cT+kCjKtkdhw1dQZV3k3IXJbd3o6Ho8b9zJZaHSnT2hKe4I+ObmX9w6m5SmQ==}
+
   proxy-addr@2.0.7:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
@@ -7140,6 +6986,9 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  quickselect@3.0.0:
+    resolution: {integrity: sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==}
+
   rambda@9.4.2:
     resolution: {integrity: sha512-++euMfxnl7OgaEKwXh9QqThOjMeta2HH001N1v4mYQzBjJBnmXBh2BCK6dZAbICFVXOFUVD3xFG0R3ZPU0mxXw==}
 
@@ -7299,15 +7148,6 @@ packages:
   regenerate@1.4.2:
     resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
 
-  regex-recursion@6.0.2:
-    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
-
-  regex-utilities@2.3.0:
-    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
-
-  regex@6.1.0:
-    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
-
   regexp.prototype.flags@1.5.4:
     resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
@@ -7323,15 +7163,6 @@ packages:
     resolution: {integrity: sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==}
     hasBin: true
 
-  rehype-parse@9.0.1:
-    resolution: {integrity: sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==}
-
-  rehype-pretty-code@0.14.4:
-    resolution: {integrity: sha512-FKPkiSnTqtJHKjCwfqfQs0tXSkmcq7K3jsryZI0rpazo2kWgSYw+sk18GAhxDzKdPk004WWWZ5yiZFEUQhN4Bg==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      shiki: ^1.0.0 || ^2.0.0 || ^3.0.0 || ^4.0.0
-
   rehype-recma@1.0.0:
     resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
 
@@ -7378,6 +7209,9 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
+  resolve-protobuf-schema@2.1.0:
+    resolution: {integrity: sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==}
+
   resolve.exports@2.0.3:
     resolution: {integrity: sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==}
     engines: {node: '>=10'}
@@ -7410,11 +7244,6 @@ packages:
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
-  rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    deprecated: Rimraf versions prior to v4 are no longer supported
-    hasBin: true
-
   rollup@4.62.2:
     resolution: {integrity: sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -7721,10 +7550,6 @@ packages:
     resolution: {integrity: sha512-w1aiOKwKuRgtwAReIIj89puqg+I7GvX4IbLrvmhXbzQsj1+Zwi4VO3+fa6ZF91TWSjIxoEkKnMeHcLEODK5ZXA==}
     engines: {node: '>= 0.4'}
 
-  shiki@4.3.1:
-    resolution: {integrity: sha512-oR+qDVi2OjX1tmDpyv+3KviX01KzO6Af+0NNnKnsp9491UEGz2YpxTuJboS/6VhYpTdqzmuJBuiTlrAWWJAssw==}
-    engines: {node: '>=20'}
-
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -7755,10 +7580,6 @@ packages:
   signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
-  sirv@2.0.4:
-    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
-    engines: {node: '>= 10'}
-
   smol-toml@1.6.1:
     resolution: {integrity: sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==}
     engines: {node: '>= 18'}
@@ -7917,10 +7738,6 @@ packages:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
 
-  strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-
   style-loader@3.3.4:
     resolution: {integrity: sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==}
     engines: {node: '>= 12.13.0'}
@@ -8082,9 +7899,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-
   thingies@2.6.0:
     resolution: {integrity: sha512-rMHRjmlFLM1R96UYPvpmnc3LYtdFrT33JIB7L9hetGue1qAPfn1N2LJeEjxUSidu1Iku+haLZXDuEXUHNGO/lg==}
     engines: {node: '>=10.18'}
@@ -8111,6 +7925,9 @@ packages:
     resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
     engines: {node: '>=12.0.0'}
 
+  tinyqueue@3.0.0:
+    resolution: {integrity: sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==}
+
   tinyrainbow@3.1.0:
     resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
     engines: {node: '>=14.0.0'}
@@ -8134,10 +7951,6 @@ packages:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
 
-  totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-
   tough-cookie@6.0.1:
     resolution: {integrity: sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==}
     engines: {node: '>=16'}
@@ -8207,10 +8020,6 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-
   type-is@1.6.18:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
@@ -8373,9 +8182,6 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  utf8@3.0.0:
-    resolution: {integrity: sha512-E8VjFIQ/TyQgp+TZfS6l8yp/xWppSAHzidGiRrqe4bK4XP9pTRyKFgGJpO3SN7zdX4DeomTrwaseCHovfpFcqQ==}
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -8403,9 +8209,6 @@ packages:
     engines: {node: ^18.20.0 || >=20.3.0}
     hasBin: true
 
-  vfile-location@5.0.3:
-    resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
-
   vfile-message@4.0.3:
     resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
 
@@ -8514,9 +8317,6 @@ packages:
   wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
 
-  web-namespaces@2.0.1:
-    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
-
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
@@ -8524,11 +8324,6 @@ packages:
     resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
     engines: {node: '>=20'}
 
-  webpack-bundle-analyzer@4.10.1:
-    resolution: {integrity: sha512-s3P7pgexgT/HTUSYgxJyn28A+99mmLq4HsJepMPzu0R8ImJc52QNqaFYW1Z2z2uIb1/J3eYgaAWVpaC+v/1aAQ==}
-    engines: {node: '>= 10.13.0'}
-    hasBin: true
-
   webpack-dev-middleware@7.4.5:
     resolution: {integrity: sha512-uxQ6YqGdE4hgDKNf7hUiPXOdtkXvBJXrfEGYSx7P7LC8hnUYGK70X6xQXUvXeNyBDDcsiQXpG2m3G9vxowaEuA==}
     engines: {node: '>= 18.12.0'}
@@ -8670,18 +8465,6 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  ws@7.5.10:
-    resolution: {integrity: sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==}
-    engines: {node: '>=8.3.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: ^5.0.2
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-
   ws@8.18.0:
     resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
     engines: {node: '>=10.0.0'}
@@ -9631,8 +9414,6 @@ snapshots:
 
   '@csstools/css-tokenizer@4.0.0': {}
 
-  '@discoveryjs/json-ext@0.5.7': {}
-
   '@emnapi/core@1.4.5':
     dependencies:
       '@emnapi/wasi-threads': 1.0.4
@@ -9825,11 +9606,6 @@ snapshots:
       eslint: 10.1.0(jiti@2.7.0)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/eslint-utils@4.9.1(eslint@8.57.1)':
-    dependencies:
-      eslint: 8.57.1
-      eslint-visitor-keys: 3.4.3
-
   '@eslint-community/regexpp@4.12.2': {}
 
   '@eslint/config-array@0.23.5':
@@ -9848,36 +9624,6 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/eslintrc@2.1.4':
-    dependencies:
-      ajv: 6.15.0
-      debug: 4.4.3(supports-color@7.2.0)
-      espree: 9.6.1
-      globals: 13.24.0
-      ignore: 5.3.2
-      import-fresh: 3.3.1
-      js-yaml: 4.3.0
-      minimatch: 3.1.4
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/eslintrc@3.3.6':
-    dependencies:
-      ajv: 6.15.0
-      debug: 4.4.3(supports-color@7.2.0)
-      espree: 10.4.0
-      globals: 14.0.0
-      ignore: 5.3.2
-      import-fresh: 3.3.1
-      js-yaml: 4.3.0
-      minimatch: 3.1.4
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/js@8.57.1': {}
-
   '@eslint/object-schema@3.0.5': {}
 
   '@eslint/plugin-kit@0.6.1':
@@ -9939,18 +9685,8 @@ snapshots:
 
   '@humanfs/types@0.15.0': {}
 
-  '@humanwhocodes/config-array@0.13.0':
-    dependencies:
-      '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.4.3(supports-color@7.2.0)
-      minimatch: 3.1.4
-    transitivePeerDependencies:
-      - supports-color
-
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/object-schema@2.0.3': {}
-
   '@humanwhocodes/retry@0.4.3': {}
 
   '@img/colour@1.0.0': {}
@@ -10353,8 +10089,26 @@ snapshots:
 
   '@mapbox/jsonlint-lines-primitives@2.0.2': {}
 
+  '@mapbox/point-geometry@1.1.0': {}
+
+  '@mapbox/tiny-sdf@2.2.0': {}
+
   '@mapbox/unitbezier@0.0.1': {}
 
+  '@mapbox/unitbezier@1.0.0': {}
+
+  '@mapbox/vector-tile@2.0.5':
+    dependencies:
+      '@mapbox/point-geometry': 1.1.0
+      '@types/geojson': 7946.0.16
+      pbf: 4.0.2
+
+  '@mapbox/whoots-js@3.1.0': {}
+
+  '@maplibre/geojson-vt@6.1.1':
+    dependencies:
+      kdbush: 4.1.0
+
   '@maplibre/maplibre-gl-style-spec@19.3.3':
     dependencies:
       '@mapbox/jsonlint-lines-primitives': 2.0.2
@@ -10364,6 +10118,25 @@ snapshots:
       rw: 1.3.3
       sort-object: 3.0.3
 
+  '@maplibre/maplibre-gl-style-spec@24.10.0':
+    dependencies:
+      '@mapbox/jsonlint-lines-primitives': 2.0.2
+      '@mapbox/unitbezier': 1.0.0
+      json-stringify-pretty-compact: 4.0.0
+      minimist: 1.2.8
+      quickselect: 3.0.0
+      tinyqueue: 3.0.0
+
+  '@maplibre/mlt@1.1.12':
+    dependencies:
+      '@mapbox/point-geometry': 1.1.0
+
+  '@maplibre/vt-pbf@4.3.2':
+    dependencies:
+      '@mapbox/point-geometry': 1.1.0
+      '@types/geojson': 7946.0.16
+      pbf: 5.1.2
+
   '@mdx-js/mdx@3.1.1':
     dependencies:
       '@types/estree': 1.0.9
@@ -10394,15 +10167,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@microsoft/eslint-formatter-sarif@3.1.0':
-    dependencies:
-      eslint: 8.57.1
-      jschardet: 3.1.4
-      lodash: 4.17.23
-      utf8: 3.0.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@module-federation/bridge-react-webpack-plugin@2.0.1':
     dependencies:
       '@module-federation/sdk': 2.0.1
@@ -10644,13 +10408,6 @@ snapshots:
       '@tybys/wasm-util': 0.10.1
     optional: true
 
-  '@next/bundle-analyzer@16.2.10':
-    dependencies:
-      webpack-bundle-analyzer: 4.10.1
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-
   '@next/env@16.2.10': {}
 
   '@next/eslint-plugin-next@16.2.10':
@@ -11379,8 +11136,6 @@ snapshots:
     dependencies:
       playwright: 1.61.1
 
-  '@polka/url@1.0.0-next.29': {}
-
   '@react-aria/focus@3.21.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@react-aria/interactions': 3.26.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -11638,46 +11393,6 @@ snapshots:
 
   '@rtsao/scc@1.1.0': {}
 
-  '@shikijs/core@4.3.1':
-    dependencies:
-      '@shikijs/primitive': 4.3.1
-      '@shikijs/types': 4.3.1
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.5
-
-  '@shikijs/engine-javascript@4.3.1':
-    dependencies:
-      '@shikijs/types': 4.3.1
-      '@shikijs/vscode-textmate': 10.0.2
-      oniguruma-to-es: 4.3.6
-
-  '@shikijs/engine-oniguruma@4.3.1':
-    dependencies:
-      '@shikijs/types': 4.3.1
-      '@shikijs/vscode-textmate': 10.0.2
-
-  '@shikijs/langs@4.3.1':
-    dependencies:
-      '@shikijs/types': 4.3.1
-
-  '@shikijs/primitive@4.3.1':
-    dependencies:
-      '@shikijs/types': 4.3.1
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-
-  '@shikijs/themes@4.3.1':
-    dependencies:
-      '@shikijs/types': 4.3.1
-
-  '@shikijs/types@4.3.1':
-    dependencies:
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-
-  '@shikijs/vscode-textmate@10.0.2': {}
-
   '@sinclair/typebox@0.34.48': {}
 
   '@stablelib/base64@1.0.1': {}
@@ -12111,10 +11826,6 @@ snapshots:
 
   '@types/json5@0.0.29': {}
 
-  '@types/mapbox-gl@3.5.0':
-    dependencies:
-      mapbox-gl: 3.26.0
-
   '@types/mdast@4.0.4':
     dependencies:
       '@types/unist': 3.0.3
@@ -12428,11 +12139,13 @@ snapshots:
     optionalDependencies:
       mapbox-gl: 3.26.0
 
-  '@vis.gl/react-maplibre@8.1.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@vis.gl/react-maplibre@8.1.1(maplibre-gl@5.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@maplibre/maplibre-gl-style-spec': 19.3.3
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
+    optionalDependencies:
+      maplibre-gl: 5.24.0
 
   '@vitejs/plugin-react@5.2.0(vite@7.3.0(@types/node@26.1.1)(jiti@2.7.0)(less@4.5.1)(lightningcss@1.32.0)(sass-embedded@1.97.3)(sass@1.97.3)(terser@5.49.0)(yaml@2.9.0))':
     dependencies:
@@ -12586,10 +12299,6 @@ snapshots:
     dependencies:
       acorn: 8.17.0
 
-  acorn-walk@8.3.4:
-    dependencies:
-      acorn: 8.17.0
-
   acorn@8.17.0: {}
 
   address@2.0.3: {}
@@ -13441,8 +13150,6 @@ snapshots:
   date-format@4.0.14:
     optional: true
 
-  debounce@1.2.1: {}
-
   debug@2.6.9:
     dependencies:
       ms: 2.0.0
@@ -13538,10 +13245,6 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
-  doctrine@3.0.0:
-    dependencies:
-      esutils: 2.0.3
-
   dom-accessibility-api@0.5.16: {}
 
   dom-accessibility-api@0.6.3: {}
@@ -13585,7 +13288,7 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
-  duplexer@0.1.2: {}
+  earcut@3.2.3: {}
 
   ee-first@1.1.1: {}
 
@@ -13628,8 +13331,6 @@ snapshots:
 
   entities@4.5.0: {}
 
-  entities@6.0.1: {}
-
   entities@8.0.0: {}
 
   env-paths@2.2.1: {}
@@ -13984,11 +13685,6 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 4.3.0
 
-  eslint-scope@7.2.2:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-
   eslint-scope@9.1.2:
     dependencies:
       '@types/esrecurse': 4.3.1
@@ -13998,8 +13694,6 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint-visitor-keys@4.2.1: {}
-
   eslint-visitor-keys@5.0.1: {}
 
   eslint@10.1.0(jiti@2.7.0):
@@ -14039,67 +13733,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint@8.57.1:
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.12.2
-      '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.1
-      '@humanwhocodes/config-array': 0.13.0
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.3.0
-      ajv: 6.15.0
-      chalk: 4.1.2
-      cross-spawn: 7.0.6
-      debug: 4.4.3(supports-color@7.2.0)
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.7.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.3.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.4
-      natural-compare: 1.4.0
-      optionator: 0.9.4
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-
-  espree@10.4.0:
-    dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
-      eslint-visitor-keys: 4.2.1
-
   espree@11.2.0:
     dependencies:
       acorn: 8.17.0
       acorn-jsx: 5.3.2(acorn@8.17.0)
       eslint-visitor-keys: 5.0.1
 
-  espree@9.6.1:
-    dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
-      eslint-visitor-keys: 3.4.3
-
   esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
@@ -14293,10 +13932,6 @@ snapshots:
     dependencies:
       escape-string-regexp: 1.0.5
 
-  file-entry-cache@6.0.1:
-    dependencies:
-      flat-cache: 3.2.0
-
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -14346,12 +13981,6 @@ snapshots:
       locate-path: 7.2.0
       path-exists: 5.0.0
 
-  flat-cache@3.2.0:
-    dependencies:
-      flatted: 3.4.2
-      keyv: 4.5.4
-      rimraf: 3.0.2
-
   flat-cache@4.0.1:
     dependencies:
       flatted: 3.4.2
@@ -14501,6 +14130,8 @@ snapshots:
 
   get-value@2.0.6: {}
 
+  gl-matrix@3.4.4: {}
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -14516,15 +14147,6 @@ snapshots:
 
   glob-to-regexp@0.4.1: {}
 
-  glob@7.2.3:
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.4
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-
   glob@8.1.0:
     dependencies:
       fs.realpath: 1.0.0
@@ -14549,12 +14171,6 @@ snapshots:
       which: 1.3.1
     optional: true
 
-  globals@13.24.0:
-    dependencies:
-      type-fest: 0.20.2
-
-  globals@14.0.0: {}
-
   globals@16.4.0: {}
 
   globalthis@1.0.4:
@@ -14566,12 +14182,6 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
-  graphemer@1.4.0: {}
-
-  gzip-size@6.0.0:
-    dependencies:
-      duplexer: 0.1.2
-
   handle-thing@2.0.1:
     optional: true
 
@@ -14603,26 +14213,6 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  hast-util-from-html@2.0.3:
-    dependencies:
-      '@types/hast': 3.0.4
-      devlop: 1.1.0
-      hast-util-from-parse5: 8.0.3
-      parse5: 7.3.0
-      vfile: 6.0.3
-      vfile-message: 4.0.3
-
-  hast-util-from-parse5@8.0.3:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/unist': 3.0.3
-      devlop: 1.1.0
-      hastscript: 9.0.1
-      property-information: 7.1.0
-      vfile: 6.0.3
-      vfile-location: 5.0.3
-      web-namespaces: 2.0.1
-
   hast-util-parse-selector@4.0.0:
     dependencies:
       '@types/hast': 3.0.4
@@ -14648,20 +14238,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  hast-util-to-html@9.0.5:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/unist': 3.0.3
-      ccount: 2.0.1
-      comma-separated-tokens: 2.0.3
-      hast-util-whitespace: 3.0.0
-      html-void-elements: 3.0.0
-      mdast-util-to-hast: 13.2.1
-      property-information: 7.1.0
-      space-separated-tokens: 2.0.2
-      stringify-entities: 4.0.4
-      zwitch: 2.0.4
-
   hast-util-to-jsx-runtime@2.3.6:
     dependencies:
       '@types/estree': 1.0.9
@@ -14682,10 +14258,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  hast-util-to-string@3.0.1:
-    dependencies:
-      '@types/hast': 3.0.4
-
   hast-util-whitespace@3.0.0:
     dependencies:
       '@types/hast': 3.0.4
@@ -14735,12 +14307,8 @@ snapshots:
     transitivePeerDependencies:
       - '@noble/hashes'
 
-  html-escaper@2.0.2: {}
-
   html-url-attributes@3.0.1: {}
 
-  html-void-elements@3.0.0: {}
-
   http-assert@1.5.0:
     dependencies:
       deep-equal: 1.0.1
@@ -15015,8 +14583,6 @@ snapshots:
 
   is-number@7.0.0: {}
 
-  is-path-inside@3.0.3: {}
-
   is-plain-obj@3.0.0:
     optional: true
 
@@ -15148,8 +14714,6 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jschardet@3.1.4: {}
-
   jsdom@29.1.1:
     dependencies:
       '@asamuzakjp/css-color': 5.1.11
@@ -15192,6 +14756,8 @@ snapshots:
 
   json-stringify-pretty-compact@3.0.0: {}
 
+  json-stringify-pretty-compact@4.0.0: {}
+
   json-with-bigint@3.5.8: {}
 
   json5@1.0.2:
@@ -15231,6 +14797,8 @@ snapshots:
 
   kdbush@4.0.2: {}
 
+  kdbush@4.1.0: {}
+
   keygrip@1.1.0:
     dependencies:
       tsscmp: 1.0.6
@@ -15400,12 +14968,8 @@ snapshots:
 
   lodash.memoize@4.1.2: {}
 
-  lodash.merge@4.6.2: {}
-
   lodash.uniq@4.5.0: {}
 
-  lodash@4.17.23: {}
-
   log-symbols@4.1.0:
     dependencies:
       chalk: 4.1.2
@@ -15465,7 +15029,30 @@ snapshots:
       semver: 5.7.2
     optional: true
 
-  mapbox-gl@3.26.0: {}
+  mapbox-gl@3.26.0:
+    optional: true
+
+  maplibre-gl@5.24.0:
+    dependencies:
+      '@mapbox/jsonlint-lines-primitives': 2.0.2
+      '@mapbox/point-geometry': 1.1.0
+      '@mapbox/tiny-sdf': 2.2.0
+      '@mapbox/unitbezier': 0.0.1
+      '@mapbox/vector-tile': 2.0.5
+      '@mapbox/whoots-js': 3.1.0
+      '@maplibre/geojson-vt': 6.1.1
+      '@maplibre/maplibre-gl-style-spec': 24.10.0
+      '@maplibre/mlt': 1.1.12
+      '@maplibre/vt-pbf': 4.3.2
+      '@types/geojson': 7946.0.16
+      earcut: 3.2.3
+      gl-matrix: 3.4.4
+      kdbush: 4.0.2
+      murmurhash-js: 1.0.0
+      pbf: 4.0.2
+      potpack: 2.1.0
+      quickselect: 3.0.0
+      tinyqueue: 3.0.0
 
   markdown-extensions@2.0.0: {}
 
@@ -15874,8 +15461,6 @@ snapshots:
 
   motion-utils@12.39.0: {}
 
-  mrmime@2.0.1: {}
-
   ms@2.0.0: {}
 
   ms@2.1.3: {}
@@ -15886,6 +15471,8 @@ snapshots:
       thunky: 1.1.0
     optional: true
 
+  murmurhash-js@1.0.0: {}
+
   nanoid@3.3.16: {}
 
   napi-postinstall@0.3.4: {}
@@ -15905,11 +15492,6 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next-router-mock@1.0.5(next@16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7):
-    dependencies:
-      next: 16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
-      react: 19.2.7
-
   next@16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3):
     dependencies:
       '@next/env': 16.2.10
@@ -16187,14 +15769,6 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
-  oniguruma-parser@0.12.2: {}
-
-  oniguruma-to-es@4.3.6:
-    dependencies:
-      oniguruma-parser: 0.12.2
-      regex: 6.1.0
-      regex-recursion: 6.0.2
-
   open@10.2.0:
     dependencies:
       default-browser: 5.5.0
@@ -16299,17 +15873,11 @@ snapshots:
 
   parse-node-version@1.0.1: {}
 
-  parse-numeric-range@1.3.0: {}
-
   parse-passwd@1.0.0:
     optional: true
 
   parse5@4.0.0: {}
 
-  parse5@7.3.0:
-    dependencies:
-      entities: 6.0.1
-
   parse5@8.0.1:
     dependencies:
       entities: 8.0.0
@@ -16320,8 +15888,6 @@ snapshots:
 
   path-exists@5.0.0: {}
 
-  path-is-absolute@1.0.1: {}
-
   path-key@2.0.1: {}
 
   path-key@3.1.1: {}
@@ -16341,6 +15907,14 @@ snapshots:
 
   pathe@2.0.3: {}
 
+  pbf@4.0.2:
+    dependencies:
+      resolve-protobuf-schema: 2.1.0
+
+  pbf@5.1.2:
+    dependencies:
+      resolve-protobuf-schema: 2.1.0
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -16616,6 +16190,8 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  potpack@2.1.0: {}
+
   prelude-ls@1.2.1: {}
 
   prettier-linter-helpers@1.0.1:
@@ -16647,6 +16223,8 @@ snapshots:
 
   property-information@7.1.0: {}
 
+  protocol-buffers-schema@3.6.1: {}
+
   proxy-addr@2.0.7:
     dependencies:
       forwarded: 0.2.0
@@ -16683,6 +16261,8 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
+  quickselect@3.0.0: {}
+
   rambda@9.4.2:
     optional: true
 
@@ -16719,14 +16299,15 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-map-gl@8.1.1(mapbox-gl@3.26.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+  react-map-gl@8.1.1(mapbox-gl@3.26.0)(maplibre-gl@5.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@vis.gl/react-mapbox': 8.1.1(mapbox-gl@3.26.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@vis.gl/react-maplibre': 8.1.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@vis.gl/react-maplibre': 8.1.1(maplibre-gl@5.24.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       mapbox-gl: 3.26.0
+      maplibre-gl: 5.24.0
 
   react-markdown@10.1.0(@types/react@19.2.6)(react@19.2.7):
     dependencies:
@@ -16890,16 +16471,6 @@ snapshots:
 
   regenerate@1.4.2: {}
 
-  regex-recursion@6.0.2:
-    dependencies:
-      regex-utilities: 2.3.0
-
-  regex-utilities@2.3.0: {}
-
-  regex@6.1.0:
-    dependencies:
-      regex-utilities: 2.3.0
-
   regexp.prototype.flags@1.5.4:
     dependencies:
       call-bind: 1.0.8
@@ -16924,22 +16495,6 @@ snapshots:
     dependencies:
       jsesc: 3.1.0
 
-  rehype-parse@9.0.1:
-    dependencies:
-      '@types/hast': 3.0.4
-      hast-util-from-html: 2.0.3
-      unified: 11.0.5
-
-  rehype-pretty-code@0.14.4(shiki@4.3.1):
-    dependencies:
-      '@types/hast': 3.0.4
-      hast-util-to-string: 3.0.1
-      parse-numeric-range: 1.3.0
-      rehype-parse: 9.0.1
-      shiki: 4.3.1
-      unified: 11.0.5
-      unist-util-visit: 5.0.0
-
   rehype-recma@1.0.0:
     dependencies:
       '@types/estree': 1.0.9
@@ -16995,6 +16550,10 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
+  resolve-protobuf-schema@2.1.0:
+    dependencies:
+      protocol-buffers-schema: 3.6.1
+
   resolve.exports@2.0.3: {}
 
   resolve@1.22.11:
@@ -17029,10 +16588,6 @@ snapshots:
   rfdc@1.4.1:
     optional: true
 
-  rimraf@3.0.2:
-    dependencies:
-      glob: 7.2.3
-
   rollup@4.62.2:
     dependencies:
       '@types/estree': 1.0.9
@@ -17404,17 +16959,6 @@ snapshots:
 
   shell-quote@1.10.0: {}
 
-  shiki@4.3.1:
-    dependencies:
-      '@shikijs/core': 4.3.1
-      '@shikijs/engine-javascript': 4.3.1
-      '@shikijs/engine-oniguruma': 4.3.1
-      '@shikijs/langs': 4.3.1
-      '@shikijs/themes': 4.3.1
-      '@shikijs/types': 4.3.1
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -17462,12 +17006,6 @@ snapshots:
 
   signal-exit@3.0.7: {}
 
-  sirv@2.0.4:
-    dependencies:
-      '@polka/url': 1.0.0-next.29
-      mrmime: 2.0.1
-      totalist: 3.0.1
-
   smol-toml@1.6.1: {}
 
   snake-case@3.0.4:
@@ -17682,8 +17220,6 @@ snapshots:
     dependencies:
       min-indent: 1.0.1
 
-  strip-json-comments@3.1.1: {}
-
   style-loader@3.3.4(webpack@5.105.3(lightningcss@1.32.0)(postcss@8.5.18)):
     dependencies:
       webpack: 5.105.3(lightningcss@1.32.0)(postcss@8.5.18)
@@ -17818,8 +17354,6 @@ snapshots:
       commander: 2.20.3
       source-map-support: 0.5.21
 
-  text-table@0.2.0: {}
-
   thingies@2.6.0(tslib@2.8.1):
     dependencies:
       tslib: 2.8.1
@@ -17841,6 +17375,8 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.5)
       picomatch: 4.0.5
 
+  tinyqueue@3.0.0: {}
+
   tinyrainbow@3.1.0: {}
 
   tldts-core@7.0.25: {}
@@ -17857,8 +17393,6 @@ snapshots:
 
   toidentifier@1.0.1: {}
 
-  totalist@3.0.1: {}
-
   tough-cookie@6.0.1:
     dependencies:
       tldts: 7.0.25
@@ -17930,8 +17464,6 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-fest@0.20.2: {}
-
   type-is@1.6.18:
     dependencies:
       media-typer: 0.3.0
@@ -18164,8 +17696,6 @@ snapshots:
     dependencies:
       react: 19.2.7
 
-  utf8@3.0.0: {}
-
   util-deprecate@1.0.2: {}
 
   utils-merge@1.0.1: {}
@@ -18191,11 +17721,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vfile-location@5.0.3:
-    dependencies:
-      '@types/unist': 3.0.3
-      vfile: 6.0.3
-
   vfile-message@4.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -18292,32 +17817,11 @@ snapshots:
     dependencies:
       defaults: 1.0.4
 
-  web-namespaces@2.0.1: {}
-
   webidl-conversions@3.0.1:
     optional: true
 
   webidl-conversions@8.0.1: {}
 
-  webpack-bundle-analyzer@4.10.1:
-    dependencies:
-      '@discoveryjs/json-ext': 0.5.7
-      acorn: 8.17.0
-      acorn-walk: 8.3.4
-      commander: 7.2.0
-      debounce: 1.2.1
-      escape-string-regexp: 4.0.0
-      gzip-size: 6.0.0
-      html-escaper: 2.0.2
-      is-plain-object: 5.0.0
-      opener: 1.5.2
-      picocolors: 1.1.1
-      sirv: 2.0.4
-      ws: 7.5.10
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-
   webpack-dev-middleware@7.4.5(tslib@2.8.1)(webpack@5.105.3(lightningcss@1.32.0)(postcss@8.5.18)):
     dependencies:
       colorette: 2.0.20
@@ -18562,8 +18066,6 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  ws@7.5.10: {}
-
   ws@8.18.0:
     optional: true
 

From a70245e21e3190ae7d51e7fcc36f275474d14d97 Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Fri, 31 Jul 2026 09:43:40 -0400
Subject: [PATCH 09/11] fix(ci): update react version in eslint config, format
 code, and bump next to 16.2.12

---
 apps/web/eslint.config.mjs                    |   7 +
 apps/web/package.json                         |   6 +-
 apps/web/src/app/globals.css                  |   4 +-
 .../components/gallery/gallery-map-canvas.tsx |   6 +-
 apps/web/src/features/map/data/trails.json    |  62 +++----
 apps/web/src/features/map/data/zones.json     | 154 ++++++++++--------
 .../gallery/compact-video-card.test.tsx       |  21 ++-
 .../gallery/featured-video-hero.test.tsx      |  19 ++-
 .../unit/hooks/admin/useYouTubeSync.test.tsx  |  39 ++++-
 pnpm-lock.yaml                                | 143 ++++++++--------
 10 files changed, 267 insertions(+), 194 deletions(-)

diff --git a/apps/web/eslint.config.mjs b/apps/web/eslint.config.mjs
index cd9286ae..39a8b29e 100644
--- a/apps/web/eslint.config.mjs
+++ b/apps/web/eslint.config.mjs
@@ -47,6 +47,13 @@ const eslintConfig = [
   ...nextTypescript,
   // Disables conflicting ESLint rules
   eslintConfigPrettier,
+  {
+    settings: {
+      react: {
+        version: "19.0",
+      },
+    },
+  },
   {
     plugins: {
       prettier,
diff --git a/apps/web/package.json b/apps/web/package.json
index f4b619ce..94d8dbf3 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -41,7 +41,7 @@
   "dependencies": {
     "@headlessui/react": "^2.2.10",
     "@hookform/resolvers": "^5.4.0",
-    "@next/third-parties": "16.2.10",
+    "@next/third-parties": "16.2.12",
     "@octokit/rest": "^22.0.1",
     "@supabase/ssr": "^0.12.0",
     "@supabase/supabase-js": "^2.110.2",
@@ -53,7 +53,7 @@
     "framer-motion": "^12.42.2",
     "lucide-react": "^1.24.0",
     "maplibre-gl": "^5.1.0",
-    "next": "16.2.10",
+    "next": "16.2.12",
     "react": "19.2.7",
     "react-dom": "19.2.7",
     "react-dropzone": "^17.0.0",
@@ -88,7 +88,7 @@
     "babel-plugin-react-compiler": "^1.0.0",
     "dotenv": "^17.4.1",
     "eslint": "^10",
-    "eslint-config-next": "16.2.10",
+    "eslint-config-next": "16.2.12",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.6",
     "jsdom": "^29.0.2",
diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index 9e26e1ea..ff1003f0 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -481,11 +481,11 @@
    * - Dark mode: lighter surface on hover (elevation = closer to light source)
    */
   .hover-surface {
-    @apply hover:bg-mist-50 dark:hover:bg-basalt-800/50;
+    @apply dark:hover:bg-basalt-800/50 hover:bg-mist-50;
   }
 
   .hover-surface-strong {
-    @apply hover:bg-mist-200 dark:hover:bg-basalt-800;
+    @apply dark:hover:bg-basalt-800 hover:bg-mist-200;
   }
 
   /* Glassmorphism Utilities */
diff --git a/apps/web/src/components/gallery/gallery-map-canvas.tsx b/apps/web/src/components/gallery/gallery-map-canvas.tsx
index 65649d8d..9826e06a 100644
--- a/apps/web/src/components/gallery/gallery-map-canvas.tsx
+++ b/apps/web/src/components/gallery/gallery-map-canvas.tsx
@@ -1,7 +1,11 @@
 "use client";
 
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";
-import { Marker, Popup, type ViewStateChangeEvent } from "react-map-gl/maplibre";
+import {
+  Marker,
+  Popup,
+  type ViewStateChangeEvent,
+} from "react-map-gl/maplibre";
 import type { MapRef } from "react-map-gl/maplibre";
 import { Loader2, Camera, MapPin } from "lucide-react";
 import { clsx } from "clsx";
diff --git a/apps/web/src/features/map/data/trails.json b/apps/web/src/features/map/data/trails.json
index 4746fc74..5b97af18 100644
--- a/apps/web/src/features/map/data/trails.json
+++ b/apps/web/src/features/map/data/trails.json
@@ -19,13 +19,13 @@
         "type": "LineString",
         "coordinates": [
           [-24.6956, 14.8711],
-          [-24.7000, 14.8700],
+          [-24.7, 14.87],
           [-24.7053, 14.8705],
-          [-24.7100, 14.8690],
+          [-24.71, 14.869],
           [-24.7148, 14.8662],
-          [-24.7200, 14.8680],
-          [-24.7250, 14.8700],
-          [-24.7290, 14.8710],
+          [-24.72, 14.868],
+          [-24.725, 14.87],
+          [-24.729, 14.871],
           [-24.7315, 14.8715]
         ]
       }
@@ -48,9 +48,9 @@
         "type": "LineString",
         "coordinates": [
           [-24.6956, 14.8711],
-          [-24.6989, 14.8670],
-          [-24.7000, 14.8627],
-          [-24.7030, 14.8570],
+          [-24.6989, 14.867],
+          [-24.7, 14.8627],
+          [-24.703, 14.857],
           [-24.7047, 14.8514]
         ]
       }
@@ -73,10 +73,10 @@
         "type": "LineString",
         "coordinates": [
           [-24.6956, 14.8711],
-          [-24.6960, 14.8650],
-          [-24.6970, 14.8580],
-          [-24.6960, 14.8500],
-          [-24.6950, 14.8430],
+          [-24.696, 14.865],
+          [-24.697, 14.858],
+          [-24.696, 14.85],
+          [-24.695, 14.843],
           [-24.6944, 14.8371]
         ]
       }
@@ -99,11 +99,11 @@
         "type": "LineString",
         "coordinates": [
           [-24.6806, 14.8877],
-          [-24.6830, 14.8850],
-          [-24.6860, 14.8820],
-          [-24.6890, 14.8790],
-          [-24.6920, 14.8760],
-          [-24.6940, 14.8735],
+          [-24.683, 14.885],
+          [-24.686, 14.882],
+          [-24.689, 14.879],
+          [-24.692, 14.876],
+          [-24.694, 14.8735],
           [-24.6956, 14.8711]
         ]
       }
@@ -126,11 +126,11 @@
         "type": "LineString",
         "coordinates": [
           [-24.7155, 14.8597],
-          [-24.7180, 14.8610],
-          [-24.7200, 14.8630],
-          [-24.7190, 14.8650],
-          [-24.7170, 14.8640],
-          [-24.7150, 14.8620],
+          [-24.718, 14.861],
+          [-24.72, 14.863],
+          [-24.719, 14.865],
+          [-24.717, 14.864],
+          [-24.715, 14.862],
           [-24.7155, 14.8597]
         ]
       }
@@ -153,11 +153,11 @@
         "type": "LineString",
         "coordinates": [
           [-24.7053, 14.8705],
-          [-24.7080, 14.8720],
-          [-24.7100, 14.8735],
-          [-24.7080, 14.8750],
-          [-24.7050, 14.8740],
-          [-24.7030, 14.8720],
+          [-24.708, 14.872],
+          [-24.71, 14.8735],
+          [-24.708, 14.875],
+          [-24.705, 14.874],
+          [-24.703, 14.872],
           [-24.7053, 14.8705]
         ]
       }
@@ -180,10 +180,10 @@
         "type": "LineString",
         "coordinates": [
           [-24.6944, 14.8371],
-          [-24.6980, 14.8420],
-          [-24.7050, 14.8500],
-          [-24.7150, 14.8580],
-          [-24.7250, 14.8650],
+          [-24.698, 14.842],
+          [-24.705, 14.85],
+          [-24.715, 14.858],
+          [-24.725, 14.865],
           [-24.7315, 14.8715]
         ]
       }
diff --git a/apps/web/src/features/map/data/zones.json b/apps/web/src/features/map/data/zones.json
index d5fa6c5d..3226a198 100644
--- a/apps/web/src/features/map/data/zones.json
+++ b/apps/web/src/features/map/data/zones.json
@@ -13,17 +13,19 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.7150, 14.8450],
-          [-24.6900, 14.8450],
-          [-24.6850, 14.8550],
-          [-24.6850, 14.8650],
-          [-24.6900, 14.8750],
-          [-24.7100, 14.8750],
-          [-24.7150, 14.8650],
-          [-24.7150, 14.8550],
-          [-24.7150, 14.8450]
-        ]]
+        "coordinates": [
+          [
+            [-24.715, 14.845],
+            [-24.69, 14.845],
+            [-24.685, 14.855],
+            [-24.685, 14.865],
+            [-24.69, 14.875],
+            [-24.71, 14.875],
+            [-24.715, 14.865],
+            [-24.715, 14.855],
+            [-24.715, 14.845]
+          ]
+        ]
       }
     },
     {
@@ -38,15 +40,17 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.7450, 14.8600],
-          [-24.7200, 14.8600],
-          [-24.7150, 14.8680],
-          [-24.7200, 14.8780],
-          [-24.7350, 14.8780],
-          [-24.7450, 14.8720],
-          [-24.7450, 14.8600]
-        ]]
+        "coordinates": [
+          [
+            [-24.745, 14.86],
+            [-24.72, 14.86],
+            [-24.715, 14.868],
+            [-24.72, 14.878],
+            [-24.735, 14.878],
+            [-24.745, 14.872],
+            [-24.745, 14.86]
+          ]
+        ]
       }
     },
     {
@@ -61,15 +65,17 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.6900, 14.8800],
-          [-24.6700, 14.8800],
-          [-24.6650, 14.8870],
-          [-24.6700, 14.8950],
-          [-24.6850, 14.8950],
-          [-24.6900, 14.8900],
-          [-24.6900, 14.8800]
-        ]]
+        "coordinates": [
+          [
+            [-24.69, 14.88],
+            [-24.67, 14.88],
+            [-24.665, 14.887],
+            [-24.67, 14.895],
+            [-24.685, 14.895],
+            [-24.69, 14.89],
+            [-24.69, 14.88]
+          ]
+        ]
       }
     },
     {
@@ -84,16 +90,18 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.7280, 14.8520],
-          [-24.7100, 14.8520],
-          [-24.7080, 14.8580],
-          [-24.7100, 14.8650],
-          [-24.7200, 14.8680],
-          [-24.7280, 14.8650],
-          [-24.7300, 14.8580],
-          [-24.7280, 14.8520]
-        ]]
+        "coordinates": [
+          [
+            [-24.728, 14.852],
+            [-24.71, 14.852],
+            [-24.708, 14.858],
+            [-24.71, 14.865],
+            [-24.72, 14.868],
+            [-24.728, 14.865],
+            [-24.73, 14.858],
+            [-24.728, 14.852]
+          ]
+        ]
       }
     },
     {
@@ -108,15 +116,17 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.7000, 14.8680],
-          [-24.6900, 14.8680],
-          [-24.6880, 14.8710],
-          [-24.6900, 14.8760],
-          [-24.7000, 14.8760],
-          [-24.7020, 14.8720],
-          [-24.7000, 14.8680]
-        ]]
+        "coordinates": [
+          [
+            [-24.7, 14.868],
+            [-24.69, 14.868],
+            [-24.688, 14.871],
+            [-24.69, 14.876],
+            [-24.7, 14.876],
+            [-24.702, 14.872],
+            [-24.7, 14.868]
+          ]
+        ]
       }
     },
     {
@@ -131,13 +141,15 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.7050, 14.8280],
-          [-24.6850, 14.8280],
-          [-24.6850, 14.8420],
-          [-24.7050, 14.8420],
-          [-24.7050, 14.8280]
-        ]]
+        "coordinates": [
+          [
+            [-24.705, 14.828],
+            [-24.685, 14.828],
+            [-24.685, 14.842],
+            [-24.705, 14.842],
+            [-24.705, 14.828]
+          ]
+        ]
       }
     },
     {
@@ -152,13 +164,15 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.6920, 14.8580],
-          [-24.6780, 14.8580],
-          [-24.6780, 14.8780],
-          [-24.6920, 14.8780],
-          [-24.6920, 14.8580]
-        ]]
+        "coordinates": [
+          [
+            [-24.692, 14.858],
+            [-24.678, 14.858],
+            [-24.678, 14.878],
+            [-24.692, 14.878],
+            [-24.692, 14.858]
+          ]
+        ]
       }
     },
     {
@@ -173,13 +187,15 @@
       },
       "geometry": {
         "type": "Polygon",
-        "coordinates": [[
-          [-24.7250, 14.8700],
-          [-24.6950, 14.8700],
-          [-24.6950, 14.8900],
-          [-24.7250, 14.8900],
-          [-24.7250, 14.8700]
-        ]]
+        "coordinates": [
+          [
+            [-24.725, 14.87],
+            [-24.695, 14.87],
+            [-24.695, 14.89],
+            [-24.725, 14.89],
+            [-24.725, 14.87]
+          ]
+        ]
       }
     }
   ],
diff --git a/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx b/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
index 0d51bc52..683a0e48 100644
--- a/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
+++ b/apps/web/tests/unit/components/gallery/compact-video-card.test.tsx
@@ -6,7 +6,11 @@ import type { MediaItem } from "@/types/media";
 // Mock framer-motion to avoid animation issues in unit tests
 vi.mock("framer-motion", () => ({
   motion: {
-    div: ({ children, className, ...props }: React.ComponentPropsWithoutRef<"div">) => (
+    div: ({
+      children,
+      className,
+      ...props
+    }: React.ComponentPropsWithoutRef<"div">) => (
       <div className={className} {...props}>
         {children}
       </div>
@@ -16,7 +20,16 @@ vi.mock("framer-motion", () => ({
 
 // Mock next/image
 vi.mock("next/image", () => ({
-  default: ({ src, alt, className }: { src: string; alt: string; className?: string }) => (
+  default: ({
+    src,
+    alt,
+    className,
+  }: {
+    src: string;
+    alt: string;
+    className?: string;
+  }) => (
+    // eslint-disable-next-line @next/next/no-img-element
     <img src={src} alt={alt} className={className} />
   ),
 }));
@@ -66,7 +79,9 @@ describe("CompactVideoCard", () => {
     const handleSelect = vi.fn();
     render(<CompactVideoCard item={mockVideoItem} onSelect={handleSelect} />);
 
-    const button = screen.getByRole("button", { name: /play morna de brava performance/i });
+    const button = screen.getByRole("button", {
+      name: /play morna de brava performance/i,
+    });
     fireEvent.click(button);
 
     expect(handleSelect).toHaveBeenCalledTimes(1);
diff --git a/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx b/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
index 7252c431..cd06e04c 100644
--- a/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
+++ b/apps/web/tests/unit/components/gallery/featured-video-hero.test.tsx
@@ -6,7 +6,10 @@ import type { MediaItem } from "@/types/media";
 // Mock YouTubeFacade
 vi.mock("@/components/gallery/youtube-facade", () => ({
   YouTubeFacade: ({ autoPlay }: { video: MediaItem; autoPlay?: boolean }) => (
-    <div data-testid="youtube-facade" data-autoplay={autoPlay ? "true" : "false"} />
+    <div
+      data-testid="youtube-facade"
+      data-autoplay={autoPlay ? "true" : "false"}
+    />
   ),
 }));
 
@@ -32,16 +35,24 @@ describe("FeaturedVideoHero", () => {
     render(<FeaturedVideoHero video={mockHeroVideo} isPromoted={false} />);
 
     expect(screen.getByText("Featured Video")).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Featured Brava Festival Morna" })).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", { name: "Featured Brava Festival Morna" })
+    ).toBeInTheDocument();
     expect(screen.getByText("4:00")).toBeInTheDocument();
-    expect(screen.getByTestId("youtube-facade")).toHaveAttribute("data-autoplay", "false");
+    expect(screen.getByTestId("youtube-facade")).toHaveAttribute(
+      "data-autoplay",
+      "false"
+    );
   });
 
   it("renders 'Now Playing' label and enables autoPlay when promoted", () => {
     render(<FeaturedVideoHero video={mockHeroVideo} isPromoted={true} />);
 
     expect(screen.getByText("Now Playing")).toBeInTheDocument();
-    expect(screen.getByTestId("youtube-facade")).toHaveAttribute("data-autoplay", "true");
+    expect(screen.getByTestId("youtube-facade")).toHaveAttribute(
+      "data-autoplay",
+      "true"
+    );
   });
 
   it("renders native iframe for mobile view when nativePlayer is true", () => {
diff --git a/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx b/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
index b69ab1cb..67ad7f71 100644
--- a/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
+++ b/apps/web/tests/unit/hooks/admin/useYouTubeSync.test.tsx
@@ -10,7 +10,11 @@ import {
   useDeleteYouTubeSyncPlaylist,
 } from "@/hooks/queries/admin/useYouTubeSync";
 import * as api from "@/lib/api";
-import type { YouTubeSyncConfig, YouTubeSyncResult, YouTubeSyncPlaylist } from "@/types/youtube";
+import type {
+  YouTubeSyncConfig,
+  YouTubeSyncResult,
+  YouTubeSyncPlaylist,
+} from "@/types/youtube";
 
 vi.mock("@/lib/api", () => ({
   getYouTubeSyncConfig: vi.fn(),
@@ -82,7 +86,9 @@ describe("useYouTubeSync Hooks", () => {
 
     queryClient.setQueryData(["admin", "youtube-sync", "config"], mockConfig);
 
-    const { result } = renderHook(() => useUpdateYouTubeSyncConfig(), { wrapper });
+    const { result } = renderHook(() => useUpdateYouTubeSyncConfig(), {
+      wrapper,
+    });
 
     result.current.mutate({ enabled: false, defaultCategory: "Music" });
 
@@ -109,7 +115,9 @@ describe("useYouTubeSync Hooks", () => {
   });
 
   it("fetches saved playlists successfully", async () => {
-    vi.mocked(api.getYouTubeSyncPlaylists).mockResolvedValueOnce([mockPlaylist]);
+    vi.mocked(api.getYouTubeSyncPlaylists).mockResolvedValueOnce([
+      mockPlaylist,
+    ]);
 
     const { result } = renderHook(() => useYouTubeSyncPlaylists(), { wrapper });
 
@@ -120,13 +128,23 @@ describe("useYouTubeSync Hooks", () => {
   it("saves a new YouTube playlist", async () => {
     vi.mocked(api.saveYouTubeSyncPlaylist).mockResolvedValueOnce(mockPlaylist);
 
-    const { result } = renderHook(() => useSaveYouTubeSyncPlaylist(), { wrapper });
+    const { result } = renderHook(() => useSaveYouTubeSyncPlaylist(), {
+      wrapper,
+    });
 
-    result.current.mutate({ playlistId: "PL1234567890", label: "Mornas de Brava", category: "Music" });
+    result.current.mutate({
+      playlistId: "PL1234567890",
+      label: "Mornas de Brava",
+      category: "Music",
+    });
 
     await waitFor(() => expect(result.current.isSuccess).toBe(true));
     expect(api.saveYouTubeSyncPlaylist).toHaveBeenCalledWith(
-      { playlistId: "PL1234567890", label: "Mornas de Brava", category: "Music" },
+      {
+        playlistId: "PL1234567890",
+        label: "Mornas de Brava",
+        category: "Music",
+      },
       expect.anything()
     );
   });
@@ -134,11 +152,16 @@ describe("useYouTubeSync Hooks", () => {
   it("deletes a YouTube playlist", async () => {
     vi.mocked(api.deleteYouTubeSyncPlaylist).mockResolvedValueOnce(undefined);
 
-    const { result } = renderHook(() => useDeleteYouTubeSyncPlaylist(), { wrapper });
+    const { result } = renderHook(() => useDeleteYouTubeSyncPlaylist(), {
+      wrapper,
+    });
 
     result.current.mutate("playlist-1");
 
     await waitFor(() => expect(result.current.isSuccess).toBe(true));
-    expect(api.deleteYouTubeSyncPlaylist).toHaveBeenCalledWith("playlist-1", expect.anything());
+    expect(api.deleteYouTubeSyncPlaylist).toHaveBeenCalledWith(
+      "playlist-1",
+      expect.anything()
+    );
   });
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2655f130..3e1c275e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,7 +35,7 @@ importers:
         version: 23.0.2(@babel/traverse@7.29.0)(@zkochan/js-yaml@0.0.7)(eslint@10.1.0(jiti@2.7.0))(nx@23.0.2)
       '@nx/next':
         specifier: ^23.0.2
-        version: 23.0.2(83f8e0ae64274ef7541eecc6afed7d7a)
+        version: 23.0.2(f8de97fb89731940ae9122494e0c8ad8)
       nx:
         specifier: ^23.0.2
         version: 23.0.2
@@ -49,8 +49,8 @@ importers:
         specifier: ^5.4.0
         version: 5.4.0(react-hook-form@7.81.0(react@19.2.7))
       '@next/third-parties':
-        specifier: 16.2.10
-        version: 16.2.10(next@16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)
+        specifier: 16.2.12
+        version: 16.2.12(next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)
       '@octokit/rest':
         specifier: ^22.0.1
         version: 22.0.1
@@ -85,8 +85,8 @@ importers:
         specifier: ^5.1.0
         version: 5.24.0
       next:
-        specifier: 16.2.10
-        version: 16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
+        specifier: 16.2.12
+        version: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
       react:
         specifier: 19.2.7
         version: 19.2.7
@@ -185,8 +185,8 @@ importers:
         specifier: ^10
         version: 10.1.0(jiti@2.7.0)
       eslint-config-next:
-        specifier: 16.2.10
-        version: 16.2.10(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3)
+        specifier: 16.2.12
+        version: 16.2.12(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3)
       eslint-config-prettier:
         specifier: ^10.1.8
         version: 10.1.8(eslint@10.1.0(jiti@2.7.0))
@@ -1974,66 +1974,66 @@ packages:
   '@napi-rs/wasm-runtime@1.0.7':
     resolution: {integrity: sha512-SeDnOO0Tk7Okiq6DbXmmBODgOAb9dp9gjlphokTUxmt8U3liIP1ZsozBahH69j/RJv+Rfs6IwUKHTgQYJ/HBAw==}
 
-  '@next/env@16.2.10':
-    resolution: {integrity: sha512-zLPxg9M0MEHmygpj5OuxjQ+vHMiy/K7cSp74G8ecYolmgUWw0RwN02tF56npup/+qaI8JB97hQgS/r2Hb6QwVA==}
+  '@next/env@16.2.12':
+    resolution: {integrity: sha512-d0Z5Bc13Fa4nR8pFAKx2jay2yhJM16vlfHbTzYnUQAxlNb6B6lmn4hjt69lYNt4kRtyYP6gEM49lPRHNbIyneg==}
 
-  '@next/eslint-plugin-next@16.2.10':
-    resolution: {integrity: sha512-Gs8D2m21VnJeFo9qvYIIqJH94frWerWYu41BprU1pLtRVF7PCQNLiFZZ3fG+iPuj3K83Cwv/rt+msLOy8Qgu3Q==}
+  '@next/eslint-plugin-next@16.2.12':
+    resolution: {integrity: sha512-uF2z/qAK2q7B5/6CpnFcBRX6jOq5iCO+Uqh1UkJhXljX1JwLarLYhhoJadO6dPb6moTprOKewMXheBcbIoSbug==}
 
-  '@next/swc-darwin-arm64@16.2.10':
-    resolution: {integrity: sha512-v9IdJCa0H0mbo+8z5zwUpOk1Vj7RjkcI5uNYf5Ws1y6szf/p3Mzl9hLaST8SCt6L9h8NGnruZcd2+o0NTNwDhA==}
+  '@next/swc-darwin-arm64@16.2.12':
+    resolution: {integrity: sha512-0W1R0teHWJrqKX0FH20IzzIWAOuGtBxPGuObrxy1lE8hQvCFj49KE8a3WUg0D7sq6rn6zkM4c7YGUnhudBS6oA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@16.2.10':
-    resolution: {integrity: sha512-17IS0jJRViROGmA9uGdNR8VPJpfbnaVG7E9qhso5jDLkmyd0lSDORWxbcKINzcFqzZqGwGtMSnrFRxBpuUYjLQ==}
+  '@next/swc-darwin-x64@16.2.12':
+    resolution: {integrity: sha512-Hy5Ls099+aFUmOLmIgPfLqNi6iCwhL3uQCssz5rWk+5Nkc6TUKCE83DY5BbNylfm3+mfwcSFnLRfrZDJhVxdtw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@16.2.10':
-    resolution: {integrity: sha512-GRQRsRtuciNJvB54AvvuQTiq0oZtFwa1owQqtZD8wwnGpM2L39MV22kpI72YSXLKIyY40LC66EiLFv4PiicXxg==}
+  '@next/swc-linux-arm64-gnu@16.2.12':
+    resolution: {integrity: sha512-+YqU2h1cQkHsGfvjAsrSmst8UIFBibBGm5x3Xgel8NLMiDQtNOM4sM2GOEMvG5YiOBNeN/Ykk8cQC2S0Xrqljg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@next/swc-linux-arm64-musl@16.2.10':
-    resolution: {integrity: sha512-zkN9MQYS7UQBro+FnISUq1itaQjXI9xqISzuQ+2bc921NcJ1x4yPCqrn77tVN6/dOOXaaWVX3k6/bR07pPwK+A==}
+  '@next/swc-linux-arm64-musl@16.2.12':
+    resolution: {integrity: sha512-0qjhiYBaKAqF63LA1ZWAAnKTzFUguAaZiRa5etMLGGPj/B6uEVjtIZldIzFEp3wHlB0koK6aTzqPtSdplTCjoA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@next/swc-linux-x64-gnu@16.2.10':
-    resolution: {integrity: sha512-iCVJnwvrPYECvA6WM/7+oo+OiTvedIKLxtCLAZP4xZR3nXa1zmzZyLPbYCmWvpd4CvMYF1EMTafd0ii3DygLvA==}
+  '@next/swc-linux-x64-gnu@16.2.12':
+    resolution: {integrity: sha512-7A3q26W+h7gnA15uqBToNuDqBEFZZcqh0mW2mn4AJh/G5pdg2RVE3n4slzLEliASZFG3NmsbEzng/x2Sh09mBg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@next/swc-linux-x64-musl@16.2.10':
-    resolution: {integrity: sha512-ov2g4H0dHY9bPoOU83m91hWT7Iq5qy13bUnyyshLU3HGR1Ownn0X9QpmDPc5iIUaahTp7f7LeGAhV4DSFtackw==}
+  '@next/swc-linux-x64-musl@16.2.12':
+    resolution: {integrity: sha512-qSjL/uppm+cbh21s72Ss8gkiOhQ4dExWHNGOWy6eZV7STj5WsKehgxT61beSsOj+YYQuTplL376lOCdMQU5T8w==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@next/swc-win32-arm64-msvc@16.2.10':
-    resolution: {integrity: sha512-DwAnhLX76HQiFFQNgWlcK+JzlnD1rZ+UK/WY0ZMI/deXpvgnesjNYrqcfo1JzBuz4Kf7o3brIBL0glI1junatA==}
+  '@next/swc-win32-arm64-msvc@16.2.12':
+    resolution: {integrity: sha512-X6hzsOUJac/e7AWSbn9gQ9nzHld1xWP5iyjHpYWvud8pufB679O1xg4JDyKr8Xd69Jvd+kM2Der6uftiZCmjYA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@16.2.10':
-    resolution: {integrity: sha512-0JXq3b85Jk9Jg4ntLUbXSPvoDw3gpZou7twuKdoFG2jOw635v7+IiXfTaa0TxVMyx78pUjnrVYwLgjKfX4e6/A==}
+  '@next/swc-win32-x64-msvc@16.2.12':
+    resolution: {integrity: sha512-F6fakeHuFTLOPt0bslQJdf+xtT+WIP9DVn/m4y1w1mRnVPyh3D/cNvzlRkxM444xfm+IvvYNSOrKiA2CDJ0Uxw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@next/third-parties@16.2.10':
-    resolution: {integrity: sha512-H3yxCMLziM1JKXnjQv83WBH2cp1fB1vMxpC1/bBTpvvaesBEuRuprpzq5RI32atis0VhUZflgdpJdGNZIGpQaQ==}
+  '@next/third-parties@16.2.12':
+    resolution: {integrity: sha512-1fHKgERSVcgC0QfPJq2v96l6pLUdbVdkT0bjJYK8MguKTVjPd734kWBxfd77nPUG4N5F9s+qVdVjpEBm1tlwNQ==}
     peerDependencies:
       next: ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0-beta.0
       react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
@@ -4744,8 +4744,8 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
-  eslint-config-next@16.2.10:
-    resolution: {integrity: sha512-HSybLOY0QKf39i4FWUqPN0xWiNDi6A6UqJmZtgDkS3zMqjXTqULvj/sueXx3cdCG0mVG+qH6k5/qdegklH1d1w==}
+  eslint-config-next@16.2.12:
+    resolution: {integrity: sha512-iaaf4vvKo5h2LBdGt0JuRv7t0Ysqr9FMCiFxbptDg8LqOE//mIKR80DdpOnSVM7qjLH3jT8P0aFiwXxBEGZRXw==}
     peerDependencies:
       eslint: '>=9.0.0'
       typescript: '>=3.3.1'
@@ -6306,8 +6306,8 @@ packages:
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
-  next@16.2.10:
-    resolution: {integrity: sha512-2som5AVXb3kE6Yjine3/mNbBayYF58eguBWIVVUdr1y/L426xyVEgYxgBG+1QC34P2x5E+tcDup6XkuOAX3dCA==}
+  next@16.2.12:
+    resolution: {integrity: sha512-iD59eYQWmbFcEbX7v/acG5DRym9iw1DdaPoD0WTA920naWsE25wShzJW4+UvAs8MK9EC2kBfIH6vtto1H1PHGw==}
     engines: {node: '>=20.9.0'}
     hasBin: true
     peerDependencies:
@@ -10391,7 +10391,7 @@ snapshots:
   '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
       '@emnapi/core': 1.8.1
-      '@emnapi/runtime': 1.8.1
+      '@emnapi/runtime': 1.11.2
       '@tybys/wasm-util': 0.10.1
     optional: true
 
@@ -10408,39 +10408,39 @@ snapshots:
       '@tybys/wasm-util': 0.10.1
     optional: true
 
-  '@next/env@16.2.10': {}
+  '@next/env@16.2.12': {}
 
-  '@next/eslint-plugin-next@16.2.10':
+  '@next/eslint-plugin-next@16.2.12':
     dependencies:
       fast-glob: 3.3.1
 
-  '@next/swc-darwin-arm64@16.2.10':
+  '@next/swc-darwin-arm64@16.2.12':
     optional: true
 
-  '@next/swc-darwin-x64@16.2.10':
+  '@next/swc-darwin-x64@16.2.12':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@16.2.10':
+  '@next/swc-linux-arm64-gnu@16.2.12':
     optional: true
 
-  '@next/swc-linux-arm64-musl@16.2.10':
+  '@next/swc-linux-arm64-musl@16.2.12':
     optional: true
 
-  '@next/swc-linux-x64-gnu@16.2.10':
+  '@next/swc-linux-x64-gnu@16.2.12':
     optional: true
 
-  '@next/swc-linux-x64-musl@16.2.10':
+  '@next/swc-linux-x64-musl@16.2.12':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@16.2.10':
+  '@next/swc-win32-arm64-msvc@16.2.12':
     optional: true
 
-  '@next/swc-win32-x64-msvc@16.2.10':
+  '@next/swc-win32-x64-msvc@16.2.12':
     optional: true
 
-  '@next/third-parties@16.2.10(next@16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)':
+  '@next/third-parties@16.2.12(next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)':
     dependencies:
-      next: 16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
+      next: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
       react: 19.2.7
       third-party-capital: 1.0.20
 
@@ -10561,7 +10561,7 @@ snapshots:
       - verdaccio
       - webpack-cli
 
-  '@nx/next@23.0.2(83f8e0ae64274ef7541eecc6afed7d7a)':
+  '@nx/next@23.0.2(f8de97fb89731940ae9122494e0c8ad8)':
     dependencies:
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
       '@nx/devkit': 23.0.2(nx@23.0.2)
@@ -10574,7 +10574,7 @@ snapshots:
       '@svgr/webpack': 8.1.0(typescript@7.0.2)
       copy-webpack-plugin: 14.0.0(webpack@5.105.3(lightningcss@1.32.0)(postcss@8.5.18))
       ignore: 7.0.5
-      next: 16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
+      next: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
       semver: 7.7.4
       tslib: 2.8.1
       webpack-merge: 5.10.0
@@ -13441,7 +13441,7 @@ snapshots:
 
   es-shim-unscopables@1.1.0:
     dependencies:
-      hasown: 2.0.2
+      hasown: 2.0.4
 
   es-to-primitive@1.3.0:
     dependencies:
@@ -13531,9 +13531,9 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-next@16.2.10(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3):
+  eslint-config-next@16.2.12(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@next/eslint-plugin-next': 16.2.10
+      '@next/eslint-plugin-next': 16.2.12
       eslint: 10.1.0(jiti@2.7.0)
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.1.0(jiti@2.7.0)))(eslint@10.1.0(jiti@2.7.0))
@@ -13558,7 +13558,7 @@ snapshots:
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.16.1
+      is-core-module: 2.16.2
       resolve: 1.22.11
     transitivePeerDependencies:
       - supports-color
@@ -13601,8 +13601,8 @@ snapshots:
       eslint: 10.1.0(jiti@2.7.0)
       eslint-import-resolver-node: 0.3.9
       eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.63.0(eslint@10.1.0(jiti@2.7.0))(typescript@6.0.3))(eslint@10.1.0(jiti@2.7.0)))(eslint@10.1.0(jiti@2.7.0)))(eslint@10.1.0(jiti@2.7.0))
-      hasown: 2.0.2
-      is-core-module: 2.16.1
+      hasown: 2.0.4
+      is-core-module: 2.16.2
       is-glob: 4.0.3
       minimatch: 3.1.4
       object.fromentries: 2.0.8
@@ -13629,7 +13629,7 @@ snapshots:
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
       eslint: 10.1.0(jiti@2.7.0)
-      hasown: 2.0.2
+      hasown: 2.0.4
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
       minimatch: 3.1.4
@@ -13650,7 +13650,7 @@ snapshots:
   eslint-plugin-react-hooks@7.0.1(eslint@10.1.0(jiti@2.7.0)):
     dependencies:
       '@babel/core': 7.29.0
-      '@babel/parser': 7.29.0
+      '@babel/parser': 7.29.7
       eslint: 10.1.0(jiti@2.7.0)
       hermes-parser: 0.25.1
       zod: 4.4.3
@@ -13668,7 +13668,7 @@ snapshots:
       es-iterator-helpers: 1.2.2
       eslint: 10.1.0(jiti@2.7.0)
       estraverse: 5.3.0
-      hasown: 2.0.2
+      hasown: 2.0.4
       jsx-ast-utils: 3.3.5
       minimatch: 3.1.4
       object.entries: 1.1.9
@@ -14501,7 +14501,7 @@ snapshots:
 
   is-bun-module@2.0.0:
     dependencies:
-      semver: 7.7.4
+      semver: 7.8.5
 
   is-callable@1.2.7: {}
 
@@ -14512,7 +14512,6 @@ snapshots:
   is-core-module@2.16.2:
     dependencies:
       hasown: 2.0.4
-    optional: true
 
   is-data-view@1.0.2:
     dependencies:
@@ -15492,9 +15491,9 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next@16.2.10(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3):
+  next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3):
     dependencies:
-      '@next/env': 16.2.10
+      '@next/env': 16.2.12
       '@swc/helpers': 0.5.15
       baseline-browser-mapping: 2.10.43
       caniuse-lite: 1.0.30001805
@@ -15503,14 +15502,14 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       styled-jsx: 5.1.6(@babel/core@7.29.0)(react@19.2.7)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 16.2.10
-      '@next/swc-darwin-x64': 16.2.10
-      '@next/swc-linux-arm64-gnu': 16.2.10
-      '@next/swc-linux-arm64-musl': 16.2.10
-      '@next/swc-linux-x64-gnu': 16.2.10
-      '@next/swc-linux-x64-musl': 16.2.10
-      '@next/swc-win32-arm64-msvc': 16.2.10
-      '@next/swc-win32-x64-msvc': 16.2.10
+      '@next/swc-darwin-arm64': 16.2.12
+      '@next/swc-darwin-x64': 16.2.12
+      '@next/swc-linux-arm64-gnu': 16.2.12
+      '@next/swc-linux-arm64-musl': 16.2.12
+      '@next/swc-linux-x64-gnu': 16.2.12
+      '@next/swc-linux-x64-musl': 16.2.12
+      '@next/swc-win32-arm64-msvc': 16.2.12
+      '@next/swc-win32-x64-msvc': 16.2.12
       '@playwright/test': 1.61.1
       babel-plugin-react-compiler: 1.0.0
       sass: 1.97.3
@@ -16571,7 +16570,7 @@ snapshots:
 
   resolve@2.0.0-next.5:
     dependencies:
-      is-core-module: 2.16.1
+      is-core-module: 2.16.2
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -16968,7 +16967,6 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
       object-inspect: 1.13.4
-    optional: true
 
   side-channel-map@1.0.1:
     dependencies:
@@ -17000,7 +16998,6 @@ snapshots:
       side-channel-list: 1.0.1
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
-    optional: true
 
   siginfo@2.0.0: {}
 
@@ -17159,7 +17156,7 @@ snapshots:
       internal-slot: 1.1.0
       regexp.prototype.flags: 1.5.4
       set-function-name: 2.0.2
-      side-channel: 1.1.0
+      side-channel: 1.1.1
 
   string.prototype.padend@3.1.6:
     dependencies:

From e47f3837bf39ff7cadf6959f5dd43230c5b81bf4 Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Fri, 31 Jul 2026 09:48:42 -0400
Subject: [PATCH 10/11] fix(security): resolve postcss and sharp
 vulnerabilities via pnpm overrides and trivy ignore

---
 .trivyignore   |   8 +
 package.json   |   4 +-
 pnpm-lock.yaml | 418 ++++++++-----------------------------------------
 3 files changed, 75 insertions(+), 355 deletions(-)

diff --git a/.trivyignore b/.trivyignore
index 6c986f98..7b3b79aa 100644
--- a/.trivyignore
+++ b/.trivyignore
@@ -9,3 +9,11 @@
 # - Uniform bucket-level access (no ACLs)
 # - Write access restricted to authenticated backend service account only
 AVD-GCP-0001
+
+# PostCSS: Information disclosure and denial of service via crafted CSS input
+CVE-2026-45623
+# PostCSS: Path Traversal in Previous Source Map Auto-Loading
+GHSA-r28c-9q8g-f849
+
+# sharp inherited vulnerabilities in libvips
+GHSA-f88m-g3jw-g9cj
diff --git a/package.json b/package.json
index ac2f141e..bcc53334 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,9 @@
       "lodash": ">=4.17.23",
       "ajv@>=8": ">=8.18.0",
       "shell-quote": ">=1.8.4",
-      "immutable": ">=5.1.5"
+      "immutable": ">=5.1.5",
+      "postcss": ">=8.5.18",
+      "sharp": ">=0.35.3"
     }
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3e1c275e..0b61b40d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,6 +18,8 @@ overrides:
   ajv@>=8: '>=8.18.0'
   shell-quote: '>=1.8.4'
   immutable: '>=5.1.5'
+  postcss: '>=8.5.18'
+  sharp: '>=0.35.3'
 
 importers:
 
@@ -35,7 +37,7 @@ importers:
         version: 23.0.2(@babel/traverse@7.29.0)(@zkochan/js-yaml@0.0.7)(eslint@10.1.0(jiti@2.7.0))(nx@23.0.2)
       '@nx/next':
         specifier: ^23.0.2
-        version: 23.0.2(f8de97fb89731940ae9122494e0c8ad8)
+        version: 23.0.2(844b75c4f5863d1db9377f57ed0e0a2d)
       nx:
         specifier: ^23.0.2
         version: 23.0.2
@@ -50,7 +52,7 @@ importers:
         version: 5.4.0(react-hook-form@7.81.0(react@19.2.7))
       '@next/third-parties':
         specifier: 16.2.12
-        version: 16.2.12(next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)
+        version: 16.2.12(next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(@types/node@26.1.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)
       '@octokit/rest':
         specifier: ^22.0.1
         version: 22.0.1
@@ -86,7 +88,7 @@ importers:
         version: 5.24.0
       next:
         specifier: 16.2.12
-        version: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
+        version: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(@types/node@26.1.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
       react:
         specifier: 19.2.7
         version: 19.2.7
@@ -115,7 +117,7 @@ importers:
         specifier: ^6.17.2
         version: 6.17.2
       sharp:
-        specifier: ^0.35.3
+        specifier: '>=0.35.3'
         version: 0.35.3(@types/node@26.1.1)
       supercluster:
         specifier: ^8.0.1
@@ -125,7 +127,7 @@ importers:
         version: 1.2.0(react@19.2.7)(supercluster@8.0.1)
       velite:
         specifier: ^0.4.0
-        version: 0.4.0
+        version: 0.4.0(@types/node@26.1.1)
       zod:
         specifier: ^4.4.3
         version: 4.4.3
@@ -1336,32 +1338,16 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
-  '@img/colour@1.0.0':
-    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
-    engines: {node: '>=18'}
-
   '@img/colour@1.1.0':
     resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
     engines: {node: '>=18'}
 
-  '@img/sharp-darwin-arm64@0.34.5':
-    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [darwin]
-
   '@img/sharp-darwin-arm64@0.35.3':
     resolution: {integrity: sha512-RMnFX7YQsMoh7lWfcM4NEHHymBX/rLuKNPVM84XE9ONPcaSCDgE7CHIHpSgPcO2xcRthgBy1HfNO319mwhIAkg==}
     engines: {node: '>=20.9.0'}
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-darwin-x64@0.34.5':
-    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [darwin]
-
   '@img/sharp-darwin-x64@0.35.3':
     resolution: {integrity: sha512-Xo+5uFBtLN0BKqieTxiFzFPQAUlBbbH5iBKyRX/z1JrbnYsHTfKJnUfL8+p2TPXr1pXqao4eeL4Rl144uDpK9w==}
     engines: {node: '>=20.9.0'}
@@ -1373,129 +1359,64 @@ packages:
     engines: {node: '>=20.9.0'}
     os: [freebsd]
 
-  '@img/sharp-libvips-darwin-arm64@1.2.4':
-    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
-    cpu: [arm64]
-    os: [darwin]
-
   '@img/sharp-libvips-darwin-arm64@1.3.2':
     resolution: {integrity: sha512-9J6ypZFpQBj4YnePGoq/S38w6nz+vqg5WZLrLGY4YuSemdMq47GMLBPO42MzwdGwpg/agZ7xzZcFHa48xlywfg==}
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-x64@1.2.4':
-    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
-    cpu: [x64]
-    os: [darwin]
-
   '@img/sharp-libvips-darwin-x64@1.3.2':
     resolution: {integrity: sha512-m2pW1n6cns9VaubNwsZ+c3CRYjxNQWgJ5gPlnL1nbBcpkBvFm6SCFN5o0psFHI8w9n11NKhFkeEDns98tiqbEw==}
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-linux-arm64@1.2.4':
-    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-libvips-linux-arm64@1.3.2':
     resolution: {integrity: sha512-dqVSFynCox4C/J8kT16V7SIFAns0IjgLwkvYT7p8LQVmJ5OS5b6tI9IGflxTeuBS//zXeFIUbwt5dwxyZ17cnA==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-libvips-linux-arm@1.2.4':
-    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
-    cpu: [arm]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-libvips-linux-arm@1.3.2':
     resolution: {integrity: sha512-1eMLzy92I4J6rmi4mAT8yC3HxOtniyGELlzGbNMLLeqe052ahFQ0h6LFq+lh5DsDIdYViIDst08abvSbcEdLXQ==}
     cpu: [arm]
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-libvips-linux-ppc64@1.2.4':
-    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-libvips-linux-ppc64@1.3.2':
     resolution: {integrity: sha512-3z0NHDxD6n5I9gc05U1eW1AyRm+Gznzq3naMrthPNqE6oYykcogW0l/jfpJdjYnuNl8R7yI9pNbE1XiUeyq0Aw==}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-libvips-linux-riscv64@1.2.4':
-    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-libvips-linux-riscv64@1.3.2':
     resolution: {integrity: sha512-bsb4rI+NldGOsXuej2r8OdSS8+zXDVaCWxyWrcv6kneTOlgAHtZABRzBBCwdsPiD90J4myNJuHpg6kA20ImW/w==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-libvips-linux-s390x@1.2.4':
-    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-libvips-linux-s390x@1.3.2':
     resolution: {integrity: sha512-/ABshyj8gCpyIrNXnHn4LorDJ0HHm1VhXPBlxZ8zAtfVPAaSafXPGn+sUSIRiwaSBy0mmFjSjiXI5mkcwdChKQ==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-libvips-linux-x64@1.2.4':
-    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-libvips-linux-x64@1.3.2':
     resolution: {integrity: sha512-ITPEtgffGJ0S6G9dRyw/366tJQqFRcHWPHhC+Stpg3Z8AEMrDrTr2lhdz4f/Y/HMbRh//7Z5mBzEpVdi62Oc3w==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
-    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-
   '@img/sharp-libvips-linuxmusl-arm64@1.3.2':
     resolution: {integrity: sha512-zE9EdiUzUmg5mDT5a1rk5fYJ6GWPloTwWBYDS14naqHsL+EaMpDj1AWnpLgh3u0YCORv2Tt50wrcrpYqkP97Kw==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
-    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
-
   '@img/sharp-libvips-linuxmusl-x64@1.3.2':
     resolution: {integrity: sha512-m0lrLiUt+lBYnCFr8qV/65yMR4E/c7/wf78I5eKTdkEakFAlZ9QlzEM3QIhhAwVeUhLAHLcCq7a7Vszq/oFNZQ==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@img/sharp-linux-arm64@0.34.5':
-    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-linux-arm64@0.35.3':
     resolution: {integrity: sha512-QgKDspHPnrU+GQ55XPhGwyhC8acLVOOSyAvo1oVfFmrIXLkDNmGWzAfDZ4xK8oSA1qBQrALcHX0G5UZni/SuFQ==}
     engines: {node: '>=20.9.0'}
@@ -1503,13 +1424,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-linux-arm@0.34.5':
-    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-linux-arm@0.35.3':
     resolution: {integrity: sha512-affVWCTLooy8TSxbDx2qkzuDeaWLNVBA+P//FNBirHsXpP2fuBhk5AuboYUnrDnzoXes8GFjpTx0SBFOCRg+FA==}
     engines: {node: '>=20.9.0'}
@@ -1517,13 +1431,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-linux-ppc64@0.34.5':
-    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-linux-ppc64@0.35.3':
     resolution: {integrity: sha512-sMd8rDxmpLOwv/7N44klFjOD5DUO7FLdjiXDI0hoxYaf7Ar262dQIEkosE98bps+5HPLtp/EvNqeqQtOycP/IA==}
     engines: {node: '>=20.9.0'}
@@ -1531,13 +1438,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-linux-riscv64@0.34.5':
-    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-linux-riscv64@0.35.3':
     resolution: {integrity: sha512-0Eob78yjlYPfL5vMNWAW55l3R9Y6BQS/gOfe0ZcP9mEz9ohhKSt4im1hayiknXgf8AWrFqMvJcKIdmLmEe7yeQ==}
     engines: {node: '>=20.9.0'}
@@ -1545,13 +1445,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-linux-s390x@0.34.5':
-    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-linux-s390x@0.35.3':
     resolution: {integrity: sha512-KgAxQ0DxpNOq1rG2t5cgTgShJFGSuU7XO45cqC+1NVOuZnP6tlgZRuSYOfNupGkHID0o3cJOsw4DVeJpMovcGw==}
     engines: {node: '>=20.9.0'}
@@ -1559,13 +1452,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-linux-x64@0.34.5':
-    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
-
   '@img/sharp-linux-x64@0.35.3':
     resolution: {integrity: sha512-8pqvxubL2PGdhlPy6GLqzDYMUjyRmKAwKHYKixpdJYBUK7PJ0C029XdsnpFIdgRZG68fZiGdHVWcKPvtiPB4cA==}
     engines: {node: '>=20.9.0'}
@@ -1573,13 +1459,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@img/sharp-linuxmusl-arm64@0.34.5':
-    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-
   '@img/sharp-linuxmusl-arm64@0.35.3':
     resolution: {integrity: sha512-Vz0iQjzzcSX3HCbfwFfCSG/9SCIqyO0mH2sXyiHaAYfBk0cRsCWXRyQYX0ovCK/PAQBbTzQ0dsPQHh5MAFL59w==}
     engines: {node: '>=20.9.0'}
@@ -1587,13 +1466,6 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@img/sharp-linuxmusl-x64@0.34.5':
-    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
-
   '@img/sharp-linuxmusl-x64@0.35.3':
     resolution: {integrity: sha512-6O1NPKcDVj9QEdg7Hx549EX8U0rp6yXQERqru6yRN7fGBn32UvIRJUlWnk+8xDCiG76hXVBbX82NZ/ZKr0euIg==}
     engines: {node: '>=20.9.0'}
@@ -1601,11 +1473,6 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@img/sharp-wasm32@0.34.5':
-    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [wasm32]
-
   '@img/sharp-wasm32@0.35.3':
     resolution: {integrity: sha512-cZ0XkcYGpHZkqW6iCkqTcmUC0CD9DhD5d/qeZlZkfRBn6GnHniZXLUo5+9xw8Iv76YE6LQFN9YNBlKREcCG76w==}
     engines: {node: '>=20.9.0'}
@@ -1615,36 +1482,18 @@ packages:
     engines: {node: '>=20.9.0'}
     cpu: [wasm32]
 
-  '@img/sharp-win32-arm64@0.34.5':
-    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [win32]
-
   '@img/sharp-win32-arm64@0.35.3':
     resolution: {integrity: sha512-4bPwFdMbeC4JQ8L8LOyWp6nsHcboP5fxkp6iPOXz2Vg49R42TuMs2whkJ5OAP4/Ul035qOzy0AecOF9VOscn4w==}
     engines: {node: '>=20.9.0'}
     cpu: [arm64]
     os: [win32]
 
-  '@img/sharp-win32-ia32@0.34.5':
-    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [ia32]
-    os: [win32]
-
   '@img/sharp-win32-ia32@0.35.3':
     resolution: {integrity: sha512-r53mXsBN6lFUDiST764SvgwUdHAqM4rPAiDzAmf4fLoB6X/rkfyTrLCg6+g17wJJiCmB3JYgHuUldCWUIRFSXw==}
     engines: {node: ^20.9.0}
     cpu: [ia32]
     os: [win32]
 
-  '@img/sharp-win32-x64@0.34.5':
-    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [win32]
-
   '@img/sharp-win32-x64@0.35.3':
     resolution: {integrity: sha512-D4y1vNeZrIIJCN+uHaWVtH86B+aCrdMYYjicy9pXHvbGZeGYLLSd3wdVuC37FxVXlU1ARsk84eKWfWMXGYEqvA==}
     engines: {node: '>=20.9.0'}
@@ -3852,7 +3701,7 @@ packages:
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
-      postcss: ^8.1.0
+      postcss: '>=8.5.18'
 
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
@@ -4287,7 +4136,7 @@ packages:
     resolution: {integrity: sha512-gz6x+KkgNCjxq3Var03pRYLhyNfwhkKF1g/yoLgDNtFvVu0/fOLV9C8fFEZRjACp/XQLumjAYo7JVjzH3wLbxA==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
-      postcss: ^8.0.9
+      postcss: '>=8.5.18'
 
   css-loader@6.11.0:
     resolution: {integrity: sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==}
@@ -4357,19 +4206,19 @@ packages:
     resolution: {integrity: sha512-11qO63A+czwguQFJCaTdICvbaxn0pJzz/XghLlv+OT7WyToDxAMR0Xb3/26/l0y0hQJywwNbj/SLSQlGBHE1OA==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   cssnano-utils@5.0.3:
     resolution: {integrity: sha512-ynIREMICLxkxm7e9bCR9sh75s4Q5drICi0ua1yxo5jH2XPBqSKkl4dOh4EbFqtUmnTMhRffHgYL0EKKkMjtJTg==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   cssnano@7.1.9:
     resolution: {integrity: sha512-uPR75+5Dk/WJ/YSPR1/YDHdwMM9c5FsaARljfKWgeCKLKOtJ0we21xy/RcCjn53fZnD/f6yYEIZ8pu18+GnbNQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   csso@5.0.5:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
@@ -5390,7 +5239,7 @@ packages:
     resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
-      postcss: ^8.1.0
+      postcss: '>=8.5.18'
 
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
@@ -6637,56 +6486,56 @@ packages:
     resolution: {integrity: sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==}
     engines: {node: ^18.12 || ^20.9 || >=22.0}
     peerDependencies:
-      postcss: ^8.4.38
+      postcss: '>=8.5.18'
 
   postcss-colormin@7.0.10:
     resolution: {integrity: sha512-yFr6JezOolHLta/buLE71VKPh2mXursp4saVe98/ol8ZnEWhL+racShqPKlvd/DKWLre/39B6HhcMXf7RZ3hxg==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-convert-values@7.0.12:
     resolution: {integrity: sha512-xurKu5qqk4viR3Cp3p4xBR4KfnZm4w4ys6+UBwBmeuBSNkH7+DtLnYOYnOffgtE4yx8sH9S1VZ6RAAvROXzP2Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-discard-comments@7.0.8:
     resolution: {integrity: sha512-CvvS5S9WrXblFXCEJ9nVo+4z+eA7zSC7Z88V1HEJuwlQhlFnYTIjg1xJY+BCUiG2bvICap2tXii4mP22BD108Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-discard-duplicates@7.0.4:
     resolution: {integrity: sha512-VBNn1+EuMZkeGVVtz0gRfbNGtx9IFgAsAV+E2pHtXPrp4qfGBkhTIiAuE/wrb+Y6Pakg9NewAlfTpYIFAWODtw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-discard-empty@7.0.3:
     resolution: {integrity: sha512-M2pyjQCU+/7cMHVtL6bKTHjv0lZnPLMpicgr67Dlth7AbuV9gjVTtUqaRwn6Pp6BwSDspUzhz8SaUrRykJU5Dw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-discard-overridden@7.0.3:
     resolution: {integrity: sha512-aNovXo9UsZuRNLzHJtp13lHIvinDPfiXBPePpXkSjCbgp++iU2FqE+YxvjIsg6EdyPZsASFbfu+JcBFVsErXIQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-import@14.1.0:
     resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
-      postcss: ^8.0.0
+      postcss: '>=8.5.18'
 
   postcss-loader@8.2.1:
     resolution: {integrity: sha512-k98jtRzthjj3f76MYTs9JTpRqV1RaaMhEU0Lpw9OTmQZQdppg4B30VZ74BojuBHt3F4KyubHJoXCMUeM8Bqeow==}
     engines: {node: '>= 18.12.0'}
     peerDependencies:
       '@rspack/core': 0.x || ^1.0.0 || ^2.0.0-0
-      postcss: ^7.0.0 || ^8.0.1
+      postcss: '>=8.5.18'
       webpack: ^5.0.0
     peerDependenciesMeta:
       '@rspack/core':
@@ -6698,138 +6547,138 @@ packages:
     resolution: {integrity: sha512-b3mfYUxR388u5Pt0HPcVIUtUDn/k15UfTY9M+ORW+meCR6JLNxoZffiYvXyOYQoRYQNZyX/UFkMCM/mNHxe1qA==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-merge-rules@7.0.11:
     resolution: {integrity: sha512-SJUPM18g2BmPhf8BVlbwqWz4aK3pLu6u6xjfwEzra7xL6IBR10sUaiB++EzqcVfadPHrKBSMlNdP+XieykhI+Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-minify-font-values@7.0.3:
     resolution: {integrity: sha512-yilG/VOaNI74IylQvAQQxm3/wZVBkXyYUqNUAdxqwtbWUXPsbK1q8Ms0mL83v+f8YicgcyfYCRZtWACUdYajpA==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-minify-gradients@7.0.5:
     resolution: {integrity: sha512-YraROyQRg3BI1+Hg8E05B/JPdnTm8EDSVu4P2BxdM+CRiOyfmou809+chGIqo6fQqwjPGQ947nbGncSjmTU1WQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-minify-params@7.0.9:
     resolution: {integrity: sha512-R8itbB8BhlpoYyBm1ou0dD+vJnQ3F6adQipR4UnkCHUwlo+S9WXJaDRg1RHjC8YVAtIdrQzSWvJl40HnGDTKjA==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-minify-selectors@7.1.2:
     resolution: {integrity: sha512-aQtrEWKwqafNlExcKHQvPGsXR2+vlUqqJtf5XsCQcgsSb5PL4wlujWBYDJuWsP4UnQX1YHDHU8qRlD+1PzTQ+Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-modules-extract-imports@3.1.0:
     resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
-      postcss: ^8.1.0
+      postcss: '>=8.5.18'
 
   postcss-modules-local-by-default@4.2.0:
     resolution: {integrity: sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
-      postcss: ^8.1.0
+      postcss: '>=8.5.18'
 
   postcss-modules-scope@3.2.1:
     resolution: {integrity: sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
-      postcss: ^8.1.0
+      postcss: '>=8.5.18'
 
   postcss-modules-values@4.0.0:
     resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
-      postcss: ^8.1.0
+      postcss: '>=8.5.18'
 
   postcss-modules@6.0.1:
     resolution: {integrity: sha512-zyo2sAkVvuZFFy0gc2+4O+xar5dYlaVy/ebO24KT0ftk/iJevSNyPyQellsBLlnccwh7f6V6Y4GvuKRYToNgpQ==}
     peerDependencies:
-      postcss: ^8.0.0
+      postcss: '>=8.5.18'
 
   postcss-normalize-charset@7.0.3:
     resolution: {integrity: sha512-NoBfZu8PR4c2NlmjvrqQTzCzLY79hwcSRgNQ3ZiNK0ABzf9kYKloE/jNj+/8GQY1wsm8pRRgANk6ydLH8cwo0Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-display-values@7.0.3:
     resolution: {integrity: sha512-ldsCX0QIt05pKIOobZtVQ48wXJecr+czw4+e1/YjVhLMqslShgpVxgPtI2CefURR8oyVoYaU/l829MMwExDMLw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-positions@7.0.4:
     resolution: {integrity: sha512-VEvlpeGd3Ju1Hqa/oN4jaP3+ms4laYwkEL9N9u+B6k54PZjXbW1n6wI+aVprf1BQXlCYpS5+1pl/7/vHiKgARg==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-repeat-style@7.0.4:
     resolution: {integrity: sha512-6mPKlY/8cSaDHxX502wERADarJsccwlky6yIrOapHH2ZgfoKAV94SbiTKfKEs4EEpdazuc3J72WsqeYk7hp9+Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-string@7.0.3:
     resolution: {integrity: sha512-HnEQPUchi1eznmDKEYrKUTqrprEq97SrpUYClgUkv7V2zRODD9DFoUsYU+m9ZOetmD5ku7fEMZB/lwy8IT6xVQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-timing-functions@7.0.3:
     resolution: {integrity: sha512-zmEzHdvpZBZu0OKlbJSfgASQvaayyAoVuWtvyr34IJ/LyS+DaOKvvR3EvFJ9RWWtNIx+CMvO125OVophaxNYew==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-unicode@7.0.9:
     resolution: {integrity: sha512-DRAdWfeh/TjmhLJsw91vdiWCnUod9iwvM7xyS02/nF/sLsCR3A8l3pztrSUrWG8DSBqfX7yEk9FM0USaVJ2mSg==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-url@7.0.3:
     resolution: {integrity: sha512-CL93wmloq5qsffmFv+bw24MIRbmhHrp53qoh1LDAb/5TtjWEXI/np4xcP/Gw9oWCb2XyWnqHYLDUwiKRoJBA1Q==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-normalize-whitespace@7.0.3:
     resolution: {integrity: sha512-FdHjjn+Ht5Z2ZRjNOmeCbNq6lq09sUYKpmlF/Aq0XjVNSLTL6fmHlA/3swN2wP2caY9GV/tjSDcIIyS7aN7W0A==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-ordered-values@7.0.4:
     resolution: {integrity: sha512-nubSi49hDHQk4E8KIj+IbLY8Bg+8OcSUEhgyolgM+atnOvXjV7EjaR6bac4YGZoFyPa9mWoAF3EaYbWdFkKqVg==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-reduce-initial@7.0.9:
     resolution: {integrity: sha512-ztTNPdIxXTxtBcG03E9u8v44M4ElXbMIRT7pf2onlquGula0Y83nKKxqM22FA/hMgkfCjN7ohevkVlaNwI8iOQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-reduce-transforms@7.0.3:
     resolution: {integrity: sha512-FXsnN9ZwcZTT8Yf8cAHA8qIGUXcX6WfLd9JoYhrdDfmvsVhhfqkkv7m4AC3rwFOfz+GzkUa87OCKF9dUcicd+g==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-selector-parser@7.1.1:
     resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
@@ -6839,21 +6688,17 @@ packages:
     resolution: {integrity: sha512-2QfoFOYMcj8lwcVEf9WeTlkVIAm7u2QvOEhMzkQU3KUhhGX/l8hVV9EtjMv4iq3E9iI3OeeMN0YoMLbGusuigw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >= 18}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-unique-selectors@7.0.7:
     resolution: {integrity: sha512-d+sCkaRnSefghOUdH8CMJZV9yUQhj2ojpe8Nw/lA+LV1UOfeleGkLTl6XdCFFSai9UJ+DJPb69FFuqthXYsY8w==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.5.18:
     resolution: {integrity: sha512-xdB1oSLHbz1vRWgCDalrCqEFTWzFlhqFC5tIHLMOSUIjhm3XXQ1qrFy8S/ESr1JYRRXqM3c1QFiMZUJdUTqyMQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -7517,10 +7362,6 @@ packages:
     resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==}
     engines: {node: '>=8'}
 
-  sharp@0.34.5:
-    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-
   sharp@0.35.3:
     resolution: {integrity: sha512-ej0zVHuZGHCiABXcNxeYhpRnPNPAcvbG8RMdBAhDAxLKkCRVSpK3Iyu7qbqw3JMzoj0REeM6f3tJLtVwl0023Q==}
     engines: {node: '>=20.9.0'}
@@ -7767,7 +7608,7 @@ packages:
     resolution: {integrity: sha512-iODNfhXVLqc5LADs+Y6Oh5wJuK5ZcHbVng8aiK3y9pjMQdc5hLrBW0eFU6FtnpNrE6PoEg/MmFTU4waotj5WNg==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
-      postcss: ^8.5.13
+      postcss: '>=8.5.18'
 
   supercluster@8.0.1:
     resolution: {integrity: sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==}
@@ -9689,25 +9530,13 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@img/colour@1.0.0': {}
-
   '@img/colour@1.1.0': {}
 
-  '@img/sharp-darwin-arm64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.2.4
-    optional: true
-
   '@img/sharp-darwin-arm64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-darwin-arm64': 1.3.2
     optional: true
 
-  '@img/sharp-darwin-x64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.2.4
-    optional: true
-
   '@img/sharp-darwin-x64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-darwin-x64': 1.3.2
@@ -9718,151 +9547,76 @@ snapshots:
       '@img/sharp-wasm32': 0.35.3
     optional: true
 
-  '@img/sharp-libvips-darwin-arm64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-darwin-arm64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-darwin-x64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-darwin-x64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linux-arm64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linux-arm64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linux-arm@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linux-arm@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linux-ppc64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linux-ppc64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linux-riscv64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linux-riscv64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linux-s390x@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linux-s390x@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linux-x64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linux-x64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linuxmusl-arm64@1.3.2':
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
-    optional: true
-
   '@img/sharp-libvips-linuxmusl-x64@1.3.2':
     optional: true
 
-  '@img/sharp-linux-arm64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.2.4
-    optional: true
-
   '@img/sharp-linux-arm64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linux-arm64': 1.3.2
     optional: true
 
-  '@img/sharp-linux-arm@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.2.4
-    optional: true
-
   '@img/sharp-linux-arm@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linux-arm': 1.3.2
     optional: true
 
-  '@img/sharp-linux-ppc64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-ppc64': 1.2.4
-    optional: true
-
   '@img/sharp-linux-ppc64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linux-ppc64': 1.3.2
     optional: true
 
-  '@img/sharp-linux-riscv64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-riscv64': 1.2.4
-    optional: true
-
   '@img/sharp-linux-riscv64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linux-riscv64': 1.3.2
     optional: true
 
-  '@img/sharp-linux-s390x@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.2.4
-    optional: true
-
   '@img/sharp-linux-s390x@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linux-s390x': 1.3.2
     optional: true
 
-  '@img/sharp-linux-x64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.2.4
-    optional: true
-
   '@img/sharp-linux-x64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linux-x64': 1.3.2
     optional: true
 
-  '@img/sharp-linuxmusl-arm64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
-    optional: true
-
   '@img/sharp-linuxmusl-arm64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linuxmusl-arm64': 1.3.2
     optional: true
 
-  '@img/sharp-linuxmusl-x64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
-    optional: true
-
   '@img/sharp-linuxmusl-x64@0.35.3':
     optionalDependencies:
       '@img/sharp-libvips-linuxmusl-x64': 1.3.2
     optional: true
 
-  '@img/sharp-wasm32@0.34.5':
-    dependencies:
-      '@emnapi/runtime': 1.8.1
-    optional: true
-
   '@img/sharp-wasm32@0.35.3':
     dependencies:
       '@emnapi/runtime': 1.11.2
@@ -9873,21 +9627,12 @@ snapshots:
       '@img/sharp-wasm32': 0.35.3
     optional: true
 
-  '@img/sharp-win32-arm64@0.34.5':
-    optional: true
-
   '@img/sharp-win32-arm64@0.35.3':
     optional: true
 
-  '@img/sharp-win32-ia32@0.34.5':
-    optional: true
-
   '@img/sharp-win32-ia32@0.35.3':
     optional: true
 
-  '@img/sharp-win32-x64@0.34.5':
-    optional: true
-
   '@img/sharp-win32-x64@0.35.3':
     optional: true
 
@@ -10404,7 +10149,7 @@ snapshots:
   '@napi-rs/wasm-runtime@1.0.7':
     dependencies:
       '@emnapi/core': 1.8.1
-      '@emnapi/runtime': 1.8.1
+      '@emnapi/runtime': 1.11.2
       '@tybys/wasm-util': 0.10.1
     optional: true
 
@@ -10438,9 +10183,9 @@ snapshots:
   '@next/swc-win32-x64-msvc@16.2.12':
     optional: true
 
-  '@next/third-parties@16.2.12(next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)':
+  '@next/third-parties@16.2.12(next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(@types/node@26.1.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3))(react@19.2.7)':
     dependencies:
-      next: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
+      next: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(@types/node@26.1.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
       react: 19.2.7
       third-party-capital: 1.0.20
 
@@ -10561,7 +10306,7 @@ snapshots:
       - verdaccio
       - webpack-cli
 
-  '@nx/next@23.0.2(f8de97fb89731940ae9122494e0c8ad8)':
+  '@nx/next@23.0.2(844b75c4f5863d1db9377f57ed0e0a2d)':
     dependencies:
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
       '@nx/devkit': 23.0.2(nx@23.0.2)
@@ -10574,7 +10319,7 @@ snapshots:
       '@svgr/webpack': 8.1.0(typescript@7.0.2)
       copy-webpack-plugin: 14.0.0(webpack@5.105.3(lightningcss@1.32.0)(postcss@8.5.18))
       ignore: 7.0.5
-      next: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
+      next: 16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(@types/node@26.1.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3)
       semver: 7.7.4
       tslib: 2.8.1
       webpack-merge: 5.10.0
@@ -10760,7 +10505,7 @@ snapshots:
       '@nx/devkit': 23.0.2(nx@23.0.2)
       '@nx/js': 23.0.2(@babel/traverse@7.29.0)(nx@23.0.2)
       '@phenomnomnominal/tsquery': 6.2.0(typescript@7.0.2)
-      semver: 7.7.4
+      semver: 7.8.5
       tslib: 2.8.1
     optionalDependencies:
       '@nx/eslint': 23.0.2(@babel/traverse@7.29.0)(@zkochan/js-yaml@0.0.7)(eslint@10.1.0(jiti@2.7.0))(nx@23.0.2)
@@ -12986,7 +12731,7 @@ snapshots:
       postcss-modules-scope: 3.2.1(postcss@8.5.18)
       postcss-modules-values: 4.0.0(postcss@8.5.18)
       postcss-value-parser: 4.2.0
-      semver: 7.7.4
+      semver: 7.8.5
     optionalDependencies:
       '@rspack/core': 1.6.8(@swc/helpers@0.5.23)
       webpack: 5.105.3(lightningcss@1.32.0)(postcss@8.5.18)
@@ -14014,7 +13759,7 @@ snapshots:
       minimatch: 3.1.4
       node-abort-controller: 3.1.1
       schema-utils: 3.3.0
-      semver: 7.7.4
+      semver: 7.8.5
       tapable: 2.3.3
       typescript: 7.0.2
       webpack: 5.105.3(lightningcss@1.32.0)(postcss@8.5.18)
@@ -15491,13 +15236,13 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3):
+  next@16.2.12(@babel/core@7.29.0)(@playwright/test@1.61.1)(@types/node@26.1.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.97.3):
     dependencies:
       '@next/env': 16.2.12
       '@swc/helpers': 0.5.15
       baseline-browser-mapping: 2.10.43
       caniuse-lite: 1.0.30001805
-      postcss: 8.4.31
+      postcss: 8.5.18
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
       styled-jsx: 5.1.6(@babel/core@7.29.0)(react@19.2.7)
@@ -15513,9 +15258,10 @@ snapshots:
       '@playwright/test': 1.61.1
       babel-plugin-react-compiler: 1.0.0
       sass: 1.97.3
-      sharp: 0.34.5
+      sharp: 0.35.3(@types/node@26.1.1)
     transitivePeerDependencies:
       - '@babel/core'
+      - '@types/node'
       - babel-plugin-macros
 
   nice-try@1.0.5: {}
@@ -16016,7 +15762,7 @@ snapshots:
       cosmiconfig: 9.0.2(typescript@7.0.2)
       jiti: 2.7.0
       postcss: 8.5.18
-      semver: 7.7.4
+      semver: 7.8.5
     optionalDependencies:
       '@rspack/core': 1.6.8(@swc/helpers@0.5.23)
       webpack: 5.105.3(lightningcss@1.32.0)(postcss@8.5.18)
@@ -16177,12 +15923,6 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.31:
-    dependencies:
-      nanoid: 3.3.16
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
   postcss@8.5.18:
     dependencies:
       nanoid: 3.3.16
@@ -16880,37 +16620,6 @@ snapshots:
     dependencies:
       kind-of: 6.0.3
 
-  sharp@0.34.5:
-    dependencies:
-      '@img/colour': 1.0.0
-      detect-libc: 2.1.2
-      semver: 7.7.4
-    optionalDependencies:
-      '@img/sharp-darwin-arm64': 0.34.5
-      '@img/sharp-darwin-x64': 0.34.5
-      '@img/sharp-libvips-darwin-arm64': 1.2.4
-      '@img/sharp-libvips-darwin-x64': 1.2.4
-      '@img/sharp-libvips-linux-arm': 1.2.4
-      '@img/sharp-libvips-linux-arm64': 1.2.4
-      '@img/sharp-libvips-linux-ppc64': 1.2.4
-      '@img/sharp-libvips-linux-riscv64': 1.2.4
-      '@img/sharp-libvips-linux-s390x': 1.2.4
-      '@img/sharp-libvips-linux-x64': 1.2.4
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
-      '@img/sharp-linux-arm': 0.34.5
-      '@img/sharp-linux-arm64': 0.34.5
-      '@img/sharp-linux-ppc64': 0.34.5
-      '@img/sharp-linux-riscv64': 0.34.5
-      '@img/sharp-linux-s390x': 0.34.5
-      '@img/sharp-linux-x64': 0.34.5
-      '@img/sharp-linuxmusl-arm64': 0.34.5
-      '@img/sharp-linuxmusl-x64': 0.34.5
-      '@img/sharp-wasm32': 0.34.5
-      '@img/sharp-win32-arm64': 0.34.5
-      '@img/sharp-win32-ia32': 0.34.5
-      '@img/sharp-win32-x64': 0.34.5
-
   sharp@0.35.3(@types/node@26.1.1):
     dependencies:
       '@img/colour': 1.1.0
@@ -17709,13 +17418,14 @@ snapshots:
 
   vary@1.1.2: {}
 
-  velite@0.4.0:
+  velite@0.4.0(@types/node@26.1.1):
     dependencies:
       '@mdx-js/mdx': 3.1.1
       esbuild: 0.25.12
-      sharp: 0.34.5
+      sharp: 0.35.3(@types/node@26.1.1)
       terser: 5.46.0
     transitivePeerDependencies:
+      - '@types/node'
       - supports-color
 
   vfile-message@4.0.3:

From 552858099a9aa94242a11beaf78ddf967fb93d8c Mon Sep 17 00:00:00 2001
From: Joaquim Costa <jscosta88@gmail.com>
Date: Fri, 31 Jul 2026 10:28:45 -0400
Subject: [PATCH 11/11] fix(map): resolve Mapbox terrain DEM & CARTO glyph CORS
 errors

- Replace Mapbox DEM protocol source with open AWS Terrarium elevation tiles
- Add transformRequest in BaseMap to map CARTO glyph requests to OpenMapTiles fonts CDN
- Add fonts.openmaptiles.org and s3.amazonaws.com to CSP connect-src in next.config.ts
- Remove legacy Mapbox access token checks and references from env.ts and privacy page
---
 apps/web/next.config.ts                       |  8 +++--
 .../app/(admin)/admin/dev-tools/map/page.tsx  | 14 ++++----
 .../src/app/(admin)/admin/dev-tools/page.tsx  |  2 +-
 apps/web/src/app/(main)/privacy/page.tsx      | 13 +++++---
 .../components/landing/map-teaser-section.tsx |  2 +-
 apps/web/src/components/ui/image-lightbox.tsx | 33 +++++++++++++------
 .../features/map/components/map-canvas.tsx    | 15 +++++----
 apps/web/src/features/map/shared/base-map.tsx | 16 +++++++++
 apps/web/src/features/map/shared/types.ts     |  2 +-
 apps/web/src/lib/env.ts                       | 22 -------------
 apps/web/src/lib/instagram.ts                 | 12 +++++--
 apps/web/tests/e2e/map-interaction.spec.ts    | 18 ++++------
 12 files changed, 87 insertions(+), 70 deletions(-)

diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts
index ec374568..23633f40 100644
--- a/apps/web/next.config.ts
+++ b/apps/web/next.config.ts
@@ -81,7 +81,9 @@ const nextConfig: NextConfig = {
         headers: [
           {
             key: "Cache-Control",
-            value: "public, max-age=31536000, immutable",
+            value: isDev
+              ? "no-store, max-age=0"
+              : "public, max-age=31536000, immutable",
           },
         ],
       },
@@ -114,11 +116,11 @@ const nextConfig: NextConfig = {
             key: "Content-Security-Policy",
             value: [
               "default-src 'self'",
-              "script-src 'self' 'unsafe-inline' 'wasm-unsafe-eval' https://www.googletagmanager.com https://www.google-analytics.com https://www.clarity.ms https://static.cloudflareinsights.com",
+              `script-src 'self' 'unsafe-inline' ${isDev ? "'unsafe-eval' " : ""}'wasm-unsafe-eval' https://www.googletagmanager.com https://www.google-analytics.com https://www.clarity.ms https://static.cloudflareinsights.com`,
               "style-src 'self' 'unsafe-inline' https://basemaps.cartocdn.com https://fonts.googleapis.com",
               "img-src 'self' data: blob: https: https://*.cartocdn.com https://basemaps.cartocdn.com https://*.supabase.co",
               "font-src 'self' https://fonts.gstatic.com",
-              `connect-src 'self' ${isDev ? "http://localhost:8080 " : ""}https://api.nosilha.com https://*.nosilha.com https://*.cartocdn.com https://basemaps.cartocdn.com https://www.googletagmanager.com https://www.google-analytics.com https://analytics.google.com https://*.supabase.co wss://*.supabase.co https://www.clarity.ms https://*.clarity.ms https://*.r2.cloudflarestorage.com https://cloudflareinsights.com`,
+              `connect-src 'self' ${isDev ? "http://localhost:8080 " : ""}https://api.nosilha.com https://*.nosilha.com https://*.cartocdn.com https://basemaps.cartocdn.com https://fonts.openmaptiles.org https://s3.amazonaws.com https://www.googletagmanager.com https://www.google-analytics.com https://analytics.google.com https://*.supabase.co wss://*.supabase.co https://www.clarity.ms https://*.clarity.ms https://*.r2.cloudflarestorage.com https://cloudflareinsights.com`,
               "worker-src 'self' blob:",
               "frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com",
               "frame-ancestors 'none'",
diff --git a/apps/web/src/app/(admin)/admin/dev-tools/map/page.tsx b/apps/web/src/app/(admin)/admin/dev-tools/map/page.tsx
index ab59c735..c7e8d5ee 100644
--- a/apps/web/src/app/(admin)/admin/dev-tools/map/page.tsx
+++ b/apps/web/src/app/(admin)/admin/dev-tools/map/page.tsx
@@ -13,18 +13,18 @@ interface MapStyleSwitcherProps {
 const STYLES: { id: MapStyle; label: string; url: string }[] = [
   {
     id: "streets",
-    label: "Streets",
-    url: "mapbox://styles/mapbox/streets-v12",
+    label: "Voyager",
+    url: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
   },
   {
     id: "outdoors",
-    label: "Outdoors",
-    url: "mapbox://styles/mapbox/outdoors-v12",
+    label: "Positron",
+    url: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
   },
   {
     id: "satellite",
-    label: "Satellite",
-    url: "mapbox://styles/mapbox/satellite-streets-v12",
+    label: "Dark Matter",
+    url: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json",
   },
 ];
 
@@ -105,7 +105,7 @@ export default function TestMapPage() {
       <h1 className="mb-4 text-2xl font-bold">Map Style Switcher Test</h1>
       <div className="relative h-96 w-full rounded-lg border bg-mist-100">
         <MapStyleSwitcher
-          currentStyle="mapbox://styles/mapbox/streets-v12"
+          currentStyle="https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
           onStyleChange={(style) => console.log("Style changed:", style)}
         />
       </div>
diff --git a/apps/web/src/app/(admin)/admin/dev-tools/page.tsx b/apps/web/src/app/(admin)/admin/dev-tools/page.tsx
index d9732143..b0dcb911 100644
--- a/apps/web/src/app/(admin)/admin/dev-tools/page.tsx
+++ b/apps/web/src/app/(admin)/admin/dev-tools/page.tsx
@@ -152,7 +152,7 @@ const sections: DevToolSection[] = [
       {
         title: "Map Viewer",
         description:
-          "Mapbox style switcher component for streets, outdoors, and satellite views",
+          "Map style switcher component for streets, outdoors, and satellite views",
         href: "/admin/dev-tools/map",
         icon: Map,
       },
diff --git a/apps/web/src/app/(main)/privacy/page.tsx b/apps/web/src/app/(main)/privacy/page.tsx
index cf1e7ea1..69868185 100644
--- a/apps/web/src/app/(main)/privacy/page.tsx
+++ b/apps/web/src/app/(main)/privacy/page.tsx
@@ -116,7 +116,10 @@ export default async function PrivacyPage() {
                   • Analytics data for platform improvement (anonymized usage
                   patterns)
                 </li>
-                <li>• Map data from Mapbox for location services</li>
+                <li>
+                  • Map tile data from CARTO and OpenStreetMap for location
+                  services
+                </li>
               </ul>
             </div>
           </div>
@@ -333,14 +336,14 @@ export default async function PrivacyPage() {
                   Maps & Location
                 </h4>
                 <p className="text-text-secondary mb-2 text-sm">
-                  <strong>Mapbox:</strong> Provides interactive maps and
-                  location services.
+                  <strong>CARTO / OpenStreetMap:</strong> Provides interactive
+                  map tiles and location rendering services via MapLibre GL.
                 </p>
                 <Link
-                  href="https://www.mapbox.com/privacy"
+                  href="https://carto.com/privacy"
                   className="text-ocean-blue focus-visible:ring-ocean-blue rounded-sm text-xs hover:underline focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none"
                 >
-                  View Mapbox Privacy Policy
+                  View CARTO Privacy Policy
                 </Link>
               </div>
 
diff --git a/apps/web/src/components/landing/map-teaser-section.tsx b/apps/web/src/components/landing/map-teaser-section.tsx
index 431dce25..f329b8f2 100644
--- a/apps/web/src/components/landing/map-teaser-section.tsx
+++ b/apps/web/src/components/landing/map-teaser-section.tsx
@@ -213,7 +213,7 @@ export function MapTeaserSection() {
               <MapMarker
                 icon={Anchor}
                 label="Furna"
-                top="0"
+                top="12%"
                 left="65%"
                 colorClass="bg-ocean-blue"
                 delay={0.3}
diff --git a/apps/web/src/components/ui/image-lightbox.tsx b/apps/web/src/components/ui/image-lightbox.tsx
index 94e52707..6c61fc6d 100644
--- a/apps/web/src/components/ui/image-lightbox.tsx
+++ b/apps/web/src/components/ui/image-lightbox.tsx
@@ -235,6 +235,19 @@ export function ImageLightbox({
     lastTapRef.current = now;
   }, []);
 
+  // Preload adjacent images for instant, flash-free transitions
+  useEffect(() => {
+    if (!isOpen || photos.length <= 1) return;
+    const nextIndex = (currentIndex + 1) % photos.length;
+    const prevIndex = (currentIndex - 1 + photos.length) % photos.length;
+    [photos[nextIndex]?.src, photos[prevIndex]?.src].forEach((src) => {
+      if (src && typeof window !== "undefined") {
+        const img = new window.Image();
+        img.src = src;
+      }
+    });
+  }, [currentIndex, isOpen, photos]);
+
   if (!photo) return null;
 
   return (
@@ -262,7 +275,7 @@ export function ImageLightbox({
           </span>
           <button
             onClick={onClose}
-            className="focus-ring touch-target rounded-full bg-white/10 p-2.5 text-white transition-colors hover:bg-white/20"
+            className="focus-ring touch-target cursor-pointer rounded-full bg-white/10 p-2.5 text-white transition-colors hover:bg-white/20"
             aria-label="Close lightbox"
           >
             <X className="h-5 w-5" />
@@ -276,14 +289,14 @@ export function ImageLightbox({
             <>
               <button
                 onClick={goToPrevious}
-                className="focus-ring touch-target absolute top-1/2 left-3 z-10 -translate-y-1/2 rounded-full bg-black/50 p-3 text-white transition-colors hover:bg-black/70 pointer-coarse:hidden"
+                className="focus-ring touch-target absolute top-1/2 left-3 z-10 -translate-y-1/2 cursor-pointer rounded-full bg-black/50 p-3 text-white transition-colors hover:bg-black/70 pointer-coarse:hidden"
                 aria-label="Previous image"
               >
                 <ChevronLeft className="h-5 w-5" />
               </button>
               <button
                 onClick={goToNext}
-                className="focus-ring touch-target absolute top-1/2 right-3 z-10 -translate-y-1/2 rounded-full bg-black/50 p-3 text-white transition-colors hover:bg-black/70 lg:right-[21rem] pointer-coarse:hidden"
+                className="focus-ring touch-target absolute top-1/2 right-3 z-10 -translate-y-1/2 cursor-pointer rounded-full bg-black/50 p-3 text-white transition-colors hover:bg-black/70 lg:right-[21rem] pointer-coarse:hidden"
                 aria-label="Next image"
               >
                 <ChevronRight className="h-5 w-5" />
@@ -293,19 +306,19 @@ export function ImageLightbox({
 
           {/* Media area with touch gestures */}
           <div className="relative flex min-h-0 flex-1 items-center justify-center overflow-hidden">
-            <AnimatePresence mode="wait">
+            <AnimatePresence mode="popLayout" initial={false}>
               <motion.div
                 key={currentIndex}
                 initial={
-                  shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95 }
+                  shouldReduceMotion ? undefined : { opacity: 0, scale: 0.98 }
                 }
                 animate={
                   shouldReduceMotion ? undefined : { opacity: 1, scale: 1 }
                 }
                 exit={
-                  shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95 }
+                  shouldReduceMotion ? undefined : { opacity: 0, scale: 0.98 }
                 }
-                transition={{ duration: 0.2 }}
+                transition={{ duration: 0.2, ease: [0.16, 1, 0.3, 1] }}
                 drag={!isZoomed && !isVideo}
                 dragDirectionLock
                 dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
@@ -486,7 +499,7 @@ function IdentifyButton({ onClick }: { onClick: () => void }) {
     <div className="mt-4 border-t border-white/20 pt-4">
       <button
         onClick={onClick}
-        className="focus-ring touch-target flex w-full items-center justify-center gap-2 rounded-lg border border-white/20 px-4 py-3 text-sm font-medium text-white transition-colors hover:border-white/40 hover:bg-white/10"
+        className="focus-ring touch-target flex w-full cursor-pointer items-center justify-center gap-2 rounded-lg border border-white/20 px-4 py-3 text-sm font-medium text-white transition-colors hover:border-white/40 hover:bg-white/10"
       >
         <HelpCircle className="h-4 w-4" />
         Help identify this photo
@@ -503,7 +516,7 @@ function ActionsPanel({ photo, isVideo }: { photo: Photo; isVideo?: boolean }) {
           <a
             href={photo.highResSrc || photo.src}
             download={`brava-${photo.alt.replace(/\s+/g, "-").toLowerCase()}.jpg`}
-            className="focus-ring touch-target flex flex-1 items-center justify-center gap-2 rounded-lg bg-white/10 px-4 py-3 text-sm font-medium text-white transition-colors hover:bg-white/20"
+            className="focus-ring touch-target flex flex-1 cursor-pointer items-center justify-center gap-2 rounded-lg bg-white/10 px-4 py-3 text-sm font-medium text-white transition-colors hover:bg-white/20"
           >
             <Download className="h-4 w-4" />
             Download
@@ -550,7 +563,7 @@ function ThumbnailNav({
             key={index}
             onClick={() => onSelect(index)}
             className={clsx(
-              "focus-ring relative aspect-square overflow-hidden rounded border-2 transition-all",
+              "focus-ring relative aspect-square cursor-pointer overflow-hidden rounded border-2 transition-all",
               index === currentIndex
                 ? "shadow-elevated scale-105 border-white"
                 : "border-transparent opacity-60 hover:border-white/50 hover:opacity-100"
diff --git a/apps/web/src/features/map/components/map-canvas.tsx b/apps/web/src/features/map/components/map-canvas.tsx
index 4189776c..5e8e68bc 100644
--- a/apps/web/src/features/map/components/map-canvas.tsx
+++ b/apps/web/src/features/map/components/map-canvas.tsx
@@ -48,7 +48,7 @@ import type { Location } from "../data/types";
 // MapRecoveryBoundary — catches Activity-reconnect crashes from react-map-gl
 // ---------------------------------------------------------------------------
 // When cacheComponents (Activity) restores the map route, react-map-gl's
-// Marker/control useEffects fire addTo() on the destroyed mapbox-gl instance.
+// Marker/control useEffects fire addTo() on the destroyed map instance.
 // setState in useLayoutEffect does NOT trigger a re-render before passive
 // effects during Activity reconnect, so we cannot guard against this in React
 // lifecycle. Instead, this error boundary catches the crash and forces a
@@ -598,7 +598,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
         )}
       </AnimatePresence>
 
-      {/* Mapbox GL Map — wrapped in error boundary for Activity restore crashes */}
+      {/* MapLibre GL Map — wrapped in error boundary for Activity restore crashes */}
       <MapRecoveryBoundary
         fallback={
           <div className="bg-surface-alt absolute inset-0 flex items-center justify-center">
@@ -627,7 +627,7 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
             terrain:
               viewMode === "satellite" && isMapLoaded
                 ? {
-                    source: "mapbox-dem",
+                    source: "terrain-dem",
                     exaggeration: MAP_CONFIG.TERRAIN_EXAGGERATION,
                   }
                 : undefined,
@@ -661,10 +661,13 @@ export function MapCanvas({ mapRef, onFlyTo }: MapCanvasProps) {
           {isMapLoaded && (
             <>
               <Source
-                id="mapbox-dem"
+                id="terrain-dem"
                 type="raster-dem"
-                url="mapbox://mapbox.mapbox-terrain-dem-v1"
-                tileSize={MAP_CONFIG.DEM_TILE_SIZE}
+                tiles={[
+                  "https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png",
+                ]}
+                encoding="terrarium"
+                tileSize={256}
                 maxzoom={MAP_CONFIG.DEM_MAX_ZOOM}
               />
 
diff --git a/apps/web/src/features/map/shared/base-map.tsx b/apps/web/src/features/map/shared/base-map.tsx
index 384a793d..b1019142 100644
--- a/apps/web/src/features/map/shared/base-map.tsx
+++ b/apps/web/src/features/map/shared/base-map.tsx
@@ -27,6 +27,21 @@ export interface BaseMapProps {
  * Wrapper around react-map-gl/maplibre with MapLibre GL JS, default center/zoom,
  * open tile style (CARTO Voyager), CSS import, and ref forwarding.
  */
+const transformCartoGlyphs = (url: string, resourceType?: string) => {
+  if (
+    resourceType === "Glyphs" ||
+    url.includes("tiles.basemaps.cartocdn.com/fonts/")
+  ) {
+    return {
+      url: url.replace(
+        "https://tiles.basemaps.cartocdn.com/fonts/",
+        "https://fonts.openmaptiles.org/"
+      ),
+    };
+  }
+  return { url };
+};
+
 export const BaseMap = forwardRef<MapRef, BaseMapProps>(
   (
     {
@@ -54,6 +69,7 @@ export const BaseMap = forwardRef<MapRef, BaseMapProps>(
           bearing: MAP_CONFIG.DEFAULT_BEARING,
         }}
         mapStyle={style}
+        transformRequest={transformCartoGlyphs}
         style={{
           position: "absolute",
           inset: 0,
diff --git a/apps/web/src/features/map/shared/types.ts b/apps/web/src/features/map/shared/types.ts
index c83d6791..5ec0665d 100644
--- a/apps/web/src/features/map/shared/types.ts
+++ b/apps/web/src/features/map/shared/types.ts
@@ -30,5 +30,5 @@ export interface UseMapClusteringOptions {
   maxZoom?: number;
 }
 
-/** Mapbox map bounds as a tuple */
+/** Map bounds as a tuple */
 export type MapBounds = BBox | undefined;
diff --git a/apps/web/src/lib/env.ts b/apps/web/src/lib/env.ts
index f661a1d1..3e0df4eb 100644
--- a/apps/web/src/lib/env.ts
+++ b/apps/web/src/lib/env.ts
@@ -13,7 +13,6 @@ interface EnvironmentConfig {
   useMockApi: boolean;
 
   // Third-party Services
-  mapboxAccessToken: string;
   supabaseUrl: string;
   supabaseAnonKey: string;
 
@@ -76,10 +75,6 @@ export const env: EnvironmentConfig = (() => {
       "NEXT_PUBLIC_API_URL",
       process.env.NEXT_PUBLIC_API_URL
     );
-    const mapboxAccessToken = requireEnvVar(
-      "NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN",
-      process.env.NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN
-    );
     const supabaseUrl = requireEnvVar(
       "NEXT_PUBLIC_SUPABASE_URL",
       process.env.NEXT_PUBLIC_SUPABASE_URL
@@ -117,17 +112,9 @@ export const env: EnvironmentConfig = (() => {
       );
     }
 
-    // Validate Mapbox token format (basic check)
-    if (!mapboxAccessToken.startsWith("pk.")) {
-      console.warn(
-        `NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN does not start with "pk." - this might not be a valid Mapbox public token.`
-      );
-    }
-
     return {
       apiUrl,
       useMockApi,
-      mapboxAccessToken,
       supabaseUrl,
       supabaseAnonKey,
       nodeEnv,
@@ -147,9 +134,6 @@ export const env: EnvironmentConfig = (() => {
       console.error("");
       console.error("NEXT_PUBLIC_API_URL=http://localhost:8080");
       console.error("NEXT_PUBLIC_USE_MOCK_API=false");
-      console.error(
-        "NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN=pk.your_mapbox_token_here"
-      );
       console.error(
         "NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co"
       );
@@ -231,11 +215,6 @@ export function validateEnvironment(): { valid: boolean; errors: string[] } {
     errors.push(`Invalid Supabase URL: ${env.supabaseUrl}`);
   }
 
-  // Check for required tokens
-  if (!env.mapboxAccessToken) {
-    errors.push("Missing Mapbox access token");
-  }
-
   if (!env.supabaseAnonKey) {
     errors.push("Missing Supabase anonymous key");
   }
@@ -260,7 +239,6 @@ export function logEnvironmentInfo(): void {
   console.log(`  - API URL: ${env.apiUrl}`);
   console.log(`  - Use Mock API: ${env.useMockApi}`);
   console.log(`  - Supabase URL: ${env.supabaseUrl}`);
-  console.log(`  - Mapbox Token: ${env.mapboxAccessToken.substring(0, 20)}...`);
   console.log(`  - Browser: ${isBrowser}`);
   console.log(`  - Server: ${isServer}`);
 }
diff --git a/apps/web/src/lib/instagram.ts b/apps/web/src/lib/instagram.ts
index af2c761a..7adbb5a4 100644
--- a/apps/web/src/lib/instagram.ts
+++ b/apps/web/src/lib/instagram.ts
@@ -40,9 +40,15 @@ export async function fetchInstagramPosts(limit = 9): Promise<InstagramPost[]> {
     });
 
     if (!response.ok) {
-      log.warn("Instagram API returned non-OK status", {
-        status: response.status,
-      });
+      if (process.env.NODE_ENV === "development") {
+        log.debug("Instagram API returned non-OK status", {
+          status: response.status,
+        });
+      } else {
+        log.warn("Instagram API returned non-OK status", {
+          status: response.status,
+        });
+      }
       return [];
     }
 
diff --git a/apps/web/tests/e2e/map-interaction.spec.ts b/apps/web/tests/e2e/map-interaction.spec.ts
index a565d70b..bce061b3 100644
--- a/apps/web/tests/e2e/map-interaction.spec.ts
+++ b/apps/web/tests/e2e/map-interaction.spec.ts
@@ -5,7 +5,7 @@
  * to explore cultural sites, landmarks, and points of interest.
  *
  * Test Coverage:
- * - Map loads successfully with Mapbox integration
+ * - Map loads successfully with MapLibre integration
  * - Map displays Brava Island correctly
  * - Markers appear for directory entries
  * - Marker click opens popup with entry details
@@ -15,7 +15,7 @@
  *
  * Requirements:
  * - FR-001: Test execution time < 5 minutes
- * - Mapbox GL JS integration
+ * - MapLibre GL JS integration
  * - Mobile-first responsive design for island visitors
  */
 
@@ -34,35 +34,31 @@ test.describe("Map Loading and Display", () => {
     expect(page.url()).toContain("/map");
   });
 
-  test("should initialize Mapbox map container", async ({ page }) => {
+  test("should initialize map container", async ({ page }) => {
     await page.goto("/map");
     await page.waitForLoadState("networkidle");
 
-    // Wait for map to initialize (Mapbox creates canvas element)
+    // Wait for map to initialize (MapLibre creates canvas element)
     await page.waitForTimeout(2000);
 
     // Map container should exist
     const mapContainer = page
-      .locator('.mapboxgl-map, [class*="mapbox"], [id*="map"]')
+      .locator('.maplibregl-map, .mapboxgl-map, [class*="map"], [id*="map"]')
       .first();
     const hasMapContainer = await mapContainer.isVisible().catch(() => false);
 
     if (hasMapContainer) {
       await expect(mapContainer).toBeVisible();
 
-      // Map should have canvas element (Mapbox GL JS renders to canvas)
+      // Map should have canvas element (MapLibre GL JS renders to canvas)
       const canvas = mapContainer.locator("canvas");
       const hasCanvas = await canvas.isVisible().catch(() => false);
 
       expect(hasCanvas).toBeTruthy();
     } else {
-      // If Mapbox token is not configured, there might be an error message
-      const errorMessage = page.locator(
-        "text=/mapbox.*token/i, text=/map.*error/i"
-      );
+      const errorMessage = page.locator("text=/map.*error/i");
       const hasError = await errorMessage.isVisible().catch(() => false);
 
-      // Either map loads or shows configuration error
       expect(hasError || true).toBeTruthy();
     }
   });