Create Custom Hooks for Commonly Repeated Functionality

[saadanzari]

Description

Identify repeated patterns or logic within the application and refactor them into reusable React hooks. These hooks will simplify components, improve code reusability, and adhere to the DRY (Don't Repeat Yourself) principle.

Acceptance Criteria

• Audit the codebase to identify repeated logic that can be encapsulated in custom hooks.
• Create hooks for identified patterns, such as
  • Data fetching
  • Input validation
  • Form state management
• Hooks should have clear documentation, including input parameters, output structure, and example usage.
• Update components to use the newly created hooks, replacing inline logic where applicable.