Use new ipywidgets 8.0 CSS selectors

Basicly, .p-# selectors are now .jupyter-widget-#. This is of course
unreliable, so a follow-up commit should remove any reliance on these.

Author: edan-bainglass

src/aiidalab_qe/app/static/styles/custom.css

@@ -85,33 +85,39 @@ footer {
   text-align: right;
 }
 
-.p-Accordion-child:has(.qe-app-step-ready) > .p-Collapse-header {
+.jupyter-widget-Accordion-child:has(.qe-app-step-ready)
+  > .jupyter-widget-Collapse-header {
   background-color: var(--color-ready);
 }
 
-.p-Accordion-child:has(.qe-app-step-configured) > .p-Collapse-header {
+.jupyter-widget-Accordion-child:has(.qe-app-step-configured)
+  > .jupyter-widget-Collapse-header {
   background-color: var(--color-ready);
   filter: brightness(0.95);
   -webkit-filter: brightness(0.95);
 }
 
-.p-Accordion-child:has(.qe-app-step-active) > .p-Collapse-header {
+.jupyter-widget-Accordion-child:has(.qe-app-step-active)
+  > .jupyter-widget-Collapse-header {
   background-color: var(--color-active);
 }
 
-.p-Accordion-child:has(.qe-app-step-success) > .p-Collapse-header {
+.jupyter-widget-Accordion-child:has(.qe-app-step-success)
+  > .jupyter-widget-Collapse-header {
   background-color: var(--color-success);
 }
 
-.p-Accordion-child:has(.qe-app-step-fail) > .p-Collapse-header {
+.jupyter-widget-Accordion-child:has(.qe-app-step-fail)
+  > .jupyter-widget-Collapse-header {
   background-color: var(--color-failed);
 }
 
-.p-Accordion-child:has(.qe-app-step-blocked) > .p-Collapse-header {
+.jupyter-widget-Accordion-child:has(.qe-app-step-blocked)
+  > .jupyter-widget-Collapse-header {
   background-color: var(--color-blocked);
 }
 
-.p-TabBar-tab {
+.jupyter-widget-TabBar-tab {
   min-width: fit-content !important;
 }