change birthday to age

frontend/src/cv-sections/CvHeader.tsx

@@ -2,6 +2,7 @@ import { Avatar, Card } from '@suid/material'
 import { Header } from '../types'
 import { For, Show } from 'solid-js'
 import Hidden from './Hidden'
+import { calculateAge } from '../utils'
 
 export default (header: Header) => (
     <Card>
@@ -24,9 +25,10 @@ export default (header: Header) => (
 
         <ul>
             <li>
-                <strong>Birthday:</strong>
-                <Show when={header.infos.birthday !== null} fallback={<Hidden key={'header.infos.birthday'} />}>
-                    {header.infos.birthday}
+                <strong>Age:</strong>
+                <Show when={header.infos.birthday !== null}>{calculateAge(header.infos.birthday)} years</Show>
+                <Show when={header.infos.birthday === null}>
+                    <Hidden key={'header.infos.birthday'} />
                 </Show>
             </li>
             <li>

frontend/src/utils.ts

@@ -0,0 +1,12 @@
+export function calculateAge(birthday: string | number | Date) {
+    const birthDate = new Date(birthday)
+    const currentDate = new Date()
+    let age = currentDate.getFullYear() - birthDate.getFullYear()
+
+    // Adjust age if birthday hasn't occurred yet this year
+    if (currentDate < new Date(currentDate.getFullYear(), birthDate.getMonth(), birthDate.getDate())) {
+        age--
+    }
+
+    return age
+}