feat: implement version bump workflow and display app version on DashboardPage

frontend/src/__tests__/pages/DashboardPage.test.tsx

@@ -0,0 +1,11 @@
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+import DashboardPage from '@/pages/DashboardPage'
+
+describe('DashboardPage', () => {
+  it('should_display_app_version_when_rendered', () => {
+    render(<DashboardPage />)
+
+    expect(screen.getByText(/version 0.1.0/i)).toBeInTheDocument()
+  })
+})

frontend/src/pages/DashboardPage.tsx

@@ -1,8 +1,11 @@
 export default function DashboardPage() {
+  const appVersion = __APP_VERSION__
+
   return (
     <div className="p-8">
       <h1 className="text-2xl font-bold text-gray-900">Dashboard</h1>
       <p className="mt-2 text-sm text-gray-500">Dashboard — coming in Step 11.</p>
+      <p className="mt-2 text-xs text-gray-400">Version {appVersion}</p>
     </div>
   )
 }

frontend/src/vite-env.d.ts

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

frontend/vite.config.ts

@@ -1,10 +1,14 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import path from 'path'
+import packageJson from './package.json'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  define: {
+    __APP_VERSION__: JSON.stringify(packageJson.version),
+  },
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),