feat: add complete Docker setup for markdown editor

Create Docker configuration files and setup commands

#VERCEL_SKIP

Co-authored-by: Anders Lehmann Pier <3219386+AndersPier@users.noreply.github.com>

app/page.tsx

@@ -0,0 +1,59 @@
+"use client"
+import { MarkdownEditor } from "@/components/markdown-editor"
+
+const defaultMarkdown = `# 🚀 Welcome to Markdown Editor
+
+This is a **modern** markdown editor with *real-time* preview and a **colorful** interface!
+
+## ✨ Features
+
+- 🎨 Beautiful split-screen editing
+- ⚡ Live preview with instant updates
+- 🛠️ Rich formatting toolbar
+- 🌈 Modern, colorful UI
+
+### 💻 Code Example
+
+\`\`\`javascript
+function createAwesome() {
+  console.log("Building something amazing! 🎉");
+  return "success";
+}
+\`\`\`
+
+### 📝 Lists & More
+
+1. **First priority** - Get things done
+2. **Second priority** - Make it beautiful
+3. **Third priority** - Share with the world
+
+- 🎯 Bullet points with style
+- 🚀 Another awesome point
+  - 💡 Nested brilliance
+  - ⭐ Even more nested goodness
+
+### 🔗 Links and Media
+
+[🌟 Visit our GitHub](https://github.com) for more amazing projects!
+
+> 💬 This is a beautiful blockquote with some **bold** text and *italic* styling.
+
+---
+
+### 📊 Data Table
+
+| Feature | Status | Priority |
+|---------|--------|----------|
+| Editor | ✅ Complete | High |
+| Preview | ✅ Complete | High |
+| Export | 🚧 In Progress | Medium |
+
+Happy writing! ✨🎉`
+
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50">
+      <MarkdownEditor initialContent={defaultMarkdown} />
+    </div>
+  )
+}