feat: comprehensive seed, Lucide icons, grouped dashboard nav, API fixes

- Rewrite prisma/seed.ts to populate all 27 models with realistic
  Vietnamese real estate data (8 users with login, 10 properties,
  10 listings, orders, payments, reviews, notifications, etc.)
- Replace all emoji icons with Lucide React SVG icons across frontend
  for consistent rendering, sizing, and accessibility
- Redesign dashboard nav: grouped sidebar with section headers,
  primary/secondary split on desktop, icon-only secondary items
- Replace language switcher flag emoji with Globe icon
- Replace SVG theme toggle with Lucide Moon/Sun icons
- Fix API startup: graceful fallback for Sentry profiling, Google OAuth,
  and Zalo OAuth when credentials are not configured
- Relax rate limiting in development mode (10k req/min)
- Fix listings API to include media[] array in search response
- Add optional chaining for property.media across frontend components
- Update OAuth strategy tests to match graceful fallback behavior

Co-Authored-By: Claude Opus 4 (1M context) <noreply@anthropic.com>

apps/web/components/search/property-card.tsx

@@ -32,9 +32,9 @@ export function PropertyCard({ listing, compact }: PropertyCardProps) {
       <Link href={`/listings/${listing.id}`}>
         <Card className="group h-full overflow-hidden transition-shadow hover:shadow-md">
           <div className={`relative bg-muted ${compact ? 'aspect-[16/10]' : 'aspect-[4/3]'}`}>
-            {listing.property.media.length > 0 ? (
+            {(listing.property.media?.length ?? 0) > 0 ? (
               <Image
-                src={listing.property.media[0]?.url ?? ''}
+                src={listing.property.media![0]?.url ?? ''}
                 alt={`Ảnh bất động sản: ${listing.property.title}`}
                 fill
                 sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"
@@ -55,10 +55,10 @@ export function PropertyCard({ listing, compact }: PropertyCardProps) {
                 {propertyTypeLabel}
               </Badge>
             </div>
-            {listing.property.media.length > 1 && (
+            {(listing.property.media?.length ?? 0) > 1 && (
               <div className="absolute bottom-2 right-2">
-                <Badge variant="outline" className="bg-black/50 text-xs text-white border-none" aria-label={`${listing.property.media.length} ảnh`}>
-                  {listing.property.media.length} ảnh
+                <Badge variant="outline" className="bg-black/50 text-xs text-white border-none" aria-label={`${listing.property.media!.length} ảnh`}>
+                  {listing.property.media!.length} ảnh
                 </Badge>
               </div>
             )}