feat: add version and commit info to footer

- Create Footer component with version, commit hash, and build time display - Update layout to include footer with proper flex layout - Configure CI to inject build metadata as environment variables - Add branch name display for non-production environments - Include comprehensive test coverage for Footer component - Extract version from package.json and add branch suffix for non-main branches - Show short commit hash (7 chars) and formatted build date - Highlight non-production branches with orange color - Gracefully handle missing environment variables with defaults

Author: Mearman

.github/workflows/ci.yml

@@ -276,7 +276,28 @@ Auto-updated by GitHub Actions after successful test run
  run: npm ci
 
  - name: Build application
- run: npm run build
+ env:
+ NEXT_PUBLIC_COMMIT_HASH: ${{ github.sha }}
+ NEXT_PUBLIC_BUILD_TIME: ${{ github.event.head_commit.timestamp }}
+ NEXT_PUBLIC_BRANCH: ${{ github.ref_name }}
+ run: |
+ # Get version from package.json
+ VERSION=$(node -p "require('./package.json').version")
+ 
+ # Add branch suffix for non-main branches
+ if [ "${{ github.ref_name }}" != "main" ]; then
+ export NEXT_PUBLIC_APP_VERSION="${VERSION}-${{ github.ref_name }}"
+ else
+ export NEXT_PUBLIC_APP_VERSION="${VERSION}"
+ fi
+ 
+ echo "Building with version info:"
+ echo " Version: $NEXT_PUBLIC_APP_VERSION"
+ echo " Commit: $NEXT_PUBLIC_COMMIT_HASH"
+ echo " Build Time: $NEXT_PUBLIC_BUILD_TIME"
+ echo " Branch: $NEXT_PUBLIC_BRANCH"
+ 
+ npm run build
 
  - name: Test static export
  run: |

next.config.ts

@@ -36,7 +36,11 @@ const nextConfig = {
 // Environment variables for static export
 env: {
 NEXT_PUBLIC_APP_NAME: 'BrainPatch',
-NEXT_PUBLIC_APP_VERSION: process.env.npm_package_version || '0.1.0',
+NEXT_PUBLIC_APP_VERSION:
+process.env.NEXT_PUBLIC_APP_VERSION || process.env.npm_package_version || 'dev',
+NEXT_PUBLIC_COMMIT_HASH: process.env.NEXT_PUBLIC_COMMIT_HASH || 'unknown',
+NEXT_PUBLIC_BUILD_TIME: process.env.NEXT_PUBLIC_BUILD_TIME || new Date().toISOString(),
+NEXT_PUBLIC_BRANCH: process.env.NEXT_PUBLIC_BRANCH || 'local',
 },
 };