feat(courses): add 2026 Cloudflare Agents and Odin Project courses to LEARNING_ORDER

Author: codercatdev

apps/site/src/pages/courses/index.astro

@@ -69,49 +69,121 @@ const LEARNING_ORDER: Record<
 		textColor: "#FFFFFF",
 		badge: "🧠 TypeScript AI Agents",
 	},
-	"css-animations": {
+	"cloudflare-agents-durable-workflows-typescript": {
 		rank: 5,
-		tier: "Course 5 · Style & Motion",
+		tier: "Course 5 · 2026 Edge Agents",
+		color: "#EDE9FE",
+		lip: "#2A1155",
+		textColor: "#5B21B6",
+		badge: "⚡ Durable Objects & Workflows",
+	},
+	"odin-web-development-foundations": {
+		rank: 6,
+		tier: "Odin Project 1 · Foundations",
+		color: "#86EFAC",
+		lip: "#2A1155",
+		textColor: "#166534",
+		badge: "🌐 HTML, CSS, Flexbox & JS",
+	},
+	"odin-git-and-github-workflows": {
+		rank: 7,
+		tier: "Odin Project 2 · Git & GitHub",
+		color: "#FEF08A",
+		lip: "#2A1155",
+		textColor: "#713F12",
+		badge: "🌿 Git Internals & Rebase",
+	},
+	"odin-intermediate-html-and-css-grid": {
+		rank: 8,
+		tier: "Odin Project 3 · CSS Grid & Forms",
+		color: "#FBCFE8",
+		lip: "#2A1155",
+		textColor: "#9D174D",
+		badge: "📐 Grid & Subgrid",
+	},
+	"odin-javascript-deep-dive": {
+		rank: 9,
+		tier: "Odin Project 4 · JS Deep Dive",
+		color: "#FEF08A",
+		lip: "#2A1155",
+		textColor: "#713F12",
+		badge: "⚙️ Event Loop, Closures & TDD",
+	},
+	"odin-advanced-html-css-and-a11y": {
+		rank: 10,
+		tier: "Odin Project 5 · Motion & A11y",
+		color: "#BAE6FD",
+		lip: "#2A1155",
+		textColor: "#0369A1",
+		badge: "♿ View Transitions & WCAG",
+	},
+	"odin-modern-react-and-typescript": {
+		rank: 11,
+		tier: "Odin Project 6 · React 19 & TS",
+		color: "#EDE9FE",
+		lip: "#2A1155",
+		textColor: "#5B21B6",
+		badge: "⚛️ React 19 & Astro Islands",
+	},
+	"odin-databases-and-sql": {
+		rank: 12,
+		tier: "Odin Project 7 · SQL & Drizzle",
+		color: "#86EFAC",
+		lip: "#2A1155",
+		textColor: "#166534",
+		badge: "🗄️ SQL Indexing & D1",
+	},
+	"odin-nodejs-backend-and-getting-hired": {
+		rank: 13,
+		tier: "Odin Project 8 · Backend & Career",
+		color: "#7C3AED",
+		lip: "#2A1155",
+		textColor: "#FFFFFF",
+		badge: "🚀 Hono RPC & Getting Hired",
+	},
+	"css-animations": {
+		rank: 14,
+		tier: "Course 14 · Style & Motion",
 		color: "#FBCFE8",
 		lip: "#2A1155",
 		textColor: "#9D174D",
 		badge: "🎨 UI & Modern CSS",
 	},
 	"intro-to-svelte": {
-		rank: 6,
-		tier: "Course 6 · Reactive UI",
+		rank: 15,
+		tier: "Course 15 · Reactive UI",
 		color: "#EDE9FE",
 		lip: "#2A1155",
 		textColor: "#5B21B6",
 		badge: "⚡ Frontend Frameworks",
 	},
 	"intro-to-solid-js": {
-		rank: 7,
-		tier: "Course 7 · Fine-Grained Reactivity",
+		rank: 16,
+		tier: "Course 16 · Fine-Grained Reactivity",
 		color: "#86EFAC",
 		lip: "#2A1155",
 		textColor: "#166534",
 		badge: "⚡ Frontend Frameworks",
 	},
 	svelte: {
-		rank: 8,
-		tier: "Course 8 · Component Architecture",
+		rank: 17,
+		tier: "Course 17 · Component Architecture",
 		color: "#FEF08A",
 		lip: "#2A1155",
 		textColor: "#713F12",
 		badge: "🧶 Intermediate",
 	},
 	"sveltekit-firebase": {
-		rank: 9,
-		tier: "Course 9 · Full-Stack Apps",
+		rank: 18,
+		tier: "Course 18 · Full-Stack Apps",
 		color: "#BAE6FD",
 		lip: "#2A1155",
 		textColor: "#0369A1",
 		badge: "🚀 Full-Stack",
 	},
 	angularmaterial: {
-		rank: 10,
-		tier: "Course 10 · Enterprise UI",
+		rank: 19,
+		tier: "Course 19 · Enterprise UI",
 		color: "#BAE6FD",
 		lip: "#2A1155",
 		textColor: "#0369A1",