chore: use explicit import extensions

Author: ArnaudBarre

playground/decorators/src/index.tsx

@@ -1,6 +1,6 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App";
+import { App } from "./App.tsx";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>

playground/emotion-plugin/src/App.jsx

@@ -1,5 +1,5 @@
 import "./App.css";
-import { Button, StyledCode } from "./Button";
+import { Button, StyledCode } from "./Button.jsx";
 
 export const App = () => (
   <div>

playground/emotion-plugin/src/index.jsx

@@ -1,6 +1,6 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App";
+import { App } from "./App.jsx";
 import "./index.css";
 
 createRoot(document.getElementById("root")).render(

playground/emotion/src/App.tsx

@@ -1,5 +1,5 @@
 import "./App.css";
-import { Button, StyledCode } from "./Button";
+import { Button, StyledCode } from "./Button.tsx";
 
 export const App = () => (
   <div>

playground/emotion/src/index.tsx

@@ -1,6 +1,6 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App";
+import { App } from "./App.tsx";
 import "./index.css";
 
 createRoot(document.getElementById("root")!).render(

playground/hmr/src/App.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import reactLogo from "./react.svg";
 import "./App.css";
-import { TitleWithExport, framework } from "./TitleWithExport";
+import { TitleWithExport, framework } from "./TitleWithExport.tsx";
 
 export const App = () => {
   const [count, setCount] = useState(0);

playground/hmr/src/index.tsx

@@ -1,6 +1,6 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App";
+import { App } from "./App.tsx";
 import "./index.css";
 
 createRoot(document.getElementById("root")!).render(

playground/shadow-export/src/index.tsx

@@ -1,6 +1,6 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App";
+import { App } from "./App.tsx";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>

playground/styled-components/src/App.tsx

@@ -1,5 +1,5 @@
 import "./App.css";
-import { Counter, StyledCode } from "./Button";
+import { Counter, StyledCode } from "./Button.tsx";
 
 export const App = () => (
   <div>

playground/styled-components/src/index.tsx

@@ -1,6 +1,6 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App";
+import { App } from "./App.tsx";
 import "./index.css";
 
 createRoot(document.getElementById("root")!).render(