fix: restore original SkateSpots logo (icon-1024.png) everywhere

Replace all icon.svg references with icon-1024.png across:
- index.html (favicon, apple-touch-icon, og:image, twitter:image)
- src/components/Layout.tsx (desktop header + mobile header)
- src/pages/Index.tsx (footer)
- public/manifest.webmanifest (PWA icon entry)

Also fix og:url and og:image/twitter:image to use correct domain
skate-spots.org instead of skate-spots.com

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>

index.html

@@ -9,11 +9,11 @@
     <link rel="manifest" href="/manifest.webmanifest">
 
     <!-- App Icons -->
-    <link rel="icon" type="image/svg+xml" href="/images/icon.svg">
+    <link rel="icon" type="image/png" href="/images/icon-1024.png">
-    <link rel="apple-touch-icon" href="/images/icon.svg">
+    <link rel="apple-touch-icon" href="/images/icon-1024.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="/images/icon.svg">
+    <link rel="apple-touch-icon" sizes="152x152" href="/images/icon-1024.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/images/icon.svg">
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/icon-1024.png">
-    <link rel="apple-touch-startup-image" href="/images/icon.svg">
+    <link rel="apple-touch-startup-image" href="/images/icon-1024.png">
 
     <!-- Theme Color -->
     <meta name="theme-color" content="#ff0040">
@@ -29,14 +29,14 @@
     <meta property="og:type" content="website">
     <meta property="og:title" content="SkateSpots - Decentralized Skate Map & Community">
     <meta property="og:description" content="Discover skate spots, find coaches, join events, and connect with the skateboarding community on Nostr.">
-    <meta property="og:image" content="https://skate-spots.com/images/icon.svg">
+    <meta property="og:image" content="https://skate-spots.org/images/icon-1024.png">
-    <meta property="og:url" content="https://skate-spots.com">
+    <meta property="og:url" content="https://skate-spots.org">
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="SkateSpots - Decentralized Skate Map">
     <meta name="twitter:description" content="Discover skate spots, find coaches, join events on Nostr.">
-    <meta name="twitter:image" content="https://skate-spots.com/images/icon.svg">
+    <meta name="twitter:image" content="https://skate-spots.org/images/icon-1024.png">
 
     <!-- Leaflet CSS (loaded via CDN to avoid build issues) -->
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">

public/manifest.webmanifest

@@ -30,9 +30,9 @@
       "purpose": "maskable"
     },
     {
-      "src": "/images/icon.svg",
+      "src": "/images/icon-1024.png",
-      "sizes": "any",
+      "sizes": "1024x1024",
-      "type": "image/svg+xml",
+      "type": "image/png",
       "purpose": "any"
     }
   ],

src/components/Layout.tsx

@@ -357,7 +357,7 @@ export function Layout({ children }: LayoutProps) {
         <div className="container flex items-center justify-between h-16 px-4">
           <Link to="/" className="flex items-center gap-3 group">
             <img
-              src="/images/icon.svg"
+              src="/images/icon-1024.png"
               alt="SkateSpots"
               className="w-10 h-10 rounded-xl shadow-lg shadow-red-500/30 group-hover:shadow-red-500/50 transition-shadow"
             />
@@ -542,7 +542,7 @@ export function Layout({ children }: LayoutProps) {
         <div className="flex items-center justify-between h-14 px-3 gap-3">
           <Link to="/" className="flex items-center gap-2 touch-manipulation active:opacity-80 flex-1 min-w-0">
             <img
-              src="/images/icon.svg"
+              src="/images/icon-1024.png"
               alt="SkateSpots"
               className="w-9 h-9 rounded-lg flex-shrink-0 shadow-lg shadow-red-500/30"
             />

src/pages/Index.tsx

@@ -510,7 +510,7 @@ function Footer() {
         <div className="flex flex-col md:flex-row items-center justify-between gap-6">
           <div className="flex items-center gap-3">
             <img
-              src="/images/icon.svg"
+              src="/images/icon-1024.png"
               alt="SkateSpots"
               className="w-10 h-10 rounded-lg shadow-[0_0_20px_rgba(255,0,64,0.5)]"
             />