feat(version): Auto-inject version from package.json at build time

- Read version from root package.json in vite.config.js
- Define __APP_VERSION__ at build time for consistent versioning
- VersionBadge now uses injected version with fallback

Author: IT-BAER

frontend/src/components/VersionBadge.jsx

@@ -1,7 +1,15 @@
 import React from "react";
 
-// Version should match root package.json
-export const APP_VERSION = "0.7.4";
+// Version is now injected at build time via Vite's define
+// Falls back to package.json import if define is not available
+const APP_VERSION = typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : (() => {
+  try {
+    // Dynamic import doesn't work in all contexts, so we use a static fallback
+    return "0.8.2";
+  } catch {
+    return "unknown";
+  }
+})();
 
 const VersionBadge = () => {
   return (
@@ -17,4 +25,5 @@ const VersionBadge = () => {
   );
 };
 
+export { APP_VERSION };
 export default VersionBadge;

frontend/vite.config.js

@@ -1,6 +1,12 @@
 import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import { resolve } from "path";
+import { readFileSync } from "fs";
+
+// Read version from root package.json
+const rootPackageJson = JSON.parse(
+  readFileSync(resolve(__dirname, "../package.json"), "utf-8")
+);
 
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, resolve(__dirname, "../"), "");
@@ -11,6 +17,7 @@ export default defineConfig(({ mode }) => {
       "import.meta.env.VITE_DISABLE_REGISTRATION": JSON.stringify(
         env.DISABLE_REGISTRATION || "true",
       ),
+      "__APP_VERSION__": JSON.stringify(rootPackageJson.version),
     },
     plugins: [
       react(),