Replace MUI Components with Jupyterlab UI toolkit

[Zxun2]

Changes

• Updated existing atomic components to use Jupyterlab UI Toolkit

[github-actions]

👈 Launch a Binder on branch Zxun2/jupyterlab-git/zxun2/ui-toolkit

[fcollonval]

Hey @Zxun2

Thanks for working on this. I see that you are based on the main branch prior to the migration to JupyterLab 4. Would you mind migrating to the main branch latest commit?

[fcollonval]

Thanks @Zxun2

The action buttons are too big by default. I got something more acceptable by setting the following CSS property in actionButtonStyle (src/style/ActionButtonStyle.ts):

  // @ts-expect-error unknown prop
  '--density': -1,

[fcollonval]

I would simply keep the title without introducing a tooltip

Suggested change

	<>
	<Tooltip anchor={title}>{title}</Tooltip>
	<Button
	id={title}
	className={classes(actionButtonStyle, className)}
	disabled={disabled}
	onClick={onClick}
	>
	<icon.react elementPosition="center" tag="span" />
	</Button>
	</>
	<Button
	title={title}
	className={classes(actionButtonStyle, className)}
	disabled={disabled}
	onClick={onClick}
	>
	<icon.react elementPosition="center" tag="span" />
	</Button>