[Doc] Fix code examples

docs/Architecture.md

@@ -200,7 +200,7 @@ const themes = { light: lightTheme, dark: darkTheme };
 
 export const ThemeContext = createContext(['light', () => {}])
 
-const ThemeContextProvider = ({ value, children }) => (
+const ThemeContextProvider = ({ value, children }) => {
     const [theme, setTheme] = useState(value);
     return (
         <ThemeContext.Provider value={[theme, setTheme]}>

docs/Fields.md

@@ -1491,7 +1491,7 @@ const MyShowLayout = () => (
     <div>
         <Labeled resource="users" source="name">
             <TextField source="name" />
-        </Label>
+        </Labeled>
     </div>
 );
 ```

docs/Resource.md

@@ -130,6 +130,9 @@ to read the current resource name, use the `useResourceContext()` hook.
 For instance, the following component displays the name of the current resource:
 
 ```jsx
+import * as React from 'react';
+import { Datagrid, DateField, TextField, List, useResourceContext } from 'react-admin';
+
 const ResourceName = () => {
     const { resource } = useResourceContext();
     return <>{resource}</>;
@@ -143,7 +146,7 @@ const PostList = (props) => (
                 <TextField source="title" />
                 <DateField source="published_at" />
             </Datagrid>
-        <>
+        </>
     </List>
 )
 ```

packages/ra-test/README.md

@@ -107,8 +107,8 @@ Instead of wrapping the component under test with the `TestContext` by yourself
 It will return the same output as the `render` method from `@testing-library/react` but will add the `dispatch` and `reduxStore` helpers.
 
 ```jsx
-import { defaultStore } from 'ra-test'
-...
+import { defaultStore } from 'ra-test';
+//...
 const { dispatch, reduxStore, ...testUtils } = renderWithRedux(
     <MyCustomEditView />, 
     initialState,