Update WatchGether project icon to the new shared-lens mark

img/watchgether.svg

@@ -1,25 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="100%" height="100%" role="img" aria-label="WatchGether">
-  <!-- Fond Noir -->
+  <title>WatchGether</title>
-  
+  <defs>
-  <!-- Style pour la police large et grasse -->
+    <linearGradient id="wg-mark" x1="0%" y1="0%" x2="100%" y2="100%">
-  <style>
+      <stop offset="0%" stop-color="#00f2fe"/>
-    .logo-text {
+      <stop offset="100%" stop-color="#3b82f6"/>
-      font-family: 'Arial Black', 'Impact', sans-serif;
+    </linearGradient>
-      font-weight: 900;
+  </defs>
-      letter-spacing: -2px;
+  <rect width="200" height="200" rx="44" fill="#0f1015"/>
-    }
+  <circle cx="76" cy="100" r="54" fill="#eef6ff" opacity="0.92"/>
-    .watch {
+  <circle cx="124" cy="100" r="54" fill="url(#wg-mark)" opacity="0.92"/>
-      fill: #FFFFFF;
+  <polygon points="88,78 88,122 126,100" fill="#0f1015"/>
-    }
-    .gether {
-      fill: #60a5fa;
-    }
-  </style>
-  
-  <!-- 
-    x="50" et textLength="400" force les deux mots à faire 
-    exactement la même largeur (400px), alignés au millimètre.
-  -->
-  <text x="50" y="220" font-size="140" textLength="400" lengthAdjust="spacingAndGlyphs" class="logo-text watch">WATCH</text>
-  <text x="50" y="370" font-size="140" textLength="400" lengthAdjust="spacingAndGlyphs" class="logo-text gether">GETHER</text>
 </svg>