Consistent hero layouts, activity page redesign, new content, and YouTube embeds

- Product pages (Code Editor, Robot Simulator): text-left/image-right hero layout
- Related resources capped at 3 items on all product pages
- Making Music activities renamed to I, II, III
- New Maze I/II/III and Sumo I/II/III difficulty-graded activities
- YouTube demo videos restored on 12 activity pages from old site
- Activity pages: two-column hero with coding skills & rover concepts tags
- Blog/news pages: same two-column hero layout with date
- Resource type extended with codingSkills, roverConcepts, tags fields
- Removed raw "Relevant Coding Skills/Rover Concepts" text from activity MDX

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

content/resources/driving-shapes.mdx

@@ -3,6 +3,8 @@ title: "Activity: Driving Shapes"
 date: "2021-06-03"
 categories: ["Activities", "All", "Simulator Activities"]
 tags: ["Iteration", "Motors", "Beginner"]
+codingSkills: ["Iteration"]
+roverConcepts: ["Motors"]
 excerpt: "Learn iteration and how to control the Rover’s motors."
 featuredImage: "/images/resources/driving-shapes.png"
 ---
@@ -10,55 +12,9 @@ featuredImage: "/images/resources/driving-shapes.png"
 
 Learn to make your rover move and draw shapes with it. Start by making the rover drive in a square, then a triangle. Simplify your code with a loop and create more complex shapes like hexagons and octagons.
 
-####
-  Relevant Coding Skills
+### Activity Demonstration
 
-    Branching
-
-	-->
-
-    Iteration
-
-    Functions
-
-    Variables
-
-	-->
-
-    Algorithm Design
-
-  -->
-
-    Maths
-
-####
-   Relevant Rover Concepts
-
-    Ultrasonic
-
- -->
-
-    IR
-
-	 -->
-
-    Colour
-
-    Gyroscope
-
-    Accelerometer
-
-    Motors
-
-    LEDs
-
-	-->
-
-    Buzzer
-
- 	-->
-
-Activity Demonstration
+<iframe width="560" height="315" src="https://www.youtube.com/embed/_X2HdHv1Hqs" title="Driving Shapes Activity Demonstration" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
 
 ### Setup