fix: #29605 for display: contents parent visibility with correct width check

[senpl]

• Closes Cypress incorrectly uses the box model of elements that have display:contents when determining visibility of child elements #29605
  As discussed in fix: #29093 for elements with length in rem  #29224 in separate part.

Additional details

I implemented solution proposed in #29224 still I have to add width and height check because without them element was still visible as with 0 width.
This time it is clear from most other commits and only core changes to make this work.

Steps to test

html

test cy.get('#child').should('be.visible')

How has the user experience changed?

Users has to use {force: true} to click such elements, checking thier visibility was not possible. Now it should be possible

PR Tasks

• Have tests been added/updated?
• Has a PR for user-facing changes been opened in cypress-documentation?
• Have API changes been updated in the type definitions?

[cypress-app-bot]

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.

[senpl]

now it looks like internal error in build for unit tests.

[senpl]

This looks like unit-tests fail during build
lib/ca #generateServerCertificateKeys generates certs for each host:
Error: Timeout of 2000ms exceeded. For async tests and hooks, ensure "done()" is called; if returning a Promise, ensure it resolves.

[jennifer-shehane]

@senpl There are failures in the visibility test in firefox. Please run these locally to ensure they pass.

[jennifer-shehane]

Updated the base branch to go against release/14.0.0

dismissing previous review

[jennifer-shehane]

I believe this change looks good. I added some extra tests to ensure the elements that do not follow the display: contents rules are interpreted as hidden.

I don't actually think this would introduce breaking changes and would be just a fix, but I do think it's safer to make the changes in Cypress 14.