💄Change into labIcon and replace the refresh icon

[AdrySky]

Description

This will change some of the icons to use the LabIcon, icon class used by JupyterLab.

The icons changed into LabIcon are :

1. xircuits
2. debugger
3. lock
4. breakpoint

This also replace the refresh icon to xircuits's icon

Pull Request Type

• Xircuits Core (Jupyterlab Related changes)
• Xircuits Canvas (Custom RD Related changes)
• Xircuits Component Library
• Documentation
• Others (Please Specify)

Type of Change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Tests

1. Make sure the changed icons are correct and render properly.
2. Try refreshing the jupyterlab. It should render a xircuits's icon rather than jupyterlab's with the same orbit's icon.

Tested on?

• Windows
• Linux Ubuntu
• Centos
• Mac
• Others (State here -> xxx )

Notes

Currently, there some icons still need the css class to be style. Icons can be styled by passing CSS parameters into .element(...) as shown here if needed to change into LabIcon

[MFA-X-AI]

Thanks for the quick pull request!
Logo looks good, but the alignment is off on a different screen resolution.

I don't think this should be hardcoded.

#base.css
  left: 650px;
  top: 270px;

Good luck with it, there's a reason why centering divs is a popular joke. :D

[AdrySky]

Yeah, you're right. It shouldn't be hardcoded. I already fix it. Please review it at different resolution and check does it center with each resolution changed.

[MFA-X-AI]

Centered properly now. Great work!