isom-1646 - infocards and infocols should behave consistently when opens in a new link

[adriangohjw]

Problem

Closes https://linear.app/ogp/issue/ISOM-1646/infocards-and-infocols-should-behave-consistently-when-something-opens

Solution

Breaking Changes

• Yes - this PR contains breaking changes
  • Details ...
• No - this PR is backwards compatible

Bug Fixes:

add check if it's external URL, and if so:

1. rotate the icon if it is (couldn't find a corresponding diagonal arrow of similar styles)
2. opens in new tab

Tests

Infocards

1. Go to a page and add a Infocards component
2. By default, the default endpoint is "https://www.google.com" so it should show right-up arrow
3. Update the link of one of the cards to link to one of the internal page - it should show right arrow
4. Save and publish, and check if the external link on the new site opens in a new url

Infocols

1. Go to a page and add a Infocols component
2. Add an external link for one of the cols - it should show right-up arrow
3. Add an internal link for one of the cols - it should show right arrow
4. Save and publish, and check if the external link on the new site opens in a new url

[linear]

ISOM-1646 Infocards and infocols should behave consistently when something opens in a new link

[datadog-opengovsg]

Datadog Report

Branch report: adriangohjw/isom-1646-infocards-and-infocols-should-behave-consistently-when
Commit report: 0f5ff88
Test service: isomer-studio

✅ 0 Failed, 245 Passed, 36 Skipped, 45.45s Total Time
➡️ Test Sessions change in coverage: 1 no change