Refactor Add-Snippet Component for Improved UX and Maintainability

[yuvraj1107thapa]

Is your feature request related to a problem? Yes, the current AddSnippet component lacks efficient state management, resulting in code duplication and poor user feedback.

Describe the solution you'd like:

• Consolidate form state management into a single object.
• Implement a reusable FormField component to reduce duplication.
• Improve form validation with specific feedback and add a loading state to prevent multiple submissions.
• Enhance accessibility by linking labels properly and optimize performance using useCallback.

Describe alternatives you've considered: Small incremental updates to the existing component, but a full refactor offers greater long-term benefits.

Additional context: This refactor will improve maintainability, align with React best practices, and enhance the overall user experience.

[github-actions[bot]]

🎉 Welcome to CodeCache! 🎉

Thank you for opening your first issue! We're excited to have you contributing to the project.

Before you get started, please make sure to check out our contributing guidelines and coding standards to ensure that everything is aligned with the project's workflow. If you have any questions or need help along the way, don't hesitate to ask.

We appreciate your input and look forward to collaborating with you. 🚀

Happy coding!