fix(list-header): apply safe area to proper side regardless of direction

[brandyscarney]

Issue number: Internal

---

What is the current behavior?

The list header adds padding to the "start" side (padding-left in LTR and padding-right in RTL) based on the value of --ion-safe-area-left. It does not account for --ion-safe-area-right at all even though the list header can extend to the right side of the content.

What is the new behavior?

• The --ion-safe-area-left always applies to the left side of the screen, regardless of direction. This means that in both LTR and RTL it applies as padding-left.
• Added support for --ion-safe-area-right which applies to padding-right in both LTR and RTL.
• Adds an e2e test which captures the list header with a button to ensure the proper padding is added for the safe area.

Does this introduce a breaking change?

• Yes
• No

Other information

Safe Area Left

mode	direction	main	branch
ios	LTR
ios	RTL
md	LTR
md	RTL

Safe Area Right

mode	direction	main	branch
ios	LTR
ios	RTL
md	LTR
md	RTL