Use Destructuring variables to avoid repetitions

- Easier to read and write
- Also fixes fullscreen when leaving the viewer, my bad

src/molecules/Location.svelte

@@ -1,16 +1,19 @@
 <script>
     // Props
     export let location
+
+    // Variables
+    const { name, slug, country } = location
 </script>
 
 <div class="location">
-    <a href="/location/{location.country.slug}/{location.slug}" rel="prefetch" sapper-noscroll>
-        <img src={location.country.flag.full_url} alt="Flag of {location.country.name}">
+    <a href="/location/{country.slug}/{slug}" rel="prefetch" sapper-noscroll>
+        <img src={country.flag.full_url} alt="Flag of {country.name}">
         <div class="anim-mask mask-city">
-            <h3 class="location__city">{location.name}</h3>
+            <h3 class="location__city">{name}</h3>
         </div>
         <div class="anim-mask mask-country">
-            <p class="location__country style-caps">{location.country.name}</p>
+            <p class="location__country style-caps">{country.name}</p>
         </div>
     </a>
 </div>