[v16] display all security group rules for a port range

[GavinFrazar]

Changelog: Fixed a bug where only one IP CIDR block security group rule for a port range was displayed in the web UI RDS enrollment wizard when viewing a security group.

Backport #47009 to branch/v16.

there was a straightforward merge conflict with a <Text> on v16 vs <H2> in master - I kept the content of the html tag the same as the backported PR but left it as a <Text>. Relevant snippet was:

        <Text mb={4} typography="h4">
          {ruleType === 'inbound' ? 'Inbound' : 'Outbound'} Rules for [{name}]
        </Text>