Allow addition of new node with selected node credentials

[shaik80]

Signed-off-by: shaik80 shaik.mudassir@progress.com

🔩 Description: What code changed, and why?

Created accordion, accordion-list(for multiple accordions), and select Box component to select node credential from the list

⛓️ Related Resources

#5775

👍 Definition of Done

Created accordion, accordion-list(for multiple accordions), and select Box component to select node credential from the list.
It should select multiple creds and move to your right side, make sure when you are paginating the next request it should avoid duplicate credentials which are already selected.

👟 How to Build and Test the Change

STEP 1
inside the hab studio

[default:/src:0]# build components/automate-ui-devproxy/
[default:/src:0]# start_automate_ui_background
[default:/src:0]# start_all_services

STEP 2
open new window
go to automate UI path

$ cd components/automate-ui
and run the command 

npm run serve:hab

✅ Checklist

All PRs must tick these:

• I have read the CONTRIBUTING document.
• All commits signed-off for the Developer Certification of Origin.

With occasional exceptions, all PRs from Progress employees must tick these:

• Is the code clear? (complicated code or lots of comments--subdivide and use well-named methods, meaningful variable names, etc.)
• Consistency checked? (user notifications, user prompts, visual patterns, code patterns, variable names)
• Repeated code blocks eliminated? (adapt and reuse existing components, blocks, functions, etc.)
• Spelling, grammar, typos checked? (at a minimum use make spell in any component directory)
• Code well-formatted? (indents, line breaks, etc. improve rather than hinder readability)

All PRs from Progress employees should tick these if appropriate:

• Tests added/updated? (all new code needs new tests)
• Docs added/updated? (all customer-facing changes)

Please add a note next to any checkbox above if you are NOT ticking it.

📷 Screenshots, if applicable

Screen.Recording.2021-10-25.at.10.50.30.AM.mov

[netlify]

👷 Deploy Preview for chef-automate processing.

🔨 Explore the source changes: 22ac141

🔍 Inspect the deploy log: https://app.netlify.com/sites/chef-automate/deploys/6181600420239c00087b9b70

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
10 Code Smells

No Coverage information
0.0% Duplication