Switcher: Add a link to homepage

src/molecules/Switcher.svelte

@@ -21,8 +21,8 @@
 </script>
 
 <div class="switcher {type}">
-    <a href="/choose">
+    <div class="switcher__text" class:empty={!location}>
-        <div class="switcher__text" class:empty={!location}>
+        <a href="/">
             {#if !location}
             <span class="top">Houses</span>
             <span class="bottom">
@@ -32,9 +32,11 @@
             <span class="top">Houses <em>{locationOf}</em></span>
             <span class="bottom">{locationName}</span>
             {/if}
-        </div>
+        </a>
+    </div>
 
-        <div class="button-control button-control--dashed switcher__icon">
+    <div class="button-control button-control--dashed switcher__icon">
+        <a href="/choose">
             <IconGlobe
                 color={type.includes('side') ? '#333' : '#fff'}
                 width={type.includes('side') ? 18 : 24}
@@ -42,8 +44,8 @@
             <svg>
                 <circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle>
             </svg>
-        </div>
+        </a>
-    </a>
+    </div>
 </div>
 
 <!-- <div class="switcher switcher--side">

src/style/atoms/_switcher.scss

@@ -1,8 +1,9 @@
 // Switcher
 .switcher {
+    display: flex;
+    align-items: center;
+
     a {
-        display: flex;
-        align-items: center;
         color: #C78FEC;
         text-decoration: none;
     }
@@ -47,6 +48,12 @@
         height: 52px;
         margin-top: 4px;
         margin-left: -8px;
+
+        a {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
     }
 
 
@@ -57,7 +64,6 @@
         .switcher {
             &__text {
                 font-size: rem(22px);
-                pointer-events: none;
             }
             &__icon {
                 width: 40px;