Update AdventureCard component and add country flag support

src/routes/worldtravel/[countrycode]/+page.svelte

@@ -1,7 +1,23 @@
 <script lang="ts">
     export let data;
+    import AdventureCard from "$lib/components/AdventureCard.svelte";
+    import { countryCodeToName } from "$lib";
+    import { getFlag } from "$lib";
 </script>
 
-{#each data.regions as region}
-    <p>{region.name}</p>
-{/each}
+<h1 class="text-center text-4xl font-bold">
+    Regions in {countryCodeToName(data.countrycode)}
+    <img
+        src={getFlag(data.countrycode)}
+        class="inline-block -mt-1 mr-1"
+        alt="Flag"
+    />
+</h1>
+
+<div
+    class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6"
+>
+    {#each data.regions as region}
+        <AdventureCard type="worldtravelregion" name={region.name} />
+    {/each}
+</div>