update md to mdx

Author: ethanpalm

code.mdx

@@ -29,7 +29,7 @@ class HelloWorld {
 }
 ```
 
-````md
+````mdx
 ```java HelloWorld.java
 class HelloWorld {
     public static void main(String[] args) {
@@ -55,7 +55,7 @@ class HelloWorld {
 }
 ```
 
-````md
+````mdx
 ```java
 class HelloWorld {
     public static void main(String[] args) {
@@ -171,7 +171,7 @@ Add a title after the programming language to label your code example. Titles ca
 const hello = "world";
 ```
 
-````md Code Block Example
+````mdx Code Block Example
 ```javascript Code Block Example
 const hello = "world";
 ```
@@ -180,12 +180,12 @@ const hello = "world";
 ## Icon
 Add an icon to your code block. You can use FontAwesome icons, Lucide icons, or absolute URLs.
 
-```javascript icon="js"
+```javascript icon="square-js"
 const hello = "world";
 ```
 
-````md icon="js"
-```javascript icon="globe"
+````mdx
+```javascript icon="square-js"
 const hello = "world";
 ```
 ````
@@ -201,7 +201,7 @@ function sayHello() {
 sayHello();
 ```
 
-````md
+````mdx
 ```javascript Line Highlighting Example highlight={1,3-5}
 const greeting = "Hello, World!";
 function sayHello() {
@@ -222,7 +222,7 @@ function sayHello() {
 sayHello();
 ```
 
-````md
+````mdx
 ```javascript Line Focus Example focus={2,4-5}
 const greeting = "Hello, World!";
 function sayHello() {
@@ -243,7 +243,7 @@ function sayHello() {
 sayHello();
 ```
 
-````md
+````mdx
 ```javascript Show Line Numbers Example lines
 const greeting = "Hello, World!";
 function sayHello() {
@@ -346,7 +346,7 @@ if __name__ == "__main__":
     main()
 ```
 
-````md
+````mdx
 ```python Expandable Example expandable
 from datetime import datetime, timedelta
 from typing import Dict, List, Optional
@@ -370,7 +370,7 @@ function sayHello() {
 sayHello();
 ```
 
-````md
+````mdx
 ```javascript Wrap Example wrap
 const greeting = "Hello, World! I am a long line of text that will wrap to the next line.";
 function sayHello() {