feat: improve Worksmobile tenant sync handling

adminfront/src/components/layout/AppLayout.test.tsx

@@ -70,6 +70,7 @@ function renderLayout(entry = "/users") {
               path="tenants/:tenantId"
               element={<div>Tenant outlet</div>}
             />
+            <Route path="worksmobile" element={<div>Worksmobile outlet</div>} />
             <Route path="login" element={<div>Login outlet</div>} />
           </Route>
         </Routes>
@@ -99,7 +100,28 @@ describe("admin AppLayout", () => {
     expect(screen.getByText("Admin Control")).toBeInTheDocument();
     expect(screen.getByText("Users outlet")).toBeInTheDocument();
     expect(screen.getByText("Tenants")).toBeInTheDocument();
+    expect(screen.getByText("Worksmobile")).toBeInTheDocument();
     expect(screen.getByText("Data Integrity")).toBeInTheDocument();
+    expect(screen.queryByText("User Projection")).not.toBeInTheDocument();
+    const navigation = screen.getByRole("navigation");
+    const navLabels = Array.from(navigation.querySelectorAll("a")).map((link) =>
+      link.textContent?.trim(),
+    );
+    expect(navLabels).toEqual([
+      "Overview",
+      "Tenants",
+      "Worksmobile",
+      "Users",
+      "Data Integrity",
+      "Auth Guard",
+      "API Keys",
+      "Audit Logs",
+    ]);
+    const worksmobileIcon = screen.getByTestId("worksmobile-nav-icon");
+    expect(worksmobileIcon.tagName.toLowerCase()).toBe("svg");
+    expect(worksmobileIcon).toHaveAttribute("fill", "none");
+    expect(worksmobileIcon.querySelectorAll("path")).toHaveLength(4);
+    expect(worksmobileIcon.querySelector('path[fill="white"]')).toBeNull();
   });
 
   it("opens profile menu, navigates, toggles theme/session, and logs out", async () => {