feat(tile): align component with Fusion DS

[mihai-albu-sage]

Proposed behaviour

The following changes have been made:
The TileHeader component has been deprecated. The styled component has been removed, and TileHeader is now based on the Box component. To ensure backwards compatibility until TileHeader is fully removed, the styles previously defined in the styled component have been moved to props on the exported Box component.

The TileContent component has been deprecated. The styled component has been removed, and TileContent is now based on the Box component. To ensure backwards compatibility until TileContent is fully removed, the styles previously defined in the styled component have been moved to props on the exported Box component.

The TileFooter variants have been updated, with the existing variants deprecated in favor of the new ones. When a Tile has outline set to true, and therefore has a visible border, a TileFooter with the selected or active variant will also determine the border color of the entire Tile.

The following props have been marked as deprecated:

• orientation: The Tile will now be horizontally oriented by default.
• borderWidth: Deprecated, as custom border widths are no longer supported.
• borderVariant: Deprecated, as custom border variants are no longer supported. The border color can instead be controlled using the Tile variant together with the outline prop.
• roundness: Deprecated in favor of the new radius prop. Existing roundness values have been mapped to their corresponding radius values to maintain backwards compatibility.
• highlightVariant: Deprecated in favor of the new statusKeyline prop. Existing highlightVariant values have been mapped to their corresponding statusKeyline values to maintain backwards compatibility.

Current behaviour

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in provided StackBlitz sandbox/Storybook
• Add new Playwright test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

Testing instructions

[ibutakova]

Should this condition also check outline? At the moment, a selected or active footer appears to create a visible Tile border even when outline isn't enabled. From PR description I understood that Tile border is only when outline is enabled. Or we can skip outline here?

[ibutakova]

Are we going to preserve existing StyledTyleContent appearance completely? Should we preserve styles between children or first / last child?

[ibutakova]

Is there a reason we apply width / height just to inner StyledTile? For example, passing 50% width can leave full-width StyledTileWrapper with half-width StyledTile.