update docusaurus

Author: mkosir

website/src/pages/index.mdx

@@ -245,36 +245,6 @@ Consider benefits when explicitly typing the return value of a function:
 - Similar to writing tests before implementation (TDD), defining function arguments and return type, gives you the opportunity to discuss the feature functionality and its interface ahead of implementation.
 - Although type inference is very convenient, adding return types can save TypeScript compiler a lot of work.
 
-### Template Literal Types
-
-Embrace using template literal types, instead of just wide `string` type.  
-Template literal types have many applicable use cases e.g. API endpoints, routing, internationalization, database queries, CSS typings ...
-
-```ts
-// ❌ Avoid
-const userEndpoint = '/api/usersss'; // Type 'string' - Since typo 'usersss', route doesn't exist and results in runtime error
-// ✅ Use
-type ApiRoute = 'users' | 'posts' | 'comments';
-type ApiEndpoint = `/api/${ApiRoute}`; // Type ApiEndpoint = "/api/users" | "/api/posts" | "/api/comments"
-const userEndpoint: ApiEndpoint = '/api/users';
-
-// ❌ Avoid
-const homeTitle = 'translation.homesss.title'; // Type 'string' - Since typo 'homesss', translation doesn't exist and results in runtime error
-// ✅ Use
-type LocaleKeyPages = 'home' | 'about' | 'contact';
-type TranslationKey = `translation.${LocaleKeyPages}.${string}`; // Type TranslationKey = `translation.home.${string}` | `translation.about.${string}` | `translation.contact.${string}`
-const homeTitle: TranslationKey = 'translation.home.title';
-
-// ❌ Avoid
-const color = 'blue-450'; // Type 'string' - Since color 'blue-450' doesn't exist and results in runtime error
-// ✅ Use
-type BaseColor = 'blue' | 'red' | 'yellow' | 'gray';
-type Variant = 50 | 100 | 200 | 300 | 400;
-type Color = `${BaseColor}-${Variant}` | `#${string}`; // Type Color = "blue-50" | "blue-100" | "blue-200" ... | "red-50" | "red-100" ... | #${string}
-const iconColor: Color = 'blue-400';
-const customColor: Color = '#AD3128';
-```
-
 ### Type-Safe Constants with satisfies
 
 The `as const satisfies` syntax is a powerful TypeScript feature that combines strict type-checking and immutability for constants. It is particularly useful when defining constants that need to conform to a specific type.
@@ -330,6 +300,36 @@ const IDLE_ORDER = {
 } as const satisfies OrderStatus;
 ```
 
+### Template Literal Types
+
+Embrace using template literal types, instead of just wide `string` type.  
+Template literal types have many applicable use cases e.g. API endpoints, routing, internationalization, database queries, CSS typings ...
+
+```ts
+// ❌ Avoid
+const userEndpoint = '/api/usersss'; // Type 'string' - Since typo 'usersss', route doesn't exist and results in runtime error
+// ✅ Use
+type ApiRoute = 'users' | 'posts' | 'comments';
+type ApiEndpoint = `/api/${ApiRoute}`; // Type ApiEndpoint = "/api/users" | "/api/posts" | "/api/comments"
+const userEndpoint: ApiEndpoint = '/api/users';
+
+// ❌ Avoid
+const homeTitle = 'translation.homesss.title'; // Type 'string' - Since typo 'homesss', translation doesn't exist and results in runtime error
+// ✅ Use
+type LocaleKeyPages = 'home' | 'about' | 'contact';
+type TranslationKey = `translation.${LocaleKeyPages}.${string}`; // Type TranslationKey = `translation.home.${string}` | `translation.about.${string}` | `translation.contact.${string}`
+const homeTitle: TranslationKey = 'translation.home.title';
+
+// ❌ Avoid
+const color = 'blue-450'; // Type 'string' - Since color 'blue-450' doesn't exist and results in runtime error
+// ✅ Use
+type BaseColor = 'blue' | 'red' | 'yellow' | 'gray';
+type Variant = 50 | 100 | 200 | 300 | 400;
+type Color = `${BaseColor}-${Variant}` | `#${string}`; // Type Color = "blue-50" | "blue-100" | "blue-200" ... | "red-50" | "red-100" ... | #${string}
+const iconColor: Color = 'blue-400';
+const customColor: Color = '#AD3128';
+```
+
 ### Type any & unknown
 
 `any` data type must not be used as it represents literally “any” value that TypeScript defaults to and skips type checking since it cannot infer the type. As such, `any` is dangerous, it can mask severe programming errors.