fix: set English and Spanish localization for date and author of shared files

package.json

@@ -92,6 +92,7 @@
     "@graphql-codegen/cli": "^5.0.2",
     "@graphql-codegen/client-preset": "^4.2.4",
     "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
+    "@parcel/watcher": "^2.4.1",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@types/jest": "^29.5.12",

src/common/components/EditableText.js

@@ -166,7 +166,12 @@ const EditableText = props => {
       }}
     >
       {textValue || <Link href="#">+ {addMessage}</Link>}
-      {isHovering && <EditIcon sx={{ color: 'blue.dark' }} />}
+      {isHovering && (
+        <EditIcon
+          aria-label={t('common.editable_text_label')}
+          sx={{ color: 'blue.dark' }}
+        />
+      )}
     </Typography>
   );
 };

src/common/components/HelperText.js

@@ -37,7 +37,7 @@ const CloseIconButton = props => {
   return (
     <IconButton
       size="small"
-      aria-label={t('form.helper_text_info_close')}
+      title={t('common.dialog_close_label')}
       onClick={onClick}
       sx={{
         position: 'absolute',
@@ -137,7 +137,7 @@ const HelperText = props => {
     <>
       {showLabel ? (
         <Button
-          aria-label={t('form.helper_text_info_label', { label })}
+          title={t('form.helper_text_info_label', { label })}
           endIcon={<InfoIcon ref={anchorEl} fontSize="1rem" />}
           onClick={handleClick}
           {...buttonProps}
@@ -148,7 +148,11 @@ const HelperText = props => {
         <IconButton
           size="small"
           ref={anchorEl}
-          aria-label={t('form.helper_text_info_label', { label })}
+          title={
+            label
+              ? t('form.helper_text_info_label', { label: label })
+              : t('form.helper_text_info')
+          }
           onClick={handleClick}
           {...buttonProps}
         >

src/common/components/SocialShare.js

@@ -310,7 +310,7 @@ const SocialShare = props => {
             ref={onCloseRefChange}
             onClick={handleClose}
             sx={{ marginLeft: 3 }}
-            aria-label={t('share.close')}
+            title={t('common.dialog_close_label')}
           >
             <CloseIcon fontSize="small" />
           </IconButton>