feat(dapp): add image oracle population button

apps/admin/src/routes/(sidebar)/images/+page.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { http } from '$lib/http'
+  import { Button } from 'flowbite-svelte'
+
+  let status: 'loading' | 'error' | 'success' | undefined
+
+  const populate = () => {
+    status = 'loading'
+    http
+      .post('/images/populate-image-oracle', {})
+      .then((res) => {
+        status = 'success'
+      })
+      .catch(() => {
+        status = 'error'
+      })
+  }
+</script>
+
+<Button on:click={populate} disabled={status === 'loading'}>Populate Image Oracle</Button>
+{#if status === 'loading'}
+  Loading...
+{:else if status === 'success'}
+  Success
+{:else if status === 'error'}
+  Error, please try again
+{/if}

apps/admin/src/routes/(sidebar)/images/populate-image-oracle/+server.ts

@@ -0,0 +1,5 @@
+import { routeHandler } from '$lib/server/route-handler'
+
+export const POST = async ({ locals }) => {
+  return routeHandler(() => locals.imageController.populateImageOracle())
+}

apps/dapp/src/routes/home/[category=quest_category]/+layout.svelte

@@ -11,6 +11,7 @@
   import { useCookies } from '$lib/utils/cookies'
   import { onMount, tick } from 'svelte'
   import { derived } from 'svelte/store'
+  import DevMode from './DevMode.svelte'
 
   export let data: LayoutData
 
@@ -124,6 +125,8 @@
 
 <slot />
 
+<DevMode />
+
 <style lang="scss">
   :global(.carousel > .item) {
     padding: var(--spacing-2xl) 0;