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/jquery/use-jquery-to-modify-the-entire-page/index.md

@@ -1,16 +1,22 @@
 ---
 title: Use jQuery to Modify the Entire Page
 ---
-## Use jQuery to Modify the Entire Page
+# Use jQuery to Modify the Entire Page
 
-### Problem Explanation
+---
+## Problem Explanation
 
 Add the classes `animated` and `hinge` to your `body` element.
 
-#### Relevant Links:
+#### Relevant Links
   - [.addClass()](https://api.jquery.com/addClass/e)
 
-### Solution:
+
+---
+## Solutions
+
+<details><summary>Solution 1 (Click to Show/Hide)</summary>
+
 ```html
 <script>
   $("body").addClass("animated hinge");
@@ -51,3 +57,5 @@ Add the classes `animated` and `hinge` to your `body` element.
   </div>
 </div>
 ```
+
+</details>