fix(ui): contain long mega menu labels

packages/ui/test/ui.test.ts

@@ -2980,6 +2980,8 @@ test("mega menu columns take roving focus and survive an empty column list", asy
 
 test("catalog mega menu renders only the active rail category", async () => {
   const source = readFileSync(uiComponentPath("MegaMenu"), "utf8");
+  expect(source).toContain(".wrn-mega__list > li");
+  expect(source).toContain("overflow-wrap: anywhere;");
   const html = await renderComponent(source, {
     label: "Products",
     variant: "catalog",