Using the TextField components

In this section, we'll change the text inputs in the modal forms using the MUI TextField and Stack components:

1. Add the following import statement to the AddCar.js and EditCar.js files:

   import TextField from '@mui/material/TextField';
   import Stack from '@mui/material/Stack';

2. Then, change the input elements to the TextField components in the add and edit forms. We are using the label prop to set the labels of the TextField components. The first TextField component contains the autoFocus prop, and the input will be focused on this field. There are three different variants available, and we are using the standard one.

The text fields are wrapped inside the Stack component to get spacing between the components and to set the top margin:

// AddCar.js, do the same modifications to the EditCar.js file
return(
     <div>
      <Button variant="contained...