chore(data-modeling): show title for relationships in the list (#7183)

Author: gribnoysup

packages/compass-data-modeling/src/components/drawer/collection-drawer-content.tsx

@@ -123,14 +123,21 @@ const CollectionDrawerContent: React.FunctionComponent<
           ) : (
             <ul className={relationshipsListStyles}>
               {relationships.map((r) => {
+                const relationshipLabel = getDefaultRelationshipName(
+                  r.relationship
+                );
+
                 return (
                   <li
                     key={r.id}
                     data-relationship-id={r.id}
                     className={relationshipItemStyles}
                   >
-                    <span className={relationshipNameStyles}>
-                      {getDefaultRelationshipName(r.relationship)}
+                    <span
+                      className={relationshipNameStyles}
+                      title={relationshipLabel}
+                    >
+                      {relationshipLabel}
                     </span>
                     <IconButton
                       aria-label="Edit relationship"