FIX: some fixes for rollout

Sizing, 3rd party calls, updates

app/components/Spoiler.vue

@@ -1,6 +1,6 @@
 <template>
   <details class="Spoiler" :open="open" @click="toggle">
-    <summary><Icon class="icon" :name="`ph:${open ? 'minus' : 'plus'}-circle-duotone`" mode="svg" />{{ header }}</summary>
+    <summary><Icon class="icon" :name="icon" mode="svg" />{{ header }}</summary>
     <div>
       <p v-for="text in content">{{ text }}</p>
     </div>
@@ -16,8 +16,10 @@ type Props = {
 defineProps<Props>()
 
 const open = ref(false)
-const toggle = (event) => {
+const toggle = (event : MouseEvent) => {
   event.preventDefault()
   open.value = !open.value
 }
+
+const icon = computed(() => open.value ? 'ph:minus-circle-duotone' : 'ph:plus-circle-duotone')
 </script>