Refine mobile avatar widgets and login flow

public/configuration/bootstrap.js

@@ -1,5 +1,17 @@
 (() => {
-  const API_BASE = "https://nitro.slogga.it:2096";
+  const API_BASE = "http://localhost:2096";
+
+  const ensureMobileViewport = () => {
+    let viewport = document.querySelector('meta[name="viewport"]');
+    if(!viewport) {
+      viewport = document.createElement("meta");
+      viewport.name = "viewport";
+      document.head.appendChild(viewport);
+    }
+    viewport.content = "width=device-width, initial-scale=1, viewport-fit=cover";
+  };
+
+  ensureMobileViewport();
 
   const getBase = () => {
     const source = document.currentScript?.src || location.href;
@@ -130,4 +142,4 @@
     console.error(error);
     document.body.textContent = "Unable to load client.";
   });
-})();
+})();

public/configuration/news.json

@@ -0,0 +1,20 @@
+{
+    "news": [
+        {
+            "id": 1,
+            "title": "Welcome to Nitro local mode",
+            "body": "This news card is loaded from public/configuration/news.json while yarn start is running.",
+            "image": "${image.library.url}web_promo_small/spromo_Canal_Bundle.png",
+            "link": "",
+            "linkText": "Read more"
+        },
+        {
+            "id": 2,
+            "title": "Local development ready",
+            "body": "API and socket use localhost:2096. Remote assets and gamedata stay available so you do not need to copy the full client folder locally.",
+            "image": "${image.library.url}web_promo_small/spromo_hween12_vampire.png",
+            "link": "",
+            "linkText": "Ok"
+        }
+    ]
+}