fix: upgrade RTL version to avoid peer-deps mismatch

[MatanBobi]

Resolves#13721

This PR upgrades the installed version of RTL to resolve the peer deps issue.
It also installs DTL because RTL version 16 requires DTL to be installed.

[MatanBobi]

I'm trying to understand the reason for the tests breaking here but I'm not sure it's related to my changes.
Test failures reproduce on main too and are unrelated to my change.

[JoeBrar]

Hi, when will this PR get accepted and merged into main branch?

[rickhanlonii]

The remaining test failure seems legit but I'm not sure how to fix.

[JoeBrar]

Looks like the failing tests needs to be updated according to the latest React version

[iamrajhans]

hi @rickhanlonii, I think will need to use the react-testing-lib for the failing test cases just like here

import { render, screen } from '@testing-library/react';
describe('dynamic import', () => {
it('renders without crashing', async () => {
// Dynamically import the component
const DynamicImport = (await import('./DynamicImport')).default;
// Render the component
render(<DynamicImport />);
expect(screen.getByText('Hello World!')).toBeInTheDocument();
});
});

Reference link - https://kentcdodds.com/blog/common-mistakes-with-react-testing-library#not-using-screen

[rickhanlonii]

@iamrajhans no, these tests are not using RTL. The issue is that the webpack config for SVGs uses an old version of @svgr/webpack which inlines an old JSX transform, which is not supported in 19. Not sure how to fix that, so going to ignore the SVG tests, and the SVG support can be fixed in a follow up if needed.