[Enhancement] - Include versioning to frontend UI

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tenantfirstaid",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/App.tsx

@@ -31,6 +31,9 @@ export default function App() {
           }
         />
       </Routes>
+      <footer className="hidden sm:block fixed bottom-4 right-4 text-xs">
+        UI Version {__APP_VERSION__}
+      </footer>
     </Router>
   );
 }

frontend/src/shared/components/Navbar/Sidebar.tsx

@@ -37,6 +37,9 @@ export default function Sidebar({ sidebarOpen, setSidebarOpen }: Props) {
             </NavLink>
           ))}
           <hr className="my-2 border-t border-gray-300" />
+          <p className="text-xs text-gray-400 text-center">
+            UI Version {__APP_VERSION__}
+          </p>
         </div>
       </div>
       {sidebarOpen && (

frontend/src/vite-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __APP_VERSION__: string;

frontend/vite.config.ts

@@ -2,8 +2,12 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
+import { version } from "./package.json";
 
 export default defineConfig({
+  define: {
+    __APP_VERSION__: JSON.stringify(version),
+  },
   plugins: [react(), tailwindcss()],
   server: {
     proxy: {

frontend/vitest.config.ts

@@ -1,6 +1,10 @@
 import { defineConfig } from "vitest/config";
+import { version } from "./package.json";
 
 export default defineConfig({
+  define: {
+    __APP_VERSION__: JSON.stringify(version),
+  },
   test: {
     globals: true,
     environment: "jsdom",