move most assets to components and use base64 versions of them

src/views/HomeView.vue

@@ -8,10 +8,10 @@
     </section>
     <section class="upgrades 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>
       <section class="coffer">
         <p>Coffer: {{ formatGold(guild.gold) }} gold</p>
@@ -43,11 +43,12 @@ import {Guild} from "@/classes/Guild";
 import {version} from "../../package.json"
 import UpgradesList from "@/components/UpgradesList.vue";
 import {formatGold} from "@/classes/NumberMagic";
+import Nail from "@/components/misc/Nail.vue";
 
 export default defineComponent({
   name: "GuildView",
   methods: {formatGold},
-  components: {UpgradesList},
+  components: {Nail, UpgradesList},
   data: () => {
     return {
       version: version,

src/views/TechnicalView.vue

@@ -2,10 +2,10 @@
   <section class="technical-view">
     <div class="socials panel pinned-paper">
       <div class="nail top-left small">
-        <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
+        <Nail/>
       </div>
       <div class="nail top-right small">
-        <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
+        <Nail/>
       </div>
       <h1>Socials</h1>
       <div class="links">
@@ -29,10 +29,11 @@
 import {defineComponent} from "vue";
 import ChangelogComponent from "@/components/technical/ChangelogComponent.vue";
 import SaveManagerComponent from "@/components/technical/SaveManagerComponent.vue";
+import Nail from "@/components/misc/Nail.vue";
 
 export default defineComponent({
   name: "TechnicalView",
-  components: {SaveManagerComponent, ChangelogComponent},
+  components: {Nail, SaveManagerComponent, ChangelogComponent},
 
 })
 </script>