fix(frontend): make dev footer version link to commit

frontend/__tests__/unit/components/Footer.test.tsx

@@ -275,6 +275,57 @@ describe('Footer', () => {
     })
   })
 
+  describe('Version Link Behavior', () => {
+    let originalEnvironment: string
+    let originalReleaseVersion: string
+    let envModule: typeof import('utils/env.client')
+
+    beforeEach(() => {
+      jest.clearAllMocks()
+      envModule = jest.requireMock<typeof import('utils/env.client')>('utils/env.client')
+      originalEnvironment = envModule.ENVIRONMENT
+      originalReleaseVersion = envModule.RELEASE_VERSION
+    })
+
+    afterEach(() => {
+      if (envModule) {
+        envModule.ENVIRONMENT = originalEnvironment
+        envModule.RELEASE_VERSION = originalReleaseVersion
+      }
+    })
+
+    test('renders version as commit link in staging environment', () => {
+      envModule.ENVIRONMENT = 'staging'
+      envModule.RELEASE_VERSION = '24.2.10-12c25c5'
+
+      const { container } = render(<Footer />)
+      const versionLink = container.querySelector('a[href*="commit"]')
+
+      expect(versionLink).toBeInTheDocument()
+      expect(versionLink).toHaveAttribute('href', 'https://github.com/OWASP/Nest/commit/12c25c5')
+      expect(versionLink).toHaveAttribute('target', '_blank')
+      expect(versionLink).toHaveAttribute('rel', 'noopener noreferrer')
+      expect(versionLink).toHaveTextContent('v24.2.10-12c25c5')
+    })
+
+    test('renders version as release tag link in production environment', () => {
+      envModule.ENVIRONMENT = 'production'
+      envModule.RELEASE_VERSION = '1.2.3'
+
+      const { container } = render(<Footer />)
+      const versionLink = container.querySelector('a[href*="releases"]')
+
+      expect(versionLink).toBeInTheDocument()
+      expect(versionLink).toHaveAttribute(
+        'href',
+        'https://github.com/OWASP/Nest/releases/tag/1.2.3'
+      )
+      expect(versionLink).toHaveAttribute('target', '_blank')
+      expect(versionLink).toHaveAttribute('rel', 'noopener noreferrer')
+      expect(versionLink).toHaveTextContent('v1.2.3')
+    })
+  })
+
   describe('Accessibility', () => {
     test('has correct ARIA attributes on buttons', () => {
       renderFooter()

frontend/src/components/Footer.tsx

@@ -93,18 +93,18 @@ export default function Footer() {
             </p>
             {RELEASE_VERSION && (
               <p className="text-sm text-slate-600 dark:text-slate-400">
-                {ENVIRONMENT === 'production' ? (
-                  <Link
-                    className="text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100"
-                    href={`https://github.com/OWASP/Nest/releases/tag/${RELEASE_VERSION}`}
-                    rel="noopener noreferrer"
-                    target="_blank"
-                  >
-                    <span>v{RELEASE_VERSION}</span>
-                  </Link>
-                ) : (
+                <Link
+                  className="text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100"
+                  href={
+                    ENVIRONMENT === 'production'
+                      ? `https://github.com/OWASP/Nest/releases/tag/${RELEASE_VERSION}`
+                      : `https://github.com/OWASP/Nest/commit/${RELEASE_VERSION.split('-').pop()}`
+                  }
+                  rel="noopener noreferrer"
+                  target="_blank"
+                >
                   <span>v{RELEASE_VERSION}</span>
-                )}
+                </Link>
               </p>
             )}
           </div>