Update "jump to related event" for design requirements & dev tooling (#8652)

res/css/views/context_menus/_MessageContextMenu.scss

@@ -111,6 +111,6 @@ limitations under the License.
     }
 
     .mx_MessageContextMenu_jumpToEvent::before {
-        mask-image: url('$(res)/img/element-icons/left-arrow.svg');
+        mask-image: url('$(res)/img/element-icons/child-relationship.svg');
     }
 }

res/img/element-icons/child-relationship.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><rect width="4" height="4" x="2" y="2" fill="#737D8C" rx="1"/><path fill="#737D8C" fill-rule="evenodd" d="M5.5 11.25a.75.75 0 0 1-.75-.75V8a.75.75 0 0 0-1.5 0v2.5a2.25 2.25 0 0 0 2.25 2.25H8a.75.75 0 0 0 0-1.5H5.5Z" clip-rule="evenodd"/><rect width="4" height="4" x="10" y="10" fill="#737D8C" rx="1"/></svg>

res/img/element-icons/left-arrow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#17191C" fill-rule="evenodd" d="M7.138 3.53c.26.26.26.682 0 .942L4.276 7.334h9.057a.667.667 0 1 1 0 1.333H4.276l2.862 2.862a.667.667 0 0 1-.943.943l-4-4a.667.667 0 0 1 0-.943l4-4c.26-.26.683-.26.943 0Z" clip-rule="evenodd"/></svg>

src/components/views/context_menus/MessageContextMenu.tsx

@@ -499,7 +499,7 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
 
         let jumpToRelatedEventButton: JSX.Element;
         const relatedEventId = mxEvent.getWireContent()?.["m.relates_to"]?.event_id;
-        if (relatedEventId) {
+        if (relatedEventId && SettingsStore.getValue("developerMode")) {
             jumpToRelatedEventButton = (
                 <IconizedContextMenuOption
                     iconClassName="mx_MessageContextMenu_jumpToEvent"