Refactoring: remove slot name; fix logout button

src/UI/Base/LoginButton.svelte

@@ -11,7 +11,7 @@
 
 <button class={clss} on:click={() => osmConnection.AttemptLogin()}>
   <ToSvelte construct={Svg.login_svg().SetClass("w-12 m-1")} />
-  <slot name="message">
+  <slot>
     <Tr t={Translations.t.general.loginWithOpenStreetMap} />
   </slot>
 </button>

src/UI/Base/LogoutButton.svelte

@@ -9,7 +9,7 @@
 
 <button
   on:click={() => {
-    state.osmConnection.LogOut()
+    osmConnection.LogOut()
   }}
 >
   <Logout class="h-6 w-6" />

src/UI/Favourites/FavouriteSummary.svelte

@@ -21,6 +21,8 @@
     state.mapProperties.location.setData(
       { lon, lat }
     );
+    const z = state.mapProperties.zoom.data
+    state.mapProperties.zoom.setData( Math.min(17, Math.max(12, z )) )
     state.guistate.menuIsOpened.setData(false);
   }
 

src/UI/Favourites/Favourites.svelte

@@ -7,6 +7,8 @@
   import { Utils } from "../../Utils";
   import { GeoOperations } from "../../Logic/GeoOperations";
   import type { Feature, LineString, Point } from "geojson";
+  import LoginToggle from "../Base/LoginToggle.svelte";
+  import LoginButton from "../Base/LoginButton.svelte";
 
   /**
    * A panel showing all your favourites
@@ -37,6 +39,13 @@
   
 </script>
 
+<LoginToggle {state}>
+  <div slot="not-logged-in">
+    <LoginButton osmConnection={state.osmConnection}>
+      <Tr t={Translations.t.favouritePoi.loginToSeeList}/>
+    </LoginButton>
+  </div>
+  
 <div class="flex flex-col" on:keypress={(e) => console.log("Got keypress", e)}>
   <Tr t={Translations.t.favouritePoi.intro.Subs({length: $favourites?.length ?? 0})} />
   <Tr t={Translations.t.favouritePoi.privacy} />
@@ -56,3 +65,4 @@
     </button>
   </div>
 </div>
+</LoginToggle>

src/UI/Popup/AddNewPoint/AddNewPoint.svelte

@@ -161,7 +161,7 @@
       2. What do we want to add?
       3. Are all elements of this category visible? (i.e. there are no filters possibly hiding this, is the data still loading, ...) -->
   <LoginButton osmConnection={state.osmConnection} slot="not-logged-in">
-    <Tr slot="message" t={Translations.t.general.add.pleaseLogin} />
+    <Tr t={Translations.t.general.add.pleaseLogin} />
   </LoginButton>
   <div class="h-full w-full">
     {#if $zoom < Constants.minZoomLevelToAddNewPoint}