ui: use full-bleed gradient for mobile app icons

static/apple-touch-icon.svg

@@ -4,20 +4,15 @@
       <stop offset="0%" stop-color="#FB923C" />
       <stop offset="100%" stop-color="#C2410C" />
     </radialGradient>
-    <clipPath id="clip">
-      <circle cx="50" cy="50" r="45" />
-    </clipPath>
   </defs>
 
-  <!-- Base -->
-  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
 
   <!-- Crescent moon cutout -->
-  <g clip-path="url(#clip)">
-    <path
-      d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
-      fill="#FFF7ED"
-      transform="translate(-2 -2)"
-    />
-  </g>
-</svg>
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>