Enhance Functionality and Fix Bugs

[Swapnilden]

Summary

This proposal aims to fix existing bugs and enhance the QR code generator with improved features and a better user experience.

Issues

1. Null Values: margin and qzone can be null, causing API failures.
2. Incorrect Function Name: The setter function for textval is incorrectly named.
3. Redundant State Update: Unnecessary update of formatType in handleDownload.
4. Missing Dependency: formatType is missing in the useEffect dependency array.
5. API Call Errors: API calls fail if margin or qzone parameters are empty.

Proposed Improvements

1. Customizing Download Formats: Allow users to choose the format type through a dropdown or radio buttons.
2. Form Validation: Add validation to ensure only valid input values are accepted.
3. Styling: Improve the CSS for a more user-friendly interface.
4. Error Handling: Implement error handling for API requests to manage failures gracefully.
5. Loading Indicator: Add a loading indicator while the QR code is being generated.
6. Clipboard Copy Functionality: Add a button to copy the generated QR code URL to the clipboard.

Can you please assign me this issue under GSSOC'24 so i can proceed with the proposed changes

[Shubham-Zone]

@bishalde please assign this to me i am GSSOC'24 contributor and have 2+ years of experience in development