update vue import extensions to use .vue

[RayBB]

Implements part of #7547

This PR adds explicit .vue file extensions to component imports to ensure compatibility with Vite's module resolution requirements (see Vite issue #178). While webpack is more lenient with extension resolution, Vite strictly requires these extensions.

This change is a prerequisite for the Vue 3 migration (#10298) and has been implemented incrementally to maintain code clarity. Similar changes have been previously made in other parts of the codebase (see PR #10303).

Type: refactor

Technical

• Adds explicit .vue extensions to all component imports
• No functional changes to component behavior
• Maintains consistent import syntax across the codebase

Testing

1. Run make components to verify successful component compilation
2. Verify that all components render and function as expected

The changes are isolated to import statements and pose minimal risk to application functionality.

Screenshot

N/A - No UI changes

Stakeholders

[cdrini]

Lgtm! Tested library explorer on testing and worked as normal 👍