refactor: remove React.ReactNode by type ReactNode

src/app/[locale]/layout.tsx

@@ -19,14 +19,15 @@ import ToolbarActions from "@/components/dashboard/ToolbarActions";
 
 // Types
 import type { Metadata } from 'next/types';
+import type { ReactNode } from "react";
 
 export const metadata: Metadata = {
   title: 'GamesPassionFR',
   description: 'Catalogue des jeux de GamesPassionFR',
 }
 
 type Props = {
-  children: React.ReactNode,
+  children: ReactNode,
   params: Promise<{
     locale: "en" | "fr"
   }>

src/components/GamesView/TitleFilter.tsx

@@ -12,6 +12,9 @@ from "@/redux/features/gamesSlice";
 // React Material UI
 import TextField from '@mui/material/TextField';
 
+// Types
+import type { ChangeEvent } from "react";
+
 function TitleFilter() {
 
     const t = useTranslations("gamesLibrary.filtersLabels")
@@ -26,7 +29,7 @@ function TitleFilter() {
             label={t("title")}
             fullWidth
             value={title}
-            onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
+            onChange={(event: ChangeEvent<HTMLInputElement>) => {
                 dispatch(filterByTitle(event.target.value));
             }}
         />

src/components/dashboard/DashboardAppProvider.tsx

@@ -18,11 +18,12 @@ import ExtensionIcon from '@mui/icons-material/Extension';
 
 // Types
 import type { Navigation } from '@toolpad/core/AppProvider';
+import type { ReactNode } from "react";
 
 export default function DashboardAppProvider({
     children,
   }: {
-    children: React.ReactNode
+    children: ReactNode
   }) {
 
     // Fetch labels

src/providers/StoreProvider.tsx

@@ -3,10 +3,12 @@ import { useRef } from 'react'
 import { Provider } from 'react-redux'
 import { makeStore, AppStore } from '../redux/Store'
 
+import type { ReactNode } from "react";
+
 export default function StoreProvider({
   children,
 }: {
-  children: React.ReactNode
+  children: ReactNode
 }) {
   const storeRef = useRef<AppStore>(null)
   if (!storeRef.current) {

src/providers/ThemeProvider.tsx

@@ -5,8 +5,9 @@ import { createTheme, ThemeProvider as MUIThemeProvider } from '@mui/material/st
 import { useMemo } from 'react';
 import { useAsyncMemo } from '@/hooks/useAsyncMemo';
 
+import type { ReactNode } from "react";
 
-export function ThemeProvider({ children, lng }: { children: React.ReactNode, lng : string }) {
+export function ThemeProvider({ children, lng }: { children: ReactNode, lng : string }) {
 
     // Prepare theme for possible darkmode
     const muiLanguage = useAsyncMemo(async () => {