refactor: update Button to always use a size, determine tag from url

apps/website/src/routes/(site)/[country]/[location]/+page.svelte

@@ -258,12 +258,12 @@
                 </div>
 
                 <div class="ctas">
-                    <Button url="/locations" text="Change location" class="shadow-small">
+                    <Button size="medium" url="/locations" text="Change location" class="shadow-small">
                         <IconEarth />
                     </Button>
 
                     {#if location.has_poster}
-                        <Button url="/shop/poster-{location.slug}" text="Buy the poster" color="pinklight" class="shadow-small">
+                        <Button size="medium" url="/shop/poster-{location.slug}" text="Buy the poster" color="pinklight" class="shadow-small">
                             <!-- <IconEarth /> -->
                         </Button>
                     {/if}

apps/website/src/routes/(site)/photos/+page.svelte

@@ -464,9 +464,9 @@
                     </p>
 
                     <Button
-                        tag="button"
+                        size="large"
+                        color="beige"
                         text={!ended ? 'See more photos' : "You've seen it all!"}
-                        size="large" color="beige"
                         on:click={loadMorePhotos}
                         disabled={ended}
                     />

apps/website/src/routes/+page.svelte

@@ -104,7 +104,12 @@
                 {settings.description}
             </p>
 
-            <Button url="#locations" text="Explore locations" on:click={() => $smoothScroll.scrollTo('#locations', { duration: 2 })}>
+            <Button
+                size="medium"
+                url="#locations"
+                text="Explore locations"
+                on:click={() => $smoothScroll.scrollTo('#locations', { duration: 2 })}
+            >
                 <IconEarth animate={true} />
             </Button>
         </div>