diff --git a/docs/src/content/docs/challenges/angular-performance/12-scroll-cd.md b/docs/src/content/docs/challenges/angular-performance/12-scroll-cd.md
index 1782f95..63f49fb 100644
--- a/docs/src/content/docs/challenges/angular-performance/12-scroll-cd.md
+++ b/docs/src/content/docs/challenges/angular-performance/12-scroll-cd.md
@@ -1,6 +1,8 @@
---
title: 🟠Optimize Change Detection
description: Challenge 12 about optimizing the number of change detection cycle while scrolling
+sidebar:
+ order: 12
---
:::note
diff --git a/docs/src/content/docs/challenges/angular-performance/32-bug-cd.md b/docs/src/content/docs/challenges/angular-performance/32-bug-cd.md
index 16d00a3..980d1a1 100644
--- a/docs/src/content/docs/challenges/angular-performance/32-bug-cd.md
+++ b/docs/src/content/docs/challenges/angular-performance/32-bug-cd.md
@@ -1,6 +1,8 @@
---
title: 🟠Change Detection Bug
description: Challenge 32 is about debugging an application that has issue when change detection is triggered
+sidebar:
+ order: 32
---
:::note
diff --git a/docs/src/content/docs/challenges/angular-performance/34-default-onpush.md b/docs/src/content/docs/challenges/angular-performance/34-default-onpush.md
index d4ecc07..4768b65 100644
--- a/docs/src/content/docs/challenges/angular-performance/34-default-onpush.md
+++ b/docs/src/content/docs/challenges/angular-performance/34-default-onpush.md
@@ -1,6 +1,8 @@
---
title: 🟢 Default vs OnPush
description: Challenge 34 is about learning the difference between Default and OnPush Change Detection Strategy.
+sidebar:
+ order: 34
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/1-projection.md b/docs/src/content/docs/challenges/angular/1-projection.md
index 204fc0b..d8998bd 100644
--- a/docs/src/content/docs/challenges/angular/1-projection.md
+++ b/docs/src/content/docs/challenges/angular/1-projection.md
@@ -1,6 +1,8 @@
---
title: 🟢 Projection
description: Challenge 1 is about learning how to project DOM element through components
+sidebar:
+ order: 1
---
Challenge #1
diff --git a/docs/src/content/docs/challenges/angular/10-pipe-utility.md b/docs/src/content/docs/challenges/angular/10-pipe-utility.md
index ac19905..262093d 100644
--- a/docs/src/content/docs/challenges/angular/10-pipe-utility.md
+++ b/docs/src/content/docs/challenges/angular/10-pipe-utility.md
@@ -1,6 +1,8 @@
---
title: 🔴 Utility Wrapper Pipe
description: Challenge 10 is about creating a pipe to wrap utilities
+sidebar:
+ order: 10
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/13-styling.md b/docs/src/content/docs/challenges/angular/13-styling.md
index dec1f11..81c663c 100644
--- a/docs/src/content/docs/challenges/angular/13-styling.md
+++ b/docs/src/content/docs/challenges/angular/13-styling.md
@@ -1,6 +1,8 @@
---
title: 🟠Highly Customizable CSS
description: Challenge 13 is about creating highly customizable CSS styles
+sidebar:
+ order: 13
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/16-di.md b/docs/src/content/docs/challenges/angular/16-di.md
index 5f275a9..4e682ca 100644
--- a/docs/src/content/docs/challenges/angular/16-di.md
+++ b/docs/src/content/docs/challenges/angular/16-di.md
@@ -1,6 +1,8 @@
---
title: 🔴 Master Dependancy Injection
description: Challenge 16 is about masjering how dependancy injection works
+sidebar:
+ order: 16
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/21-achor-scrolling.md b/docs/src/content/docs/challenges/angular/21-achor-scrolling.md
index 0b0aebc..554e52d 100644
--- a/docs/src/content/docs/challenges/angular/21-achor-scrolling.md
+++ b/docs/src/content/docs/challenges/angular/21-achor-scrolling.md
@@ -1,6 +1,8 @@
---
title: 🟢 Anchor Navigation
description: Challenge 21 is about navigating inside the page with anchor
+sidebar:
+ order: 21
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/22-router-input.md b/docs/src/content/docs/challenges/angular/22-router-input.md
index bbbe25f..2313a0d 100644
--- a/docs/src/content/docs/challenges/angular/22-router-input.md
+++ b/docs/src/content/docs/challenges/angular/22-router-input.md
@@ -1,6 +1,8 @@
---
title: 🟢 @RouterInput()
description: Challenge 22 is about using the @Input decorator to retreive router params.
+sidebar:
+ order: 22
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/3-directive-enhancement.md b/docs/src/content/docs/challenges/angular/3-directive-enhancement.md
index dbdd6ed..2750ca1 100644
--- a/docs/src/content/docs/challenges/angular/3-directive-enhancement.md
+++ b/docs/src/content/docs/challenges/angular/3-directive-enhancement.md
@@ -1,6 +1,8 @@
---
title: 🟠Directive Enhancement
description: Challenge 3 is about enhancing a built-in directive
+sidebar:
+ order: 3
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/30-interop-rxjs-signal.md b/docs/src/content/docs/challenges/angular/30-interop-rxjs-signal.md
index 70cb041..9ca0a01 100644
--- a/docs/src/content/docs/challenges/angular/30-interop-rxjs-signal.md
+++ b/docs/src/content/docs/challenges/angular/30-interop-rxjs-signal.md
@@ -1,6 +1,8 @@
---
title: 🔴 Interoperability Rxjs/Signal
description: Challenge 30 is about learning how to mix signal with Rxjs
+sidebar:
+ order: 30
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/31-module-to-standalone.md b/docs/src/content/docs/challenges/angular/31-module-to-standalone.md
index 11cc8ee..825bc59 100644
--- a/docs/src/content/docs/challenges/angular/31-module-to-standalone.md
+++ b/docs/src/content/docs/challenges/angular/31-module-to-standalone.md
@@ -1,6 +1,8 @@
---
title: 🟢 Module to Standalone
description: Challenge 31 is about migrating a module based application to a standalone application.
+sidebar:
+ order: 31
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/33-decoupling.md b/docs/src/content/docs/challenges/angular/33-decoupling.md
index cb72600..2baf1d6 100644
--- a/docs/src/content/docs/challenges/angular/33-decoupling.md
+++ b/docs/src/content/docs/challenges/angular/33-decoupling.md
@@ -1,6 +1,8 @@
---
title: 🟠Decoupling Components
description: Challenge 33 is about decoupling two strongly coupled components using Injection Token
+sidebar:
+ order: 33
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md b/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md
index 00943b8..2eb0c2c 100644
--- a/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md
+++ b/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md
@@ -1,6 +1,8 @@
---
title: 🔴 Typed ContextOutlet
description: Challenge 4 is about strongly typing ngContextOutlet directives
+sidebar:
+ order: 4
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/5-crud.md b/docs/src/content/docs/challenges/angular/5-crud.md
index 5c18f8b..6d35332 100644
--- a/docs/src/content/docs/challenges/angular/5-crud.md
+++ b/docs/src/content/docs/challenges/angular/5-crud.md
@@ -1,6 +1,8 @@
---
title: 🟢 Crud application
description: Challenge 5 is about refactoring a crud application
+sidebar:
+ order: 5
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/6-permissions.md b/docs/src/content/docs/challenges/angular/6-permissions.md
index 50878ed..8c68c9b 100644
--- a/docs/src/content/docs/challenges/angular/6-permissions.md
+++ b/docs/src/content/docs/challenges/angular/6-permissions.md
@@ -1,6 +1,8 @@
---
title: 🟠Structural Directive
description: Challenge 6 is about creating a structural directive to handle permissions
+sidebar:
+ order: 6
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/8-pipe-pure.md b/docs/src/content/docs/challenges/angular/8-pipe-pure.md
index 5ed72d4..e15224e 100644
--- a/docs/src/content/docs/challenges/angular/8-pipe-pure.md
+++ b/docs/src/content/docs/challenges/angular/8-pipe-pure.md
@@ -1,6 +1,8 @@
---
title: 🟢 Pure Pipe
description: Challenge 8 is about creating a pure pipe
+sidebar:
+ order: 8
---
:::note
diff --git a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md
index 3146535..e1d3f79 100644
--- a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md
+++ b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md
@@ -1,6 +1,8 @@
---
title: 🟠Wrap Function Pipe
description: Challenge 9 is about creating a pipe to wrap component fonctions
+sidebar:
+ order: 9
---
:::note
diff --git a/docs/src/content/docs/challenges/ngrx/2-effect-selector.md b/docs/src/content/docs/challenges/ngrx/2-effect-selector.md
index bfab92d..b308293 100644
--- a/docs/src/content/docs/challenges/ngrx/2-effect-selector.md
+++ b/docs/src/content/docs/challenges/ngrx/2-effect-selector.md
@@ -1,6 +1,8 @@
---
title: 🟠Effect vs Selector
description: Challenge 2 is about learning the difference between effects and selectors in NgRx
+sidebar:
+ order: 2
---
:::note
diff --git a/docs/src/content/docs/challenges/ngrx/7-power-effect.md b/docs/src/content/docs/challenges/ngrx/7-power-effect.md
index 3276414..3afab3f 100644
--- a/docs/src/content/docs/challenges/ngrx/7-power-effect.md
+++ b/docs/src/content/docs/challenges/ngrx/7-power-effect.md
@@ -1,6 +1,8 @@
---
title: 🔴 Power of Effect
description: Challenge 7 is about creating an Ngrx effect with another Rxjs Hot observable
+sidebar:
+ order: 7
---
:::note
diff --git a/docs/src/content/docs/challenges/nx/25-generator-lib-ext.md b/docs/src/content/docs/challenges/nx/25-generator-lib-ext.md
index aac1bd3..842ba1f 100644
--- a/docs/src/content/docs/challenges/nx/25-generator-lib-ext.md
+++ b/docs/src/content/docs/challenges/nx/25-generator-lib-ext.md
@@ -1,6 +1,8 @@
---
title: 🔴 Extend Lib Generator
description: Challenge 25 is about creating a Nx generator to extend the built-in Library Generator
+sidebar:
+ order: 25
---
:::note
diff --git a/docs/src/content/docs/challenges/nx/26-generator-comp.md b/docs/src/content/docs/challenges/nx/26-generator-comp.md
index 0fe8263..30e737e 100644
--- a/docs/src/content/docs/challenges/nx/26-generator-comp.md
+++ b/docs/src/content/docs/challenges/nx/26-generator-comp.md
@@ -1,6 +1,8 @@
---
title: 🟠Component Generator
description: Challenge 26 is about creating a Nx generator to create a custom component
+sidebar:
+ order: 26
---
:::note
diff --git a/docs/src/content/docs/challenges/nx/27-forbid-enum-rule.md b/docs/src/content/docs/challenges/nx/27-forbid-enum-rule.md
index 8891b5e..54bcd04 100644
--- a/docs/src/content/docs/challenges/nx/27-forbid-enum-rule.md
+++ b/docs/src/content/docs/challenges/nx/27-forbid-enum-rule.md
@@ -1,6 +1,8 @@
---
title: 🟢 Custom Eslint Rule
description: Challenge 27 is about creating a custom Eslint Rule to forbid enums
+sidebar:
+ order: 27
---
:::note
diff --git a/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md b/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md
index cdb6c3d..6caf29b 100644
--- a/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md
+++ b/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md
@@ -1,6 +1,8 @@
---
title: 🟠High Order Operator Bug
description: Challenge 11 is about resolving a Rxjs bug because of high order operators
+sidebar:
+ order: 11
---
:::note
diff --git a/docs/src/content/docs/challenges/rxjs/14-race-condition.md b/docs/src/content/docs/challenges/rxjs/14-race-condition.md
index 45944eb..0b40d51 100644
--- a/docs/src/content/docs/challenges/rxjs/14-race-condition.md
+++ b/docs/src/content/docs/challenges/rxjs/14-race-condition.md
@@ -1,6 +1,8 @@
---
title: 🟢 Race Condition
description: Challenge 14 is about race condition in Rxjs
+sidebar:
+ order: 14
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/17-router.md b/docs/src/content/docs/challenges/testing/17-router.md
index b2d4e10..7c04b78 100644
--- a/docs/src/content/docs/challenges/testing/17-router.md
+++ b/docs/src/content/docs/challenges/testing/17-router.md
@@ -1,6 +1,8 @@
---
title: 🟠Router
description: Challenge 17 is about testing the router
+sidebar:
+ order: 17
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/18-nested-comp.md b/docs/src/content/docs/challenges/testing/18-nested-comp.md
index 9c33e4c..d85f11b 100644
--- a/docs/src/content/docs/challenges/testing/18-nested-comp.md
+++ b/docs/src/content/docs/challenges/testing/18-nested-comp.md
@@ -1,6 +1,8 @@
---
title: 🟠Nested Components
description: Challenge 18 is about testing nested components
+sidebar:
+ order: 18
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/19-input-output.md b/docs/src/content/docs/challenges/testing/19-input-output.md
index 8d725a8..e9bef43 100644
--- a/docs/src/content/docs/challenges/testing/19-input-output.md
+++ b/docs/src/content/docs/challenges/testing/19-input-output.md
@@ -1,6 +1,8 @@
---
title: 🟠Input Output
description: Challenge 19 is about testing inputs and ouputs
+sidebar:
+ order: 19
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/20-modal.md b/docs/src/content/docs/challenges/testing/20-modal.md
index b5761e0..8486b76 100644
--- a/docs/src/content/docs/challenges/testing/20-modal.md
+++ b/docs/src/content/docs/challenges/testing/20-modal.md
@@ -1,6 +1,8 @@
---
title: 🟠Modal
description: Challenge 20 is about testing modals
+sidebar:
+ order: 20
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/23-harness.md b/docs/src/content/docs/challenges/testing/23-harness.md
index b2ba288..e05b921 100644
--- a/docs/src/content/docs/challenges/testing/23-harness.md
+++ b/docs/src/content/docs/challenges/testing/23-harness.md
@@ -1,6 +1,8 @@
---
title: 🟢 Harness
description: Challenge 23 is about testing with component harnesses
+sidebar:
+ order: 23
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/24-harness-creation.md b/docs/src/content/docs/challenges/testing/24-harness-creation.md
index f93d4f2..5cab7ad 100644
--- a/docs/src/content/docs/challenges/testing/24-harness-creation.md
+++ b/docs/src/content/docs/challenges/testing/24-harness-creation.md
@@ -1,6 +1,8 @@
---
title: 🟠Harness Creation
description: Challenge 24 is about creating a component harness.
+sidebar:
+ order: 24
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/28-checkbox.md b/docs/src/content/docs/challenges/testing/28-checkbox.md
index 655ba4d..17f3b9d 100644
--- a/docs/src/content/docs/challenges/testing/28-checkbox.md
+++ b/docs/src/content/docs/challenges/testing/28-checkbox.md
@@ -1,6 +1,8 @@
---
title: 🟢 Checkbox
description: Challenge 28 is about testing a simple checkbox
+sidebar:
+ order: 28
---
:::note
diff --git a/docs/src/content/docs/challenges/testing/29-real-application.md b/docs/src/content/docs/challenges/testing/29-real-application.md
index 03fef55..57b63d7 100644
--- a/docs/src/content/docs/challenges/testing/29-real-application.md
+++ b/docs/src/content/docs/challenges/testing/29-real-application.md
@@ -1,6 +1,8 @@
---
title: 🔴 Real-life Application
description: Challenge 29 is about testing a real-life application
+sidebar:
+ order: 29
---
:::note
diff --git a/docs/src/content/docs/challenges/typescript/15-overload-fn.md b/docs/src/content/docs/challenges/typescript/15-overload-fn.md
index f04e921..1726c05 100644
--- a/docs/src/content/docs/challenges/typescript/15-overload-fn.md
+++ b/docs/src/content/docs/challenges/typescript/15-overload-fn.md
@@ -1,6 +1,8 @@
---
title: 🟠Function Overload
description: Challenge 15 is about creating overload functions
+sidebar:
+ order: 15
---
:::note