add components

qt/launcher-gui/src/routes/ErrorState.svelte

@@ -0,0 +1,55 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+
+<script lang="ts">
+    import Icon from "$lib/components/Icon.svelte";
+    import IconConstrain from "$lib/components/IconConstrain.svelte";
+    import { alertIcon } from "$lib/components/icons";
+
+    let {
+        title,
+        detail,
+        footer = $bindable(),
+    }: { title: string; detail: string; footer: any } = $props();
+
+    footer = null;
+</script>
+
+<div class="outer">
+    <div class="inner">
+        <IconConstrain iconSize={300}>
+            <Icon icon={alertIcon} />
+        </IconConstrain>
+    </div>
+    <div class="title">{title}</div>
+    <div class="detail">{detail}</div>
+</div>
+
+<style lang="scss">
+    .outer {
+        margin-top: 50px;
+        margin-bottom: 10px;
+    }
+
+    .inner {
+        width: 50px;
+        height: 50px;
+        margin: 0 auto;
+
+        & :global(svg) {
+            position: relative;
+        }
+    }
+
+    .title {
+        font-size: x-large;
+        text-align: center;
+    }
+
+    .detail {
+        font-size: medium;
+        text-align: center;
+    }
+</style>

qt/launcher-gui/src/routes/Uninstall.svelte

@@ -0,0 +1,28 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+
+<script lang="ts">
+    let { footer = $bindable() }: { footer: any } = $props();
+
+    footer = null;
+</script>
+
+<div class="outer">
+    <div id="label">TODO: Uninstall</div>
+</div>
+
+<style lang="scss">
+    .outer {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    #label {
+        font-size: x-large;
+        text-align: center;
+    }
+</style>