docs(docs): add Approach and Explanation sections with mermaid diagrams to problem pages

apps/docs/content/(hash-table)/424-longest-repeating-character-replacement.mdx

@@ -24,6 +24,21 @@ sidebar:
 - `s` consists of only uppercase English letters.
 - `0 <= k <= s.length`
 
+## Approach
+
+```mermaid
+flowchart TD
+  S(["characterReplacement(s, k)"]) --> I["count = {}, res = 0, l = 0, maxF = 0"]
+  I --> L{"more (r, c) in s?"}
+  L -- no --> E(["return res"])
+  L -- yes --> A["count[c] += 1; maxF = max(maxF, count[c])"]
+  A --> W{"(r - l + 1) - maxF > k? — too many chars to replace"}
+  W -- yes --> P["count[s[l]] -= 1; l += 1 — shrink from the left"]
+  P --> W
+  W -- no --> M["res = max(res, r - l + 1)"]
+  M --> L
+```
+
 ## Solution
 
 ```py
@@ -45,3 +60,7 @@ class Solution:
             res = max(res, r - l + 1)
         return res
 ```
+
+## Explanation
+
+<YouTube id="gqXU1UyA8pk" title="Longest Repeating Character Replacement - Leetcode 424 - Python" />