Feat: Implement Synchronization between the "URL Text Field" and "URL Parameters"

[Tanish2002]

PR Description

This PR implements Synchronization between the "URL Text Field" and "URL Parameters" sections for a seamless user experience.

Functionality

• Automatic Parameter Extraction: When a user enters a full URL (e.g., https://test.com/?query1=value1&query2=value2) into the "URL Text Field," the app will automatically identify and populate the corresponding parameters in the "URL Parameters" section.

• Dynamic URL Updates: Any changes made within the "URL Parameters" section will be immediately reflected in the full URL displayed in the "URL Text Field."

Related Issue

• Closes Sync url and params tab #166.

Checklist

• I have gone through the contributing guide
• I have run the tests (flutter test) and all tests are passing

Added/updated tests?

We encourage you to add relevant test cases.

• Yes
• No, and this is why: The PR is WIP, I'll add them once changes are finalized.
• I need help with writing tests

[Tanish2002]

@ashitaprasad I've implemented synchronization. It works both ways, The only problem is that the text field loses focus on keystrokes, I believe this is due to the key change. But the key change is necessary to show the state updates. I don't know how to preserve focus between key updates.

[animator]

@Tanish2002 will review this PR and post feedback.

[ashitaprasad]

Refer #166 (comment)