feat(web): add ErrorBoundary, PageErrorBoundary, ComponentErrorBoundary

Implements GOO-63 audit requirement — React error boundaries with
Vietnamese-language fallback UI, Sentry capture, and "Thử lại" retry.

- ErrorBoundary: generic class component wrapping Sentry.captureException
- PageErrorBoundary: full-page fallback for route layouts
- ComponentErrorBoundary: inline widget fallback (compact + standard modes)
- Applied to ListingMap, CheckoutModal, SearchResults as first targets

Co-Authored-By: Paperclip <noreply@paperclip.ing>

apps/web/components/map/listing-map.tsx

@@ -4,6 +4,7 @@
 import mapboxgl from 'mapbox-gl';
 import * as React from 'react';
 import 'mapbox-gl/dist/mapbox-gl.css';
+import { ComponentErrorBoundary } from '@/components/error-boundary';
 import type { ListingDetail } from '@/lib/listings-api';
 import { useMapboxStyle } from '@/lib/mapbox-style';
 
@@ -50,7 +51,15 @@ function getMarkerCoords(listing: ListingDetail, index: number): { lat: number;
   };
 }
 
-export function ListingMap({ listings, onMarkerClick, selectedListingId, className }: ListingMapProps) {
+export function ListingMap(props: ListingMapProps) {
+  return (
+    <ComponentErrorBoundary label="bản đồ">
+      <ListingMapInner {...props} />
+    </ComponentErrorBoundary>
+  );
+}
+
+function ListingMapInner({ listings, onMarkerClick, selectedListingId, className }: ListingMapProps) {
   const mapContainerRef = React.useRef<HTMLDivElement>(null);
   const mapRef = React.useRef<mapboxgl.Map | null>(null);
   const markersRef = React.useRef<mapboxgl.Marker[]>([]);