docs: updated Jira configuration images and text (#499)

* docs: updated Jira configuration images and text

* docs: rearanged titles for Jira config
diff --git a/docs/Configuration/Jira.md b/docs/Configuration/Jira.md
index 0990631..7b1cb4b 100644
--- a/docs/Configuration/Jira.md
+++ b/docs/Configuration/Jira.md
@@ -4,52 +4,69 @@
 description: Config UI instruction for Jira
 ---
 
-Visit config-ui: `http://localhost:4000`.
+Visit Config UI at: `http://localhost:4000`.
 
-### Step 1 - Add Data Connections
+## Step 1 - Add Data Connections
 
-![jira-add-data-connections](/img/ConfigUI/jira-add-data-connections.png)
+![jira-add-data-connections](images/jira-create-a-connection.png)
 
-#### Connection Name
+### Connection Name
 
-Name your connection.
+Give your connection a unique name to help you identify it in the future.
 
+### Jira Version
+Select if you use Jira Cloud or Jira Server. 
+
+### Jira Cloud
 #### Endpoint URL
+This should be a valid REST API endpoint: `https://<mydomain>.atlassian.net/rest/`
+  
+Please note: the endpoint url should end with `/`.
 
-This should be a valid REST API endpoint
+#### E-mail
+Please enter the e-mail of your Jira account.
 
-- If you are using Jira Cloud, the endpoint will be `https://<mydomain>.atlassian.net/rest/`
-- If you are self-hosting Jira v7+ or v8+, the endpoint may look like `https://jira.<mydomain>.com/rest/`
-  The endpoint url should end with `/`.
+#### API Token
+Learn about [how to create an API token](https://support.atlassian.com/atlassian-account/docs/manage-api-tokens-for-your-atlassian-account/).
 
-#### Username / Email
+Please note: Jira API token and Personal Access Token are two different tokens.
 
-Input the username or email of your Jira account.
+### Jira Server
+#### Endpoint URL
+This should be a valid REST API endpoint: `https://jira.<mydomain>.com/rest/`
+
+Please note: the endpoint url should end with `/`.
+
+#### Authentication Method
+Jira Server supports two ways of authentication: using basic authentication or Personal Access Token.
+
+#### Username
+Please enter the username of your Jira account.
 
 #### Password
+Please enter the password of your Jira account.
 
-- If you are using Jira Cloud, please input the [Jira personal access token](https://confluence.atlassian.com/enterprise/using-personal-access-tokens-1026032365.html).
-- If you are using Jira Server v7+ or v8+, please input the password of your Jira account.
+#### Personal Access Token
+Learn about [how to create a Personal Access Token](https://confluence.atlassian.com/enterprise/using-personal-access-tokens-1026032365.html).
 
-#### Auth Token
-
-When accessing Jira API using a Jira Auth Token, users may encounter access restrictions if their token does not have sufficient permissions. This is typically caused by insufficient scope or role settings for the Jira Auth Token.
+### Token Permissions
+For both Jira Cloud and Jira Server, when accessing Jira API, users may encounter access restrictions if their token does not have sufficient permissions. This is typically caused by insufficient scope or role settings for the Jira token.
 
 To solve this issue, users can take the following steps:
 
 - Checking User Permissions
 
-Users can confirm whether they have sufficient permissions by checking their permissions in Jira. For cloud users, they can view their global and project permissions through the "Permissions" tab on the "Profile" page. For server users, they can log in to Jira as an administrator and view user permissions on the "User Management" page.
+Users can confirm whether they have sufficient permissions by checking their permissions in Jira. For Cloud users, they can view their global and project permissions through the "Permissions" tab on the "Profile" page. For Server users, they can log in to Jira as an administrator and view user permissions on the "User Management" page.
 
 - Ensuring Sufficient Permissions
 
-Before using Jira API, users need to ensure that their account has at least the necessary project or global permissions. Global permissions include various Jira system settings and management operations, while project permissions control specific operations and configurations for each Jira project. Users can assign roles such as `Project Administrator`, `Project Lead`, `Developer`, etc. for the corresponding projects, or assign global permissions such as `Jira Administrators`, `Jira Software Administrators`, etc. It is recommended to minimize the permissions granted to the API to ensure system security.
+Before using the Jira API, users need to ensure that their account has at least the necessary project or global permissions. Global permissions include various Jira system settings and management operations, while project permissions control specific operations and configurations for each Jira project. Users can assign roles such as `Project Administrator`, `Project Lead`, `Developer`, etc. for the corresponding projects, or assign global permissions such as `Jira Administrators`, `Jira Software Administrators`, etc. It is recommended to minimize the permissions granted to the API to ensure system security.
 
 - Solving Access Restrictions
 
-To solve access restrictions caused by insufficient Jira Auth Token permissions, users should check the token's permission settings to ensure the correct scope and role are set. If the permission settings are correct but the required API is still inaccessible, consider using other authentication methods, such as authenticating with a username and password. If the issue persists, contact the Jira administrator for further assistance.
+To solve access restrictions caused by insufficient Jira token permissions, users should check the token's permission settings to ensure the correct scope and role are set. If the permission settings are correct but the required API is still inaccessible, consider using other authentication methods, such as authenticating with a username and password. If the issue persists, contact the Jira administrator for further assistance.
 
-#### Proxy URL (Optional)
+### Proxy URL (Optional)
 
 If you are behind a corporate firewall or VPN you may need to utilize a proxy server. Enter a valid proxy server address on your network, e.g. `http://your-proxy-server.com:1080`
 
@@ -59,36 +76,39 @@
 
 Jira(Cloud) uses a dynamic rate limit and has no clear rate limit. For Jira Server's rate limiting, please contact your Jira Server admin to [get or set the maximum rate limit](https://repository.prace-ri.eu/git/help/security/rate_limits.md) of your Jira instance. Please do not use a rate that exceeds this number.
 
-#### Test and Save Connection
+### Test and Save Connection
 
 Click `Test Connection`, if the connection is successful, click `Save Connection` to add the connection.
 
-### Step 2 - Setting Data Scope
+## Step 2 - Setting Data Scope
 
-![jira-set-data-scope](/img/ConfigUI/jira-set-data-scope.png)
+![jira-set-data-scope](images/jira-set-data-scope.png)
 
-#### Projects
+### Boards
 
 Choose the Jira boards to collect.
 
-#### Data Entities
+### Data Entities
 
 Usually, you don't have to modify this part. However, if you don't want to collect certain Jira entities, you can unselect some entities to accerlerate the collection speed.
 
 - Issue Tracking: Jira issues, issue comments, issue labels, etc.
 - Cross Domain: Jira accounts, etc.
 
-### Step 3 - Adding Transformation Rules (Optional)
+## Step 3 - Adding Transformation Rules (Optional)
+Adding transforamtion to the Jira data you wish to collect can help standardize the data to view more metrics, such as [Requirement Lead Time](https://devlake.apache.org/docs/Metrics/RequirementLeadTime), [Bug Age](https://devlake.apache.org/docs/Metrics/BugAge) and DORA - [Median Time to Restore Service](https://devlake.apache.org/docs/Metrics/MTTR).
 
-![jira-add-transformation-rules-list](/img/ConfigUI/jira-add-transformation-rules-list.png)
+![jira-add-transformation-1](images/jira-set-transformation1.png)
+![jira-add-transformation-2](images/jira-set-transformation2.png)
+![jira-add-transformation-3](images/jira-set-transformation3.png)
+
 
 Without adding transformation rules, you can not view all charts in "Jira" or "Engineering Throughput and Cycle Time" dashboards.<br/>
 
 Each Jira board has at most ONE set of transformation rules.
 
-![jira-add-transformation-rules](/img/ConfigUI/jira-add-transformation-rules.png)
 
-#### Issue Tracking
+### Issue Tracking
 
 - Requirement: choose the issue types to be transformed to "REQUIREMENT".
 - Bug: choose the issue types to be transformed to "BUG".
@@ -96,11 +116,11 @@
 - Epic Key: choose the custom field that represents Epic key. In most cases, it is "Epic Link".
 - Story Point: choose the custom field that represents story points. In most cases, it is "Story Points".
 
-#### Additional Settings
+### Additional Settings
 
 - Remotelink Commit SHA: parse the commits from an issue's remote links by the given regular expression so that the relationship between `issues` and `commits` can be created. You can directly use the regular expression `/commit/([0-9a-f]{40})$`.
 
-### Step 4 - Setting Sync Frequency
+## Step 4 - Setting Sync Frequency
 
 You can choose how often you would like to sync your data in this step by selecting a sync frequency option or enter a cron code to specify your prefered schedule.
 
diff --git a/docs/Configuration/images/jira-create-a-connection.png b/docs/Configuration/images/jira-create-a-connection.png
new file mode 100644
index 0000000..68fb73b
--- /dev/null
+++ b/docs/Configuration/images/jira-create-a-connection.png
Binary files differ
diff --git a/docs/Configuration/images/jira-set-data-scope.png b/docs/Configuration/images/jira-set-data-scope.png
new file mode 100644
index 0000000..27dd8b1
--- /dev/null
+++ b/docs/Configuration/images/jira-set-data-scope.png
Binary files differ
diff --git a/docs/Configuration/images/jira-set-transformation1.png b/docs/Configuration/images/jira-set-transformation1.png
new file mode 100644
index 0000000..b0e4804
--- /dev/null
+++ b/docs/Configuration/images/jira-set-transformation1.png
Binary files differ
diff --git a/docs/Configuration/images/jira-set-transformation2.png b/docs/Configuration/images/jira-set-transformation2.png
new file mode 100644
index 0000000..3e43bea
--- /dev/null
+++ b/docs/Configuration/images/jira-set-transformation2.png
Binary files differ
diff --git a/docs/Configuration/images/jira-set-transformation3.png b/docs/Configuration/images/jira-set-transformation3.png
new file mode 100644
index 0000000..bbfd891
--- /dev/null
+++ b/docs/Configuration/images/jira-set-transformation3.png
Binary files differ