Vote-3147: RTL style updates

[clmedders]

Jira ticket

Vote-3147

Description

Addressing various RTL style issues:

1. accessibility page had element off to the side causing it to zoom out in mobile
2. the arrows for quick links were not pointing the right direction
3. the accessibility bar was going behind the touchpoints form on the accessibility page

Screen shots

Deployment and testing

Post-deploy steps

1. cd into the votegov theme and run npm run build

QA/Testing instructions

1. switch to the AR translation and verify that the arrows for quick links are pointing the right direction
2. visit the accessibility page and ensure that you do not need to scroll over to see the page while in mobile view
3. while on the accessibility page scroll to the touchpoints form and check that the accessability bar does not go behind the form.

Checklist for the Developer

• A link to the JIRA ticket has been included above.
• No merge conflicts exist with the target branch.
• Automated tests have passed on this PR.
• A reviewer has been designated.
• Deployment and testing steps have been documented above, if applicable.

Checklist for the Peer Reviewers

• The file changes are relevant to the task objective.
• Code is readable and includes appropriate commenting.
• Code standards and best practices are followed.
• QA/Test steps were successfully completed, if applicable.
• Applicable logs are free of errors.

[rayestrada]

You were right about using a separate svg for rtl. Changing the pseudo element to inline block caused it to break to a new line by itself when the width of the column decreased.