feat: migrate and organize documentation and blog posts

refactor(blog): restructure blog post layouts and metadata

docs: add markdown migration guide and project rules update

style(global.css): update typography theme variables

chore: move temp_docs to appropriate blog post locations

src/styles/global.css

@@ -2,6 +2,11 @@
 @import "tw-animate-css";
 @plugin "@tailwindcss/typography";
 
+@theme {
+  --typography-code-before-content: "";
+  --typography-code-after-content: "";
+}
+
 /* Blog List Component Styles */
 .line-clamp-3 {
   display: -webkit-box;