Remove RichTextBadge.svelte

ts/editor/LabelContainer.svelte

@@ -22,6 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 
     $: icon = off ? chevronRight : chevronDown;
+    $: tooltip = collapsed ? tr.editingExpandField() : tr.editingCollapseField();
 </script>
 
 <div
@@ -32,12 +33,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 >
     <span class="clickable" on:click|stopPropagation={toggle}>
         <span class="chevron">
-            <Badge
-                tooltip={tr.editingToggleVisualEditor()}
-                iconSize={80}
-                --icon-align="text-bottom"
-                >{@html icon}
-            </Badge>
+            <Badge {tooltip} iconSize={80} --icon-align="text-bottom"
+                >{@html icon}</Badge
+            >
         </span>
         <slot name="field-name" />
     </span>

ts/editor/RichTextBadge.svelte

@@ -1,42 +0,0 @@
-<!--
-Copyright: Ankitects Pty Ltd and contributors
-License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--->
-<script lang="ts">
-    import { createEventDispatcher } from "svelte";
-
-    import Badge from "../components/Badge.svelte";
-    import * as tr from "../lib/ftl";
-    import { richTextOff, richTextOn } from "./icons";
-
-    export let off: boolean;
-
-    const dispatch = createEventDispatcher();
-
-    function toggle() {
-        dispatch("toggle");
-    }
-
-    $: icon = off ? richTextOff : richTextOn;
-</script>
-
-<span class="rich-text-badge" class:highlighted={off} on:click|stopPropagation={toggle}>
-    <Badge
-        tooltip={tr.editingToggleVisualEditor()}
-        iconSize={80}
-        --icon-align="text-bottom">{@html icon}</Badge
-    >
-</span>
-
-<style lang="scss">
-    span {
-        opacity: 0.4;
-
-        &.highlighted {
-            opacity: 1;
-        }
-        &:hover {
-            opacity: 0.8;
-        }
-    }
-</style>