[FIX] style: recompute style on collaborative change

Steps to reproduce:
- open the same spreadsheet in two different tabs
- in one of the tab, change the background color of some cells

=> the background is not updated in the other tab

The UPDATE_CELL command is not dispatched to `CellComputedStylePlugin` of
other clients because it's categorized as a "feature" plugin which is not
supposed to react to collaborative core (sub) commands. It currently reacts
to the root command.

The plugin cannot be a "core view" plugin because it depends on the filter
values, which is a UI state.

closes #4920

Task: 4141034
Signed-off-by: Pierre Rousseau (pro) <[email protected]>

src/plugins/ui_feature/cell_computed_style.ts

@@ -20,6 +20,7 @@ export class CellComputedStylePlugin extends UIPlugin {
     if (
       invalidateEvaluationCommands.has(cmd.type) ||
       cmd.type === "UPDATE_CELL" ||
+      cmd.type === "SET_FORMATTING" ||
       cmd.type === "EVALUATE_CELLS"
     ) {
       this.styles = {};

tests/collaborative/collaborative.test.ts

@@ -780,6 +780,19 @@ describe("Multi users synchronisation", () => {
     );
   });
 
+  test("background color is updated for each client", () => {
+    setCellContent(alice, "A1", "Hi");
+    expect([alice, bob, charlie]).toHaveSynchronizedValue(
+      (user) => getStyle(user, "A1").fillColor,
+      undefined
+    );
+    setStyle(bob, "A1", { fillColor: "#112233" });
+    expect([alice, bob, charlie]).toHaveSynchronizedValue(
+      (user) => getStyle(user, "A1").fillColor,
+      "#112233"
+    );
+  });
+
   test.each(["COL", "ROW"] as const)("Can group headers concurrently", (dimension) => {
     const sheetId = alice.getters.getActiveSheetId();