Share modal: 'Add collaborators' heading; fix French 404 title

Add an 'Add collaborators' heading above the email-invite section in the share
modal so it's visually distinct from the presentation-sharing section.

Add the missing French 'not_found' key so the 404 page shows 'Introuvable'
instead of the raw 'not_found' (the 404 pug template translates server-side;
the key existed in en.json but not fr.json).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

services/web/frontend/extracted-translations.json

@@ -80,6 +80,7 @@
   "add_another_email": "",
   "add_another_token": "",
   "add_comma_separated_emails_help": "",
+  "add_collaborators": "",
   "add_comment": "",
   "add_comment_error_message": "",
   "add_comment_error_title": "",

services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next'
 import EditMember from './edit-member'
 import LinkSharing from './link-sharing'
 import Invite from './invite'
@@ -28,6 +29,7 @@ export default function ShareModalBody({
   setIsInvitedPeopleScreen,
   error,
 }: ShareModalBodyProps) {
+  const { t } = useTranslation()
   const { project, features } = useProjectContext()
   const { members, invites } = project || {}
   const { isProjectOwner } = useEditorContext()
@@ -118,12 +120,15 @@ export default function ShareModalBody({
       {isProjectOwner && <PublishPresentationSection />}
 
       {isProjectOwner ? (
-        <SendInvites
-          canAddCollaborators={canAddCollaborators}
-          hasExceededCollaboratorLimit={hasExceededCollaboratorLimit}
-          haveAnyEditorsBeenDowngraded={haveAnyEditorsBeenDowngraded}
-          somePendingEditorsResolved={somePendingEditorsResolved}
-        />
+        <>
+          <h4>{t('add_collaborators')}</h4>
+          <SendInvites
+            canAddCollaborators={canAddCollaborators}
+            hasExceededCollaboratorLimit={hasExceededCollaboratorLimit}
+            haveAnyEditorsBeenDowngraded={haveAnyEditorsBeenDowngraded}
+            somePendingEditorsResolved={somePendingEditorsResolved}
+          />
+        </>
       ) : (
         <SendInvitesNotice />
       )}

services/web/locales/en.json

@@ -93,6 +93,7 @@
   "add_another_email": "Add another email",
   "add_another_token": "Add another token",
   "add_comma_separated_emails_help": "Separate multiple email addresses using the comma (,) character.",
+  "add_collaborators": "Add collaborators",
   "add_comment": "Add comment",
   "add_comment_error_message": "There was an error adding your comment. Please try again in a few moments.",
   "add_comment_error_title": "Add Comment Error",

services/web/locales/fr.json

@@ -58,6 +58,7 @@
   "add_another_email": "Ajouter une autre adresse",
   "add_another_token": "Ajouter un autre jeton",
   "add_comma_separated_emails_help": "Séparez les différentes adresses courriel en utilisant des virgules (,).",
+  "add_collaborators": "Ajouter des collaborateurs",
   "add_comment": "Ajouter un commentaire",
   "add_comment_error_message": "Une erreur s’est produite lors de l’ajout de votre commentaire. Veuillez réessayer dans quelques instants.",
   "add_company_details": "Ajouter les infos de l’entreprise",
@@ -798,6 +799,7 @@
   "overall_theme": "Apparence générale",
   "overview": "Vue d’ensemble",
   "owner": "Propriétaire",
+  "not_found": "Introuvable",
   "page_current": "Page __page__, page actuelle",
   "page_not_found": "Page introuvable",
   "pagination_navigation": "Navigation pagination",