docs(angular): fix broken angular docs reference links

Author: riccardoperra

docs/config.json

@@ -39,12 +39,14 @@
               "to": "framework/angular/angular-table"
             },
             {
-              "label": "Rendering",
-              "to": "framework/angular/guide/rendering"
+              "label": "Rendering components",
+              "to": "framework/angular/guide/rendering",
+              "badge": "angular"
             },
             {
-              "label": "Composable Tables",
-              "to": "framework/angular/guide/composable-tables"
+              "label": "Table composition",
+              "to": "framework/angular/guide/composable-tables",
+              "badge": "angular"
             }
           ]
         },
@@ -321,59 +323,59 @@
           "children": [
             {
               "label": "Angular API Reference",
-              "to": "framework/angular/reference/index.md"
+              "to": "framework/angular/reference/index"
             },
             {
               "label": "injectTable",
-              "to": "framework/angular/reference/functions/inject-table.md"
+              "to": "framework/angular/reference/functions/inject-table"
             },
             {
               "label": "createTableHook",
-              "to": "framework/angular/reference/functions/createTableHook.md"
+              "to": "framework/angular/reference/functions/createTableHook"
             },
             {
               "label": "flexRenderComponent",
-              "to": "framework/angular/reference/functions/flexRenderComponent.md"
+              "to": "framework/angular/reference/functions/flexRenderComponent"
             },
             {
               "label": "injectFlexRenderContext",
-              "to": "framework/angular/reference/functions/injectFlexRenderContext.md"
+              "to": "framework/angular/reference/functions/injectFlexRenderContext"
             },
             {
               "label": "injectTableContext",
-              "to": "framework/angular/reference/functions/injectTableContext.md"
+              "to": "framework/angular/reference/functions/injectTableContext"
             },
             {
               "label": "injectTableCellContext",
-              "to": "framework/angular/reference/functions/injectTableCellContext.md"
+              "to": "framework/angular/reference/functions/injectTableCellContext"
             },
             {
               "label": "injectTableHeaderContext",
-              "to": "framework/angular/reference/functions/injectTableHeaderContext.md"
+              "to": "framework/angular/reference/functions/injectTableHeaderContext"
             },
             {
               "label": "Directive / FlexRender",
-              "to": "framework/angular/reference/variables/FlexRender.md"
+              "to": "framework/angular/reference/variables/FlexRender"
             },
             {
               "label": "Directive / FlexRenderCell",
-              "to": "framework/angular/reference/classes/FlexRenderCell.md"
+              "to": "framework/angular/reference/classes/FlexRenderCell"
             },
             {
               "label": "Directive / FlexRenderDirective",
-              "to": "framework/angular/reference/classes/FlexRenderDirective.md"
+              "to": "framework/angular/reference/classes/FlexRenderDirective"
             },
             {
               "label": "Directive / TanStackTable",
-              "to": "framework/angular/reference/classes/TanStackTable.md"
+              "to": "framework/angular/reference/classes/TanStackTable"
             },
             {
               "label": "Directive / TanStackTableCell",
-              "to": "framework/angular/reference/classes/TanStackTableCell.md"
+              "to": "framework/angular/reference/classes/TanStackTableCell"
             },
             {
               "label": "Directive / TanStackTableHeader",
-              "to": "framework/angular/reference/classes/TanStackTableHeader.md"
+              "to": "framework/angular/reference/classes/TanStackTableHeader"
             }
           ]
         }

docs/framework/angular/guide/composable-tables.md

@@ -1,9 +1,7 @@
 ---
-title: Composable Tables (Angular) Guide
+title: Table Composition
 ---
 
-## Composable Tables
-
 `createTableHook` is a convenience API for creating reusable, type-safe table configurations with pre-bound components. It is inspired by [TanStack Form's `createFormHook`](https://tanstack.com/form/latest/docs/framework/react/guides/form-composition) — a pattern where you define shared infrastructure once and consume it across your application with minimal boilerplate.
 
 ### createTableHook
@@ -286,5 +284,5 @@ export const {
 
 ## Examples
 
-- [Composable Tables](../../examples/angular/composable-tables) — full example with two tables sharing the same `createTableHook` configuration, including table/cell/header component registries, sorting, filtering, and pagination.
-- [Basic App Table](../../examples/angular/basic-app-table) — minimal example using `createTableHook` with no pre-bound components.
+- [Composable Tables](../angular/composable-tables) — full example with two tables sharing the same `createTableHook` configuration, including table/cell/header component registries, sorting, filtering, and pagination.
+- [Basic App Table](../angular/basic-app-table) — minimal example using `createTableHook` with no pre-bound components.

docs/framework/angular/guide/rendering.md

@@ -1,18 +1,16 @@
 ---
-title: Rendering (Angular) Guide
+title: Rendering components
 ---
 
-## Rendering
-
 The `@tanstack/angular-table` adapter provides structural directives and dependency injection primitives for rendering table content in Angular templates.
 
 ## FlexRender
 
-[`FlexRender`](../reference/functions/flexRenderComponent) is the rendering primitive.
+[`FlexRender`](../reference/variables/FlexRender) is the rendering primitive.
 It is exported as a tuple of two directives:
 
-- `FlexRenderDirective` — the base structural directive (`*flexRender`)
-- `FlexRenderCell` — shorthand directives (`*flexRenderCell`, `*flexRenderHeader`, `*flexRenderFooter`)
+- [`FlexRenderDirective`](../reference/classes/FlexRenderDirective) — the base structural directive (`*flexRender`)
+- [`FlexRenderCell`](../reference/classes/FlexRenderCell.md) — shorthand directives (`*flexRenderCell`, `*flexRenderHeader`, `*flexRenderFooter`)
 
 Import `FlexRender` to get both: