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/Placeholder.svelte

@@ -1,10 +1,11 @@
 <script>
-    import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
+    import Meowbalt from "$components/misc/Meowbalt.svelte";
+
     export let pageName;
 </script>
 
 <div id="placeholder-container" class="center-column-container">
-    <MeowbaltLoaf />
+    <Meowbalt emotion="smile" />
     <div>{pageName} page is not ready yet!</div>
 </div>