web: full SmallDialog component, one flexible meowbalt component

- fully stylized small dialog: header, title, subtext, state without meowbalt
- moved meowbalt into his own adaptive component, no need to import/create new ones for each emotion
- better types for dialog related stuff
- type for meowbalt's emotions
- better padding in small dialog

web/src/components/misc/Meowbalt.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { t } from "$lib/i18n/translations";
+
+    import type { MeowbaltEmotions } from "$lib/types/meowbalt";
+
+    export let emotion: MeowbaltEmotions;
+</script>
+
+<img
+    class="meowbalt {emotion}"
+    src="/meowbalt/{emotion}.png"
+    height="152"
+    alt={$t(`a11y.meowbalt.${emotion}`)}
+/>
+
+<style>
+    .meowbalt {
+        display: block;
+        margin: 0;
+        object-fit: cover;
+    }
+
+    .think,
+    .error {
+        height: 160px;
+    }
+
+    .error {
+        margin-left: 25px;
+    }
+</style>