fix: remove hooks dependencies to prevent circular dependencies

Author: hacke2

packages/main-layout/src/browser/tabbar/bar.view.tsx

@@ -214,11 +214,9 @@ export const IconTabView: React.FC<{ component: ComponentRegistryProvider }> = (
   }, [component]);
 
   useEffect(() => {
-    // Immediately update with current component to handle initial badge value
-    setComponent({ ...component });
-
     const dispose = component.onChange((newComponent) => {
-      setComponent(newComponent);
+      // Immediately update with current component to handle initial badge value
+      setComponent({ ...newComponent });
     });
     return () => {
       dispose.dispose();