Add button to create a custom theme

UI/MoreScreen.ts

@@ -34,6 +34,24 @@ export class MoreScreen extends UIElement {
             })
         ));
 
+        els.push(new VariableUiElement(
+            State.state.osmConnection.userDetails.map(userDetails => {
+                if (userDetails.csCount < State.userJourney.customLayoutUnlock) {
+                    return "";
+                }
+                return new SubtleButton("./assets/star.svg",
+                    new Combine([
+                        "<b>",
+                        Translations.t.favourite.title,
+                        "</b>",
+                        "<br>", Translations.t.favourite.description]), {
+                        url: "https://pietervdvn.github.io/MapComplete/personal.html",
+                        newTab: false
+                    }).Render();
+            })
+        ));
+
+
         for (const k in AllKnownLayouts.allSets) {
             const layout = AllKnownLayouts.allSets[k]
             if (layout.hideFromOverview && State.state.osmConnection.userDetails.data.name !== "Pieter Vander Vennet") {
@@ -44,13 +62,7 @@ export class MoreScreen extends UIElement {
             }
 
             if (layout.name === CustomLayout.NAME) {
-                if (!State.state.osmConnection.userDetails.data.loggedIn) {
                     continue;
-                }
-                if (State.state.osmConnection.userDetails.data.csCount < 
-                    State.userJourney.customLayoutUnlock) {
-                    continue;
-                }
             }
 
             const currentLocation = State.state.locationControl.data;

UI/i18n/Translations.ts

@@ -924,9 +924,9 @@ export default class Translations {
             })
         },
         favourite: {
-            title: new T({en: "Custom"}),
+            title: new T({en: "Personal theme"}),
             description: new T({
-                en: "<h3>Your custom theme</h3>In your custom theme, you can add some favourite layers from other themes to create a custom theme."
+                en: "Add favourite layers from other themes to create a custom theme."
             }),
             panelIntro: new T({
                 en: "<h3>Your custom theme</h3>Create your own theme here by picking your favourite layers"