I referenced https://carbondesignsystem.com/components/UI-shell-right-panel/usage/ to create two header panels, one for notification, another for app switcher, but it turned out, the second one always overrided first one and no matter which action icon I clicked, second panel always got expanded, my question is how to expand the panel which I clicked separately?

I referenced https://carbondesignsystem.com/components/UI-shell-right-panel/usage/ to create two header panels, one for notification, another for app switcher, but it turned out, the second one always overrided first one and no matter which action icon I clicked, second panel always got expanded, my question is how to expand the panel which I clicked separately?

I referenced https://carbondesignsystem.com/components/UI-shell-right-panel/usage/ to create two header panels, one for notification, another for app switcher, but it turned out, the second one always overrided first one and no matter which action icon I clicked, second panel always got expanded, my question is how to expand the panel which I clicked separately?

I referenced https://carbondesignsystem.com/components/UI-shell-right-panel/usage/ to create two header panels, one for notification, another for app switcher, but it turned out, the second one always overrided first one and no matter which action icon I clicked, second panel always got expanded, my question is how to expand the panel which I clicked separately?
I uploaded the project to sandbox at https://codesandbox.io/p/github/fxbird/executive-perf/main so that you can run it online.
Here is my main code: