[bug] <rh-tile> icon slot fixes

[marionnegp]

Describe the bug

Migrating some questions from #2082 to address in this separate issue:

• There's a discrepancy between the slotted svg element and the slot element it projects into, which have different styles. This is causing the space below the icon slot to appear larger than it's supposed to. Here's a screenshot of a tile demo from fix(tile): compact link icon layout #2082's DP with a spacer.
  

• Do we need a demo with the icon using an interactive color? We might be able to remove it. The original design intended for the icon to use either the primary or secondary icon color, which would not change color as the user interacted with tile.

Screenshots

No response

Steps to reproduce

Check this tile with icon demo from #2082. (This demo might be live on ux.redhat.com by the time this issue is worked on.)

Expected behaviour

• Space between icon slot and any other content slot in tile should be --rh-space-2xl.
• Icons in the icon slot should avoid using the interactive icon colors. Perhaps this needs to be added to the docs as well.

Element HTML

Operating System (OS)

macOS

Browser

No response

Additional browser or assistive technology info

No response