move most assets to components and use base64 versions of them

src/components/QuestMissive.vue

@@ -4,13 +4,13 @@
       :class="{done: missive.maxProgress <= missive.progressPoints}"
   >
     <div class="parchment">
-      <img src="/img/quests/backgrounds/dirty_paper.png" alt="parchment">
+      <Parchment/>
     </div>
     <div class="stain" v-if="stain">
-      <img src="/img/quests/overlays/water_stain.png" alt="stain">
+      <WaterStain/>
     </div>
     <div class="drink-stain" v-if="drinkStain.exists">
-      <img src="/img/quests/overlays/drink_stain.png" alt="stain">
+      <DrinkStain/>
     </div>
     <h2>{{ missive.title }}</h2>
     <p>{{ missive.text }}</p>
@@ -51,10 +51,13 @@ import type {Quest} from "@/classes/Quest";
 import AdventurerComponent from "@/components/AdventurerMiniComponent.vue";
 import type {Adventurer} from "@/classes/Adventurer";
 import {defineComponent, type PropType} from "vue";
+import DrinkStain from "@/components/misc/DrinkStain.vue";
+import WaterStain from "@/components/misc/WaterStain.vue";
+import Parchment from "@/components/misc/Parchment.vue";
 
 export default defineComponent({
   name: "QuestMissive",
-  components: {AdventurerComponent},
+  components: {Parchment, WaterStain, DrinkStain, AdventurerComponent},
   props: {
     missive: {
       type: Object as PropType<Quest | any>,

src/components/technical/ChangelogComponent.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="changelog panel pinned-paper">
     <div class="nail top-left">
-      <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
+      <Nail/>
     </div>
     <div class="nail top-right">
-      <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
+      <Nail/>
     </div>
     <h1>Changelog</h1>
     <div class="changelog-entry" v-for="release in releases">
@@ -17,10 +17,12 @@
 
 <script lang="ts">
 import {defineComponent} from "vue";
+import Nail from "@/components/misc/Nail.vue";
 
 
 export default defineComponent({
   name: "ChangelogComponent",
+  components: {Nail},
   data: () => ({
     timeFormat: Intl.DateTimeFormat(Intl.DateTimeFormat().resolvedOptions().locale, {
       year: "numeric",