docs: 📝 update recipe search instructions and test implementation steps

Author: yjaaidi

docs/instructions/1-recipe-search.md

@@ -30,18 +30,25 @@ The `RecipeSearch` component should display a list of recipes fetched from a rem
 pnpm test
 ```
 
-#### 2. Implement tests at `src/app/recipe/recipe-search.ng.spec.ts`: Query DOM and check names are displayed.
+#### 2. Open `src/app/recipe/recipe-search.integration.spec.ts`
 
-#### 3. Checkout the implementation if you went with the TDD approach:
+#### 3. Start implementing the test and call the `renderComponent` setup function
 
-```sh
-pnpm cook checkout-impl
+```ts
+it('...', async () => {
+    await renderComponent();
+})
 ```
 
-### 🍴 Cutleries
+#### 4. Query DOM and check names are displayed
 
-- [🔗 Render function docs](https://testing-library.com/docs/angular-testing-library/api#render)
-- [🔗 Testing Library Queries docs — or how to choose the right query](https://testing-library.com/docs/queries/about/)
+Cf. [📖 Appendices](#-appendices)
+
+#### 5. Checkout the implementation if you went with the TDD approach:
+
+```sh
+pnpm cook checkout-impl
+```
 
 ## 🎯 Goal #2: Implement Recipe Search "isolated" test
 
@@ -55,7 +62,9 @@ The `RecipeSearch` component should display a list of recipes fetched from a rem
 pnpm test
 ```
 
-#### 2. Implement tests: Check that the `recipes` property is set correctly when the component is initialized.
+#### 2. Implement tests
+
+Check that the `recipes` property is set correctly when the component is initialized.
 
 #### 3. Checkout the implementation if you went with the TDD approach:
 
@@ -65,6 +74,10 @@ pnpm cook checkout-impl
 
 ## 📖 Appendices
 
+### Queries priority
+
+- [🔗 Testing Library Queries docs — or how to choose the right query](https://testing-library.com/docs/queries/about/)
+
 ### Query headings with Testing Library
 
 ```ts