feat: Add blog post functionality with Markdown support

- Introduced BlogPostNode to render blog posts with metadata and content.
- Updated graph.json to include new blog post nodes.
- Enhanced MarkdownRenderer to support code block options for max height.
- Added CSS styles for improved code block scrolling and syntax highlighting.
- Created example blog posts: "Markdown Formatting Test", "Welcome to My Blog", and "Building Interactive Node Graphs".
- Implemented dynamic loading of blog data from blogs.json.
- Updated WorkspaceNavigator to allow smooth panning over blog nodes.

website/data/blog/welcome.md

@@ -0,0 +1,46 @@
+---
+title: Welcome to My Blog
+date: 2026-04-19
+author: Max Litruv Boonzaayer
+tags: welcome, meta, introduction
+---
+
+# Welcome to My Blog
+
+This is my first blog post! I'm excited to share my thoughts and experiences with you.
+
+## What This Blog Is About
+
+This blog is built using a **custom node-based graph system** where each blog post is represented as a node in an interactive visual graph. Pretty cool, right?
+
+### Features
+
+- 📝 Markdown support with YAML front matter
+- 📅 Date-based organization
+- 🏷️ Tag system for categorization
+- 🎨 Interactive node-based visualization
+- 📁 Media support in `data/blog/media/`
+
+## Technical Details
+
+The build system automatically:
+1. Scans the `data/blog/` directory for `.md` files
+2. Parses YAML front matter for metadata
+3. Generates a `blogs.json` file
+4. Makes posts available to the BlogPostNode
+
+You can reference images like this:
+![Example](data/blog/media/example.png)
+
+## Code Examples
+
+Here's some example code:
+
+```javascript
+const greeting = "Hello, World!";
+console.log(greeting);
+```
+
+## Conclusion
+
+Stay tuned for more posts! This is just the beginning of an exciting journey.