docs(docs): add ProblemBadges component, layout slot, and enrich pages with topics/video frontmatter, plus guide placeholders and topic‑landing map.

apps/docs/content/(02-nodal-grid)/matrix-index-math/48-rotate-image.mdx

@@ -2,13 +2,16 @@
 title: '48. Rotate Image'
 description: You are given an n x n 2D matrix representing an image, rotate the image by 90 degrees (clockwise)
 icon: dot
+topics:
+  - { name: "Array", slug: "array" }
+  - { name: "Math", slug: "math" }
+  - { name: "Matrix", slug: "matrix" }
+video: "fMSJSS7eO1w"
 sidebar:
   label: 'Rotate Image'
   badge: 'Medium'
 ---
 
-<Badge variant="accent">Array</Badge>
-
 ### Example 1:
 - Input: `matrix = [[1,2,3],[4,5,6],[7,8,9]]`
 - Output: `[[7,4,1],[8,5,2],[9,6,3]]`
@@ -52,7 +55,3 @@ class Solution:
         for r in range(n):
             matrix[r].reverse()
 ```
-
-## Explanation
-
-<YouTube id="fMSJSS7eO1w" title="Rotate Image - Matrix - Leetcode 48" />