Describe the bug
Currently the data is filtered on state level once received from query, it's better to query the filtered data on first place.
To Reproduce
Check this useEffect where the state is being updated as per the filter. Rather than doing this we can re-create this query with filter.
