Jira Connect App: Create `add_namespace_button` component

What does this MR do and why?

Add a add_namespace_button.vue component for the Jira Connect App.

This is Part 1 towards #339428 (closed).

Iteration	MR
1. Add add_namespace_button component	🚀 This MR
2. Add add_sign_in_button component	!73618 (merged)
3. ...	TBC

In preparation for a layout re-organisation (#339428 (closed)), this commit abstracts the "Add namespace" button and corresponding modal) into their own Vue components. Relevant tests have been added/updated.

There are no user-facing changes in this MR.

Screenshots or screen recordings

Recording demonstrates that the UX hasn't changed: the Add Namespace button opens the modal, and the user can interact with the modal.

Kapture_2021-11-03_at_13.57.38

How to set up and validate locally

https://docs.gitlab.com/ee/development/integrations/jira_connect.html

(if you'd like to test sync, let me know and we can set up a call 🙂)

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.