Refactor NodeList Component

[rashidakanchwala]

Description

Our Nodelist component is too confusing. We have a lot of nested components, and most of the time we pass props from parent to child but sometimes we also connect the child to redux state and get props directly from the state. This ticket is to rethink this component properly and refactor it.

• Refactor / node list row #2143
• Refactor the node-list-groups (also known as filter groups) from the node-list component #2153
• Refactor the node-list-tree component #2154
• Refactor the parent component and the state management of the node-list #2155

Context

Why is this change important to you? How would you use it? How can it benefit other users?

Possible Implementation

(Optional) Suggest an idea for implementing the addition or change.

Possible Alternatives

(Optional) Describe any alternative solutions or features you've considered.

Checklist

• Include labels so that we can categorise your feature request

[Huongg]

As per our team discussions, the refactoring will be executed in multiple phases:

Miro board for the plan: https://miro.com/app/board/uXjVLTeWe88=/

• Phase 1: Refactor the node-list-row component. PR-2143
• Phase 2: Separate and refactor the node-list-groups (also known as filter groups) from the node-list component. Issue-2153
• Phase 3: Refactor the node-list-tree component issue-2154
• Phase 4: Refactor the parent component and the state management of the node-list. issue-2155