feat: render app version in bottom-left footer

src/App.vue

@@ -3,6 +3,7 @@ import { useRoute } from "vue-router";
 import TopBar from "@/components/TopBar/TopBar.vue";
 import SpinnerComponent from "@/components/ui/SpinnerComponent.vue";
 import ToasterComponent from "@/components/ui/ToasterComponent.vue";
+import VersionFooter from "@/components/ui/VersionFooter.vue";
 import { init, useOnboard } from "@web3-onboard/vue";
 import injectedModule from "@web3-onboard/injected-wallets";
 import { Networks, DEFAULT_NETWORK } from "@/config/networks";
@@ -53,5 +54,6 @@ if (!connectedWallet) {
       </template>
     </RouterView>
     <ToasterComponent :targetNetwork="targetNetwork" />
+    <VersionFooter />
   </main>
 </template>

src/components/ui/VersionFooter.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const version = typeof __APP_VERSION__ !== "undefined" ? __APP_VERSION__ : "dev";
+</script>
+
+<template>
+  <div
+    class="fixed bottom-2 left-2 text-xs font-mono text-gray-50/40 hover:text-gray-50/80 transition-opacity pointer-events-none select-none z-10"
+    :title="`P2Pix ${version}`"
+    aria-label="Application version"
+  >
+    v{{ version }}
+  </div>
+</template>