Create Reusable Components for Filter Component

[AnujChhikara]

Issue Description

• We currently have different filter components across multiple pages, leading to inconsistencies in design and behavior.
• To improve reusability, maintainability, and consistency across the application, we need to create a single reusable filter component that can be used across different pages. This filter component should be flexible enough to handle dynamic filter options and various use cases.

Expected Behavior

• A single, reusable filter component that can be easily used on different pages.

• It should follow the application's existing design system for consistency

Current Behavior

• Filter components are implemented differently across various pages.

• Lack of standardization makes maintenance and updates more difficult.

Screenshots

• filter component on different pages

Reproducibility

• This issue is reproducible
• This issue is not reproducible

Severity/Priority

• Critical
• High
• Medium
• Low

Additional Information

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

[AnujChhikara]

Closing this issue as it has been resolved in PR #1000