feat: add C Major and D Dorian scale components with ABC notation player

Author: brylie

src/components/scales/CMajorScale.astro

@@ -0,0 +1,10 @@
+---
+import AbcjsPlayer from "astro-abcjs/AbcjsPlayer.astro";
+---
+
+<AbcjsPlayer
+  notation={`X:1\nT:C Major\nM:4/4\nL:1/4\nK:C\nC D E F | G A B c |`}
+  showControls={true}
+  responsive={true}
+  abcjsVersion="6.6.0"
+/>

src/components/scales/DDorianMode.astro

@@ -0,0 +1,10 @@
+---
+import AbcjsPlayer from "astro-abcjs/AbcjsPlayer.astro";
+---
+
+<AbcjsPlayer
+  notation={`X:1\nT:D Dorian\nM:4/4\nL:1/4\nK:Ddor\nD E F G | A B c d |`}
+  showControls={true}
+  responsive={true}
+  abcjsVersion="6.6.0"
+/>

src/content/blog/parallel-major-chords.md …c/content/blog/parallel-major-chords.mdxsrc/content/blog/parallel-major-chords.md renamed to src/content/blog/parallel-major-chords.mdx src/content/blog/parallel-major-chords.md renamed to src/content/blog/parallel-major-chords.mdx

@@ -9,6 +9,13 @@ keywords: ["music theory", "chords", "composition", "harmony", "parallel majors"
 
 Have you ever wondered how some of your favorite songs create such emotionally rich and unexpected chord progressions? Many composers and songwriters use a powerful technique that involves borrowing chords from different scales or modes. Today, we'll explore a specific approach called "parallel majors" that can immediately add new colors to your compositions.
 
+import CMajorScale from '../../components/scales/CMajorScale.astro';
+import DDorianMode from '../../components/scales/DDorianMode.astro';
+
+## Parallel Majors Example (ABC Notation)
+
+Have you ever wondered how some of your favorite songs create such emotionally rich and unexpected chord progressions? Many composers and songwriters use a powerful technique that involves borrowing chords from different scales or modes. Today, we'll explore a specific approach called "parallel majors" that can immediately add new colors to your compositions.
+
 ## What Are Parallel Majors?
 
 Before diving into parallel majors, let's establish some foundational concepts.
@@ -17,6 +24,14 @@ Before diving into parallel majors, let's establish some foundational concepts.
 
 A mode is essentially a scale that starts on a different note of a parent major scale. For example, if we take the C major scale (C, D, E, F, G, A, B) but start on D instead, we get D Dorian mode (D, E, F, G, A, B, C).
 
+---
+
+<CMajorScale />
+
+<DDorianMode />
+
+---
+
 The seven modes of the major scale are:
 
 1. Ionian (major)