Fix name label

components/detailPage/Names.vue

@@ -2,7 +2,9 @@
   <v-container id="Names" v-if="Object.keys(names).length > 0">
     <div v-for="(key, data) in names" :key="key">
       <div class="vf-section-header">
-        <h2 class="vf-section-header__heading">{{ keyMappings[data] }}</h2>
+        <h2 class="vf-section-header__heading">
+          {{ keyMappings[data] }}<span v-if="key.length > 1">s</span>
+        </h2>
       </div>
       <br />
       <div class="vf-text-body vf-text-body--3">
@@ -71,11 +73,11 @@ defineProps<{
 
 const keyMappings = {
   NAME: "Name",
-  INN: "INN(s)",
-  "IUPAC NAME": "IUPAC Name(s)",
-  SYNONYM: "Synonym(s)",
-  "BRAND NAME": "Brand Name(s)",
-  "SYSTEMATIC NAME": "Systematic Name(s)",
+  INN: "INN",
+  "IUPAC NAME": "IUPAC Name",
+  SYNONYM: "Synonym",
+  "BRAND NAME": "Brand Name",
+  "SYSTEMATIC NAME": "Systematic Name",
 };
 const flagMappings = {
   fr: baseUrl + "svg/flag-fr.svg",