feat: customizable Apple touch icon (#3606)

Co-authored-by: Vlad Stan <stan.v.vlad@gmail.com>
Co-authored-by: dni ⚡ <office@dnilabs.com>

lnbits/templates/base.html

@@ -25,6 +25,10 @@
     />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link
+      rel="apple-touch-icon"
+      href="{{ LNBITS_APPLE_TOUCH_ICON if LNBITS_APPLE_TOUCH_ICON else static_url_for('static', 'images/maskable_icon.png') }}"
+    />
     {% if web_manifest %}
     <link async="async" rel="manifest" href="{{ web_manifest }}" />
     {% endif %} {% block head_scripts %}{% endblock %}

lnbits/templates/components/admin/site_customisation.vue

@@ -75,6 +75,16 @@
             :hint="$t('ui_qr_code_logo_hint')"
           ></q-input>
         </div>
+        <div class="col-12 col-md-4">
+          <p><span v-text="$t('ui_apple_touch_icon')"></span></p>
+          <q-input
+            filled
+            type="text"
+            v-model="formData.lnbits_apple_touch_icon"
+            label="https://example.com/image.png"
+            :hint="$t('ui_apple_touch_icon_hint')"
+          ></q-input>
+        </div>
       </div>
       <div class="row q-col-gutter-md q-mt-md">
         <div class="col-12 col-md-6">