fix(curriculum): Explain Controlled Inputs in Fruit Search App (#61266)

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Co-authored-by: Sem Bauke <semboot699@gmail.com>

curriculum/challenges/english/25-front-end-development/workshop-fruit-search-app/67ed044dc76cf4a441618f2c.md

@@ -7,7 +7,22 @@ dashedName: step-5
 
 # --description--
 
-In previous lectures, you learned about controlled inputs, where form elements are tied directly to state variables in React.
+In React, <dfn>controlled inputs</dfn> are a standard way to handle form data, where the input's value is synced with the component's state. 
+
+```jsx
+const MyForm = () => {
+  const [name, setName] = useState("");
+
+  return (
+    <>
+      <label htmlFor="name">Your name</label>
+      <input type="text" value={name} id="name" />
+    </>
+  );
+}
+```
+
+You will learn more about this pattern in a future lesson.
 
 To track what the user types into the search input field, create a state variable named `query` with an initial value of an empty string (`''`). Also define its corresponding setter function, `setQuery`, using the `useState` Hook.