web: reusable meowbalt component & page placeholders

web/src/components/meowbalt/MeowbaltLoaf.svelte

@@ -0,0 +1,14 @@
+<img
+    id="meowbalt-loaf"
+    src="/meowbalt/loaf.png"
+    height="152"
+    width="141"
+    alt="black and white cat smiling and loafing"
+/>
+<style>
+    #meowbalt-loaf {
+        display: block;
+        margin: 0;
+        object-fit: cover;
+    }
+</style>

web/src/components/misc/Placeholder.svelte

@@ -0,0 +1,16 @@
+<script>
+    import MeowbaltLoaf from "../meowbalt/MeowbaltLoaf.svelte";
+    export let pageName;
+</script>
+
+<div id="placeholder-container" class="center-column-container">
+    <MeowbaltLoaf />
+    <div>{pageName} page is not ready yet!</div>
+</div>
+
+<style>
+    #placeholder-container {
+        gap: var(--padding);
+        text-align: center;
+    }
+</style>