new Licenses section with OSL list

src/components/settings/About.vue

@@ -10,9 +10,7 @@
                 ⚠️ {{ $t("Frontend Version do not match backend version!") }}
             </div>
 
-            <div class="my-2 update-link"><a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a></div>
+            <div class="my-3 update-link"><a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a></div>
-
-            <div class="my-2 update-link">Country Flag Emoji Polyfill by <a href="https://github.com/twitter/twemoji" target="_blank" rel="noopener">@Twemoji</a></div>
 
             <div class="mt-1">
                 <div class="form-check">

src/components/settings/Licenses.vue

@@ -0,0 +1,11 @@
+<template>
+    <div class="my-3">
+        <h5 class="my-4 settings-subheading">{{ $t("Open Source Licenses") }}</h5>
+        <ul class="my-3">
+            <li>
+                {{ $t("Country Flag Emoji Polyfill by") }} <a href="https://github.com/twitter/twemoji" target="_blank" rel="noopener">@Twemoji</a>
+            </li>
+        </ul>
+    </div>
+</template>
+

src/lang/en.json

@@ -1067,5 +1067,8 @@
     "YZJ Robot Token": "YZJ Robot token",
     "Plain Text": "Plain Text",
     "Message Template": "Message Template",
-    "Template Format": "Template Format"
+    "Template Format": "Template Format",
+    "Licenses": "Licenses",
+    "Open Source Licenses": "Open Source Licenses",
+    "Country Flag Emoji Polyfill by": "Country Flag Emoji Polyfill by"
 }

src/lang/es-ES.json

@@ -1087,5 +1087,8 @@
     "Custom sound to override default notification sound": "Sonidos personalizados prevalecen sobre los sonidos por defecto de las notificaciones",
     "The phone number of the recipient in E.164 format.": "El número de teléfono del receptor en formato E.164.",
     "Time sensitive notifications will be delivered immediately, even if the device is in do not disturb mode.": "Las notificaciones sensibles en el tiempo se enviarán inmediatamente, incluso si el dispositivo está en modo no molestar.",
-    "Arcade": "Arcade"
+    "Arcade": "Arcade",
+    "Licenses": "Licencias",
+    "Open Source Licenses": "Licencias de código abierto",
+    "Country Flag Emoji Polyfill by": "Country Flag Emoji Polyfill por"
 }

src/pages/Settings.vue

@@ -119,6 +119,9 @@ export default {
                 about: {
                     title: this.$t("About"),
                 },
+                licenses: {
+                    title: this.$t("Licenses"),
+                },
             };
         },
     },

src/router.js

@@ -31,6 +31,7 @@ import MonitorHistory from "./components/settings/MonitorHistory.vue";
 const Security = () => import("./components/settings/Security.vue");
 import Proxies from "./components/settings/Proxies.vue";
 import About from "./components/settings/About.vue";
+import Licenses from "./components/settings/Licenses.vue";
 import RemoteBrowsers from "./components/settings/RemoteBrowsers.vue";
 
 const routes = [
@@ -136,6 +137,10 @@ const routes = [
                                 path: "about",
                                 component: About,
                             },
+                            {
+                                path: "licenses",
+                                component: Licenses,
+                            },
                         ]
                     },
                     {