fix(guide): restructure curriculum guide articles (#36501)

* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions

guide/english/certifications/front-end-libraries/react/use-react-to-render-nested-components/index.md

@@ -1,7 +1,10 @@
 ---
 title: Use React to Render Nested Components
 ---
-## Use React to Render Nested Components
+# Use React to Render Nested Components
+
+---
+## Problem Explanation
 
 You have learned in earlier lessons, that there are two ways to create a React component:
 
@@ -9,11 +12,14 @@ You have learned in earlier lessons, that there are two ways to create a React c
 
 2. Define a React component using the ES6 syntax.
 
-In this quiz, we have defined two stateless functional components, i.e. using JavaScript functions. Recall, once a component has been created, it can be rendered in the same way as an HTML tag, by using the component name inside HTML opening and closing brackets. For example, to nest a component called Dog inside a parent component called Animals, you'd simply return the Dog component from the Animals component like this:
+
+---
+## Hints
+
+### Hint 1
+In this challenge, we have defined two stateless functional components, i.e. using JavaScript functions. Recall, once a component has been created, it can be rendered in the same way as an HTML tag, by using the component name inside HTML opening and closing brackets. For example, to nest a component called Dog inside a parent component called Animals, you'd simply return the Dog component from the Animals component like this:
 
 ```javascript
-return (
-  <Dog />
-)
+return <Dog />;
 ```
 Try this with the TypesOfFruit and Fruits components.