Port add connector documentation updates

[ChinthakaJ98]

Description

Port the changes made in #2076 to 4.3.0, 4.4.0 and latest doc spaces. Update the full content in the page if the 4.3.0 documentation is different from the PR.

Version

No response

[wso2-engineering-bot]

@wso2-engineering-bot create a PR for this issue following repo conventions

[wso2-engineering-bot]

Port Status

I've successfully ported the changes from PR #2076 to the applicable versions. Here's the summary:

✅ PRs Created:

• 4.4.0: PR Fix: Update connector import documentation [4.4.0] #2082 - Changes applied successfully
• main: PR Fix: Update connector import documentation [main] #2083 - Changes applied successfully

ℹ️ Not Applicable:

• 4.5.0: Already has the changes from PR Update import connector documentation #2076 (merged previously)
• 4.3.0: Has a different, simpler VS Code Extension documentation structure that doesn't match the 4.4.0/4.5.0 pattern. The issue being fixed (outdated connector import steps) doesn't exist in this version's documentation.
• 4.2.0: Uses Integration Studio (Eclipse-based IDE) documentation, which is completely different from the VS Code Extension documentation in newer versions. The changes from PR Update import connector documentation #2076 are not applicable to this IDE environment.

Changes Made:

The documentation updates include:

1. Updated Method 2: Import connectors to describe importing via the mediation flow
2. Created Method 3: Import connections for importing connections using OpenAPI/gRPC definitions
3. Added two new images: import-connector.gif and import-connection.png

All changes have been verified with mkdocs build and are ready for review.

[wso2-engineering-bot]

@wso2-engineering-bot create a PR for this issue following repo conventions