Enhance code block documentation in Typography.md and update mkdocs.yml for improved features

Author: vivekkpatel

docs/Typography.md

@@ -50,11 +50,41 @@ Term 2
 
 
 # Code Block
+
+## Regular
 ```python
 # This is a code block
 print("Hello, World!")
 ```
 
+## With Title
+``` py title="bubble_sort.py"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] > items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+
+## Line Numbers
+With line numbers
+``` py linenums="1"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] > items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+
+## Highlight specific lines
+``` py hl_lines="2 3"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] > items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+
 # Links
 - [GitHub](https://github.com)
 - [Youtube](https://github.com)

mkdocs.yml

@@ -33,8 +33,9 @@ theme:
           icon: material/brightness-7
           name: Switch to dark mode
   features:
-    - content.action.edit
-    - content.action.view
+    - content.action.edit # Allows "Edit on GitHub" links
+    - content.action.view # Allows "View on GitHub" links
+    - content.code.copy # Allows code blocks to have a copy button
   icon:
     repo: fontawesome/brands/git-alt 
     edit: material/pencil