chore(about): update title

src/i18n/en/translation.json

@@ -150,7 +150,12 @@
       "mainTeam": {
         "title": "Main Team",
         "description": "This list shows the main team members who are working hard to bring you the best browsing experience.",
+        "subTitle": {
+            "browser": "Browser",
+            "website": "Website and Branding"
+          },
         "members": {
+          
           "browser": {
             "mauro": {
               "name": "Mauro B.",
@@ -201,7 +206,7 @@
             },
             "jace": {
               "name": "Jace",
-              "description": "Website and branding",
+              "description": "Contributes to website design and branding",
               "link": "https://x.com/JaceThings"
             },
             "canoa": {

src/pages/[...locale]/about.astro

@@ -38,7 +38,7 @@ const {
         <div class="flex flex-col gap-6">
           {Object.entries(about.mainTeam.members).map(([team, members]) => (
             <div class="flex flex-col gap-2">
-              <div class="text-3xl font-semibold">{team.charAt(0).toUpperCase() + team.slice(1)} Team</div>
+              <div class="text-3xl font-semibold">{about.mainTeam.subTitle[team as keyof typeof about.mainTeam.subTitle]}</div>
               <ul class="flex flex-col gap-2">
                 {Object.entries(members).map(([_key, member]) => (
                   <li class="text-sm">
@@ -49,7 +49,7 @@ const {
                     ) : (
                       <strong class="font-bold">{member.name}</strong>
                     )}
-                    <span class="opacity-80"> : {member.description}</span>
+                    <span class="opacity-80">: {member.description}</span>
                   </li>
                 ))}
               </ul>