fix(alert-component): RTL fix for alert item's icon

[sijav]

Short description of what this resolves:

This is a suggestion for RTL fix for icons on alert items (checkboxes
and radios)

Changes proposed in this pull request:

• add order for RTL in sass to put it at the end

Ionic Version: 3.x

Fixes: #11211

[AmitMY]

Did you try perhaps not duplicating the element, but using order to move it around?

[sijav]

@AmitMY No I did not, I don't know if order can make the icon position correct though...
Maybe we should look into icons?

[AmitMY]

How will using icons fix it?
If you can try using order instead it would be great, if not please let me know and I will give it a try

[sijav]

@AmitMY You were right a simple order can make it right instead of duplicate icons however I still am not sure if we're using the same pattern as we used before, can you please check it? thanks.

[AmitMY]

Yeah, this is the style for orders (custom properties in general). Thanks for the update

@brandyscarney Can you please take a look at this minor fix?

[sijav]

Sry my bad, this doesn't fix anything but also makes it even worse!
I just forgot to run my app with $app-direction: rtl.
Everything seems right about this section.

[brandyscarney]

Thank you for reviewing this @AmitMY! Just to be clear - this PR is no longer necessary?

[AmitMY]

@brandy
No problem.
This one is not necessary, no, but it does bring up a solid use case for #12078