fix(ui): open links from inside modal in a new tab

[purnimagarg1]

Linear ticket:
https://linear.app/acryl-data/issue/CH-599/fix-opening-of-a-modal-of-a-module-after-redirecting-with-an-opened

Description:

This PR creates a generic ModalContext and hook useGetModalLinkProps to get link props that determine that a link be opened in a new tab if it's inside a modal.
This is used in Asset Collection modal on the homepage. It can be used at any other place by wrapping the modal contents with this ModalContext.

[alwaysmeticulous]

✅ Meticulous spotted 0 visual differences across 1458 screens tested: view results.

Meticulous evaluated ~10 hours of user flows against your PR.

_{Expected differences? Click here. Last updated for commit 5399412. This comment will update as new commits are pushed.}

[codecov]

Bundle Report

Changes will increase total bundle size by 9.8kB (0.03%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
datahub-react-web-esm	28.49MB	9.8kB (0.03%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: datahub-react-web-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
assets/index-*.js	9.8kB	18.84MB	0.05%

Files in assets/index-*.js:

• ./src/app/sharedV2/modals/useGetModalLinkProps.ts → Total Size: 284 bytes

• ./src/app/homeV3/module/components/EntityItem.tsx → Total Size: 1.18kB

• ./src/alchemy-components/components/Modal/Modal.tsx → Total Size: 2.63kB

• ./src/app/sharedV2/modals/ModalContext.ts → Total Size: 145 bytes

• ./src/app/shared/useEmbeddedProfileLinkProps.tsx → Total Size: 494 bytes

• ./src/app/searchV2/autoCompleteV2/AutoCompleteEntityItem.tsx → Total Size: 4.69kB

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[chriscollins3456]

i think this is nice, but we could even add it to our component library potentially!

if there are issues with that then we can go forward with this for now and add it to more places later

[chriscollins3456]

even better, let's just move this to our Modal component we have in our component library so then we know we'll have this context in every modal! what do you think?

[chriscollins3456]

cool!