Themes: first version of circular economy theme

src/UI/Map/Icon.svelte

@@ -36,6 +36,7 @@
   import Bug from "../../assets/svg/Bug.svelte"
   import Cross_bottom_right from "../../assets/svg/Cross_bottom_right.svelte"
   import { Utils } from "../../Utils"
+  import Gear from "../../assets/svg/Gear.svelte"
 
   /**
    * Renders a single icon.
@@ -126,6 +127,8 @@
     <Cross_bottom_right {color} class={clss} />
   {:else if icon === "addSmall"}
     <AddSmall {color} class={clss} />
+  {:else if icon === "gear"}
+    <Gear {color} class={clss} />
   {:else if icon === "link"}
     <LinkIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
   {:else if icon === "popout"}

src/UI/StudioGUI.svelte

@@ -278,9 +278,10 @@
             <Tr t={Translations.t.general.backToIndex} />
           </a>
         </div>
-        <div>
+        <div class="flex justify-between">
           <Checkbox selected={expertMode}>Enable more options (expert mode)</Checkbox>
           <span class="subtle">MapComplete version {version}</span>
+        <div>{$uid}</div>
         </div>
       </div>
     {:else if state === "edit_layer"}
@@ -307,6 +308,7 @@
 
         <ChooseLayerToEdit {osmConnection} layerIds={$selfLayers} on:layerSelected={editLayer}>
           <h3 slot="title">Your layers</h3>
+          <div class="subtle">Your id is {$uid}</div>
         </ChooseLayerToEdit>
         <h3>Layers by other contributors</h3>
         <div>