Update icon on Select when changing country on Photos

src/routes/photos.svelte

@@ -24,8 +24,18 @@
     const defaultCountry = 'all'
     const defaultSort = 'latest'
     let filtered: boolean = false
-    let filterCountry = defaultCountry
-    let filterSort = defaultSort
+    let filterCountry: any = defaultCountry
+    let filterSort: string = defaultSort
+    let countryFlagId: string
+
+    // Define country flag from selection
+    $: {
+        if (filterCountry !== defaultCountry) {
+            countryFlagId = countries.find((country: any) => country.slug === filterCountry).flag.id
+        } else {
+            countryFlagId = undefined
+        }
+    }
 
 
     /**
@@ -90,7 +100,11 @@
                             on:change={handleCountryChange}
                             value={filterCountry}
                         >
-                            <IconEarth class="icon" />
+                            {#if countryFlagId}
+                                <Image id={countryFlagId} width={26} height={26} alt="{filterCountry} flag" class="icon" />
+                            {:else}
+                                <IconEarth class="icon" />
+                            {/if}
                         </Select>
                     </li>
                     <li>