rename js files that use that use jsx to jsx and fixed some imports

[edewit]

Refactor: Renamed React component files to .jsx extension

This PR renames several component files from a .js to a .jsx extension. This change is a simple refactoring and does not introduce any functional changes.

Why this change?

The .jsx extension is the widely accepted convention for files that contain JSX syntax. By adopting this convention, we improve code clarity and make it easier for developers (and tools) to immediately recognize which files are React components.

This is a minor but meaningful change that helps align our codebase with best practices in the React ecosystem.

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: edewit

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [edewit]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[sonarqubecloud]

Quality Gate failed

Failed conditions
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

[openshift-ci]

@edewit: The following test failed, say /retest to rerun all failed tests or /retest-required to rerun all mandatory failed tests:

Test name	Commit	Details	Required	Rerun command
ci/prow/unit-tests-sonarcloud	4b7e001	link	true	/test unit-tests-sonarcloud

Full PR test history. Your PR dashboard.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.