docs: jira cloud documentation (#3494)

<!-- Thanks for creating a PR! To make it easier for reviewers and
everyone else to understand what your changes relate to, please add some
relevant content to the headings below. Feel free to ignore or delete
sections that you don't think are relevant. Thank you! ❤️ -->

New PR using correct prefixes

## About the changes
<!-- Describe the changes introduced. What are they and why are they
being introduced? Feel free to also add screenshots or steps to view the
changes if they're visual. -->

Adds documentation to the docs website for the new Jira Cloud plugin.
Couple of pieces on install page are missing due to the nature of having
to have the docs before we can start the review process after which
we'll get the final details on how/where to install/from etc.

Also a couple of pending fixes that might impact screenshots/warrant new
ones made

![Skjermbilde 2023-04-06 kl 12 34
40](https://user-images.githubusercontent.com/707867/230353148-98c5915f-0d97-4cba-bec5-33d46503448d.png)
![Skjermbilde 2023-04-06 kl 12 34
49](https://user-images.githubusercontent.com/707867/230353157-e9dd3f57-e6a3-4e9b-a966-ebdfcdaf2581.png)

<!-- (For internal contributors): Does it relate to an issue on public
roadmap? -->
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10) item:
#2952

### Important files
<!-- PRs can contain a lot of changes, but not all changes are equally
important. Where should a reviewer start looking to get an overview of
the changes? Are any files particularly important? -->

- website/docs/reference/integrations/jira-cloud-plugin-installation.md
- website/docs/reference/integrations/jira-cloud-plugin-usage.md

## Discussion points
<!-- Anything about the PR you'd like to discuss before it gets merged?
Got any questions or doubts? -->
Very open to improvements on wording and tips on standards used in
screenshots

---------

Co-authored-by: Simon Hornby <liquidwicked64@gmail.com>
Co-authored-by: Thomas Heartman <thomas@getunleash.ai>

website/docs/reference/integrations/jira-cloud-plugin-installation.md

@@ -0,0 +1,46 @@
+---
+title: Jira Cloud Integration - Installation
+---
+import Figure from '@site/src/components/Figure/Figure.tsx'
+
+## Prerequisites
+
+### Jira Cloud
+
+- [Jira **Cloud**](https://www.atlassian.com/software/jira)
+
+For Jira Data Center, check out the [Jira Server plugin](jira-server-plugin-installation.md)
+
+### Unleash
+
+- Unleash v4 or higher
+
+## Required access levels
+
+### Unleash
+
+You will need an Unleash admin user to configure the access tokens needed to connect the plugin to Unleash.
+
+For Unleash Open Source this plugin requires the use of an [Admin API token](../api-tokens-and-client-keys.mdx) to connect.
+
+For Unleash Enterprise we recommend using a [service account](../service-accounts.md). Service accounts are also required to integrate with [Change Requests](../change-requests.md)
+
+### Jira
+
+You will need a Jira admin user.
+
+## Installation
+
+If you have an Unleash enterprise license you're welcome to reach out to us at sales@getunleash.io for a free plugin license, otherwise you'll need to try the plugin for 30 days free or purchase a license through the marketplace.
+
+## Configuring the plugin {#configure-plugin}
+
+After the plugin has been installed, each project's settings page in Jira will have a menu entry link called "Unleash Project Settings" under the "Apps" menu section.
+
+![Jira Cloud project settings page with the apps menu open. The link to Unleash project settings is highlighted.](/img/jira-cloud-project-settings-link.png)
+
+Following that link takes you to the "Unleash Project Settings" configuration page. This is where you specify the connection details (Unleash server URL and access token) for the Unleash server to be used with this particular project.
+
+![Jira Cloud: Unleash project settings. A form with inputs for Unleash URL and an Unleash auth token.](/img/jira-cloud-project-settings.png)
+
+Once you have configured the connection for the Unleash server, your users should be ready to [use the Jira Cloud plugin](jira-cloud-plugin-usage)

website/docs/reference/integrations/jira-cloud-plugin-usage.md

@@ -0,0 +1,65 @@
+---
+title: Jira Cloud Integration - Usage
+---
+
+With the Unleash Jira Cloud Plugin you can create, view and manage Unleash feature toggles directly from a Jira issue.
+
+The plugin also shows you current status of connected toggles.
+
+## Using the plugin
+
+To use the plugin, you'll need to create an issue or use an existing one. Once the issue is saved and you open up the issue panel, you'll be greeted with a button to activate the Unleash plugin for that issue.
+
+<Figure caption="The Unleash Feature Flags button gets added to the top-level actions of new issues. Use that button to activate the Unleash plugin for that issue." img="/img/jira-cloud-activate-unleash-panel-button.png" />
+
+### Connecting a toggle to an issue
+
+<Figure caption="Once active, the Unleash plugin adds a button labeled 'connect toggle' to the issue." img="/img/jira-cloud-issue-button.png" />
+
+
+Use the issue's "connect toggle" button to open a dialog. 
+
+There are a few steps to connect a toggle:
+
+1. Select the Unleash project that contains the toggle:
+
+
+![Jira Cloud: connect feature toggle form. The project selection dropdown contains all Unleash projects](/img/jira-cloud-select-project-expanded.png)
+
+2. Use the "create new toggle" option to choose whether you want to add an existing toggle or create a new one.  
+
+<Figure caption="When you add an existing toggle, use the toggle name select list to choose from existing toggles in the selected Unleash project." img="/img/jira-cloud-add-existing-toggle.png" />
+
+<Figure caption="When you add a new toggle, you must give it a name and can choose to give it a description." img="/img/jira-cloud-add-new-toggle.png" />
+
+### Toggle status as part of Issue view
+
+Once you've connected at least one toggle to an issue, the Unleash plugin will list the current status of each environment for
+that toggle. If the current user is allowed to edit the issue, they can also enable or disable environments directly
+from Jira.
+
+<Figure caption="A Jira Cloud issue with a connected toggle. The Unleash feature flags section now shows the connected toggles along with the toggle's environments. There are controls to enable or disable the toggle in the development and production environments" img="/img/jira-cloud-toggle-status.png" />
+
+### Change Requests
+
+The plugin respects Unleash's [change requests](../change-requests.md). If change requests are turned on in the connected project and the selected environment, the plugin will ask whether you want to create a change request or not. 
+
+If you already have an active change request for that project and that environment, the changes will be added to your existing change request.
+
+
+If you confirm that you would like to open a change request, then the plugin will create one for you and present a confirmation dialog.
+
+<Figure caption="A dialog appears when the plugin creates a change request for you. The dialog contains a link directly to the newly created change request." img="/img/jira-cloud-change-request-confirmation.png" />
+
+When the Change Request has been reviewed and applied in Unleash, the toggle will show the requested state after the next refresh 
+of the issue and toggle status page.
+
+
+### Disconnecting toggle from Issue
+
+If a toggle is no longer relevant for your Jira Issue, you can disconnect it using the "disconnect toggle" button. This button is only available if your user has edit permissions for the Jira issue.
+
+![Jira Cloud: issue with a connected toggle. The 'disconnect toggle' button (highlighted) is displayed next to the toggle's name.](/img/jira-cloud-disconnect-toggle.png)
+
+The toggle will be disconnected immediately. However, the plugin will not delete the toggle from Unleash,
+so you can still reconnect your Jira issue to the same toggle using the "Connect to existing toggle" functionality

website/docs/reference/integrations/jira-server-plugin-installation.md

@@ -15,7 +15,7 @@ The plugin also shows you current status of connected toggles.
 
 - [Jira **data center**](https://www.atlassian.com/enterprise/data-center/jira), v8.0 or higher
 
-We do not support Jira Cloud at the moment.
+For Jira Cloud, refer to the [Jira Cloud plugin](jira-cloud-plugin-installation)
 
 ### Unleash
 

website/sidebars.js

@@ -293,6 +293,10 @@ module.exports = {
                                 'reference/integrations/jira-server-plugin-installation',
                                 'reference/integrations/jira-server-plugin-usage',
                             ],
+                            'Jira Cloud': [
+                                'reference/integrations/jira-cloud-plugin-installation',
+                                'reference/integrations/jira-cloud-plugin-usage',
+                            ],
                         },
                         ,
                     ],