[SettingsCard] Arrow icon should mirror in RTL

[Avid29]

Describe the bug

The image below demonstrates the mismatch of appearance between the Community Toolkit Settings Card and the Settings Card as seen in Windows settings

Windows Settings on the left. Community Toolkit gallery on the right.

Specially for the arrow icon, having it face outward is far more visually appealing. The icon below is less important to mirror.

Steps to reproduce

1. Go to the Settings Card sample in the community toolkit
2. Toggle the flow direction

Expected behavior

The arrow icon should face outward, as seen in Windows Settings

Screenshots

See above

Code Platform

• UWP
• WinAppSDK / WinUI 3
• Web Assembly (WASM)
• Android
• iOS
• MacOS
• Linux / GTK

Windows Build Number

• Windows 10 1809 (Build 17763)
• Windows 10 1903 (Build 18362)
• Windows 10 1909 (Build 18363)
• Windows 10 2004 (Build 19041)
• Windows 10 20H2 (Build 19042)
• Windows 10 21H1 (Build 19043)
• Windows 10 21H2 (Build 19044)
• Windows 10 22H2 (Build 19045)
• Windows 11 21H2 (Build 22000)
• Windows 11 22H2 (Build 22621)
• Windows 11 23H2 (Build 22631)
• Windows 11 24H2 (Build 26100)
• Windows 11 25H2 (Build 26200)
• Windows 11 26H1 (Build 28000)
• Other (specify)

Other Windows Build number

No response

App minimum and target SDK version

• Windows 10, version 1809 (Build 17763)
• Windows 10, version 1903 (Build 18362)
• Windows 10, version 1909 (Build 18363)
• Windows 10, version 2004 (Build 19041)
• Windows 10, version 2104 (Build 20348)
• Windows 11, version 22H2 (Build 22000)
• Windows 11, version 24H2 (Build 26100)
• Windows 11, version 25H2 (Build 26200)
• Windows 11, version 26H1 (Build 28000)
• Other (specify)

Other SDK version

No response

Visual Studio Version

No response

Visual Studio Build Number

No response

Device form factor

No response

Additional context

No response

Help us help you

Yes, I'd like to be assigned to work on this item.