fix(cypress): update pr_4435 test selector after BEM to Tailwind migration

The sidebar refactor removed the  BEM class.
Add  to the NavLink in SidebarItem.jsx
and update the Cypress test to use the new attribute selector.

Author: ryzrr

cypress/e2e/pr_4435.cy.js

@@ -10,13 +10,16 @@ describe("Open page in new tab", { scrollBehavior: false }, () => {
       },
     });
     // wait for page content to load before asserting scroll
-    cy.get('.sidebar-item__title[href="/concepts/plugins/"]').should("exist");
+    cy.get(
+      '[data-testid="sidebar-item-title"][href="/concepts/plugins/"]',
+    ).should("exist");
     // there's one call in Page.jsx when componentDidMount
     cy.window().should((win) => {
       expect(win.scrollTo).to.be.calledOnce;
     });
 
-    const selector = '.sidebar-item__title[href="/concepts/plugins/"]';
+    const selector =
+      '[data-testid="sidebar-item-title"][href="/concepts/plugins/"]';
 
     // we click the menu
     cy.get(selector).click();

src/components/SidebarItem/SidebarItem.jsx

@@ -114,6 +114,7 @@ export default function SidebarItem({ title, anchors = [], url, currentPage }) {
       <NavLink
         end
         key={url}
+        data-testid="sidebar-item-title"
         className={({ isActive }) =>
           `flex-1 max-w-[85%] overflow-hidden whitespace-nowrap text-ellipsis ${isActive ? "font-semibold text-[#333] dark:text-white" : "text-[#2b3a42] dark:text-[#b8b8b8]"}`
         }