FEAT: Prompt Collapse and Re-Ordering

[tahierhussain]

What

1. Collapsible prompt cards.
2. Re-ordering prompts using drag and drop functionality.
3. Refactored prompt cards to improve code quality.

-

Why

For an enhanced user experience.

-

How

1. Implemented collapsible component using Antd's collapse component.
2. Implemented re-ordering of the prompts using react-dnd library.

-

Can this PR break any existing features. If yes, please list possible items. If no, please explain why. (PS: Admins do not merge the PR without this section filled)

Yes. There are chances of this PR breaking any existing features, since a lot of changes have been made in the prompt card component.

-

Database Migrations

NA

Env Config

NA

Relevant Docs

NA

Related Issues or PRs

NA

Dependencies Versions

NA

Notes on Testing

NA

Screenshots

Expanded Prompt Cards:

Collapsed Prompt Cards:

Re-Ordered Prompt Cards:

Note: test_dnd_5 moved from 3rd position to 2nd position. Check the previous screenshots to campare the order.

Checklist

I have read and understood the [Contribution Guidelines]().

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud