MBS-12942: Also indicate if target has pending edits in rels editor

We were already showing if the relationship itself has pending edits,
but not if the target entity has them (which the old relationship editor
used to indicate with a highlight).
Aerozol made us a nice icon to use for this, and I think
it's quite useful to have it and link to the entity's open edits page.

root/static/scripts/relationship-editor/components/RelationshipItem.js

@@ -10,13 +10,16 @@
 import * as React from 'react';
 import * as tree from 'weight-balanced-tree';
 
+import openEditsForEntityIconUrl
+  from '../../../images/icons/open_edits_for_entity.svg';
 import openEditsForRelIconUrl
   from '../../../images/icons/open_edits_for_rel.svg';
 import ButtonPopover from '../../common/components/ButtonPopover.js';
 import DescriptiveLink from '../../common/components/DescriptiveLink.js';
 import {bracketedText} from '../../common/utility/bracketed.js';
 import {displayLinkAttributesText}
   from '../../common/utility/displayLinkAttribute.js';
+import entityHref from '../../common/utility/entityHref.js';
 import {
   performReactUpdateAndMaintainFocus,
 } from '../../common/utility/focusManagement.js';
@@ -80,7 +83,8 @@ const RelationshipItem = (React.memo<PropsT>(({
   const [sourceCredit, targetCredit] = backward
     ? [relationship.entity1_credit, relationship.entity0_credit]
     : [relationship.entity0_credit, relationship.entity1_credit];
-  const hasPendingEdits = relationship.editsPending;
+  const relHasPendingEdits = relationship.editsPending;
+  const targetHasPendingEdits = Boolean(target.editsPending);
   const openEditsLink = getOpenEditsLink(relationship);
   const isRemoved = relationship._status === REL_STATUS_REMOVE;
   const removeButtonId =
@@ -280,7 +284,27 @@ const RelationshipItem = (React.memo<PropsT>(({
               })
             )
             : targetDisplay}
-          {hasPendingEdits && nonEmpty(openEditsLink) ? (
+          {targetHasPendingEdits ? (
+            <>
+              {' '}
+              <Tooltip
+                content={exp.l(
+                  'This entity has {edits_link|pending edits}.',
+                  {edits_link: entityHref(target, '/open_edits')},
+                )}
+                target={
+                  <img
+                    alt={l('This entity has pending edits.')}
+                    className="info"
+                    height={16}
+                    src={openEditsForEntityIconUrl}
+                    style={{verticalAlign: 'middle'}}
+                  />
+                }
+              />
+            </>
+          ) : null}
+          {relHasPendingEdits && nonEmpty(openEditsLink) ? (
             <>
               {' '}
               <Tooltip
@@ -295,7 +319,6 @@ const RelationshipItem = (React.memo<PropsT>(({
                     height={16}
                     src={openEditsForRelIconUrl}
                     style={{verticalAlign: 'middle'}}
-                    width={16}
                   />
                 }
               />