Move HAML Vue template to SFC in access_tokens

What does this MR do?

This MR moves some HAML generated Vue templates to the Single File Component.

Co-Authored with @oregand in this pairing session https://youtu.be/rM66cUDO2gc.

Screenshots (strongly suggested)

Still works 😄

Personal Access Tokens	Admin Impersonation Tokens	Project Access Tokens

Does this MR meet the acceptance criteria?

Conformity

• [ ] Changelog entry No user facing change so this is not needed
• Documentation (if required)
• Code review guidelines
• Merge request performance guidelines
• Style guides
• Database guides
• Separation of EE specific content