feat(data-modeling): show warning for invalid relationships COMPASS-9847

[mabaasit]

Show warnings if relations are not valid - missing foreign collection/fields.

Preview

Description

Checklist

• New tests and/or benchmarks are included
• Documentation is changed or added
• If this change updates the UI, screenshots/videos are added and a design review is requested
• I have signed the MongoDB Contributor License Agreement (https://www.mongodb.com/legal/contributor-agreement)

Motivation and Context

• Bugfix
• New feature
• Dependency update
• Misc

Open Questions

Dependents

Types of changes

• Backport Needed
• Patch (non-breaking change which fixes an issue)
• Minor (non-breaking change which adds functionality)
• Major (fix or feature that would cause existing functionality to change)

[Copilot]

Pull Request Overview

This PR adds validation warnings for invalid relationships in the data modeling feature. When relationships are missing required foreign collections or fields, warning indicators are now displayed both on the diagram nodes and in the relationships section of the drawer.

Key changes:

• Added utility functions to validate relationships and filter relationships by namespace
• Updated diagram nodes and relationship list items to show warning icons for invalid relationships
• Upgraded the @mongodb-js/diagramming package to version 2.2.1 to support the warning variant

Reviewed Changes

Copilot reviewed 8 out of 9 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/compass-data-modeling/src/utils/utils.ts	Added getNamespaceRelationships and isRelationshipInvalid utility functions
packages/compass-data-modeling/src/utils/utils.spec.tsx	Added comprehensive tests for the isRelationshipInvalid function
packages/compass-data-modeling/src/utils/nodes-and-edges.ts	Modified collectionToDiagramNode to accept relationships and set warning variant for invalid relationships
packages/compass-data-modeling/src/components/drawer/relationships-section.tsx	Added warning icon with tooltip for invalid relationships in the drawer
packages/compass-data-modeling/src/components/drawer/collection-drawer-content.tsx	Refactored to use getNamespaceRelationships utility function
packages/compass-data-modeling/src/components/diagram-editor.tsx	Updated to pass relationships to collectionToDiagramNode
packages/compass-components/package.json	Upgraded @mongodb-js/diagramming to version 2.2.1
.github/PULL_REQUEST_TEMPLATE.md	Formatting changes adding blank lines between sections

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[mabaasit]

These changes started to show up when I merged the main in my branch. I think these are due to precommit hook, where prettier reformatted the file.

[Anemy]

Looks good, left one non blocking suggestion