docs: move type after usafe

Author: atinux

docs/content/docs/4.utils/2.query-collection-navigation.md

@@ -4,22 +4,6 @@ description: The queryCollectionNavigation composable generates the navigation
   tree of given collection.
 ---
 
-## Type
-
-```ts
-function queryCollectionNavigation<T extends keyof PageCollections>(
-  collection: T,
-  fields?: Array<keyof PageCollections[T]>
-): ChainablePromise<T, ContentNavigationItem[]>
-
-interface ChainablePromise<T extends keyof PageCollections, R> extends Promise<R> {
-  where(field: keyof PageCollections[T] | string, operator: SQLOperator, value?: unknown): ChainablePromise<T, R>
-  andWhere(groupFactory: QueryGroupFunction<PageCollections[T]>): ChainablePromise<T, R>
-  orWhere(groupFactory: QueryGroupFunction<PageCollections[T]>): ChainablePromise<T, R>
-  order(field: keyof PageCollections[T], direction: 'ASC' | 'DESC'): ChainablePromise<T, R>
-}
-```
-
 ## Usage
 
 Use the auto-imported `queryCollectionNavigation` to generate a navigation tree for a specific collection. This is particularly useful for creating dynamic navigation menus or sidebars based on your content structure.
@@ -49,6 +33,22 @@ title: Getting Started
 icon: i-lucide-square-play
 ```
 
+## Type
+
+```ts
+function queryCollectionNavigation<T extends keyof PageCollections>(
+  collection: T,
+  fields?: Array<keyof PageCollections[T]>
+): ChainablePromise<T, ContentNavigationItem[]>
+
+interface ChainablePromise<T extends keyof PageCollections, R> extends Promise<R> {
+  where(field: keyof PageCollections[T] | string, operator: SQLOperator, value?: unknown): ChainablePromise<T, R>
+  andWhere(groupFactory: QueryGroupFunction<PageCollections[T]>): ChainablePromise<T, R>
+  orWhere(groupFactory: QueryGroupFunction<PageCollections[T]>): ChainablePromise<T, R>
+  order(field: keyof PageCollections[T], direction: 'ASC' | 'DESC'): ChainablePromise<T, R>
+}
+```
+
 ## API
 
 ### `queryCollectionNavigation(collection: CollectionName, extraField: keyof Collection)`