feat: Support Angular v19 and stabilize linkedQueryParam utility

BREAKING CHANGE: 
Updated dependencies and configurations for compatibility with Angular v19 and higher.

This PR introduces official compatibility with Angular v19 across the platform.

A primary focus was stabilizing the 'linkedQueryParam' utility, which has been promoted from experimental to stable, and significantly enhancing its functionality and documentation.

### Features & Enhancements

* **Angular v19 Support:** 
* **`linkedQueryParam` Stabilization:** The utility is now considered **stable**, with robust support for both static and **dynamic query parameter keys**.
* **Dynamic Key Handling:** Improved internal logic to ensure correct behavior when the query parameter key changes dynamically, including enhanced synchronization via `automaticallySynchronizeOnKeyChange`.
* **Expanded Documentation:** Added comprehensive documentation, including Quick Start guides, detailed examples for built-in parsers (e.g., `paramToNumber`), and usage with **input, writable, and model signals**.

### Fixes & Refactors
* Prevented invalid query parameter keys (null, undefined, empty string) from incorrectly updating the route.
* Streamlined internal effect registration and cleaned up redundant test cases for better maintainability.

Author: eneajaho

README.md

@@ -74,6 +74,8 @@ All utilities are tree-shakable and designed for Angular 16+.
 
 | ngxtension Version | Release Date | Angular Version Support |
 |-------------------|--------------|------------------------|
+| **7.x** | 2025-09-12 | >=19.0.0 |
+| **6.x** | 2025-09-12 | >=16.0.0 |
 | **5.x** | 2025-03-14 | >=16.0.0 |
 | **4.x** | 2024-07-15 | >=16.0.0 |
 | **3.x** | 2024-04-24 | >=16.0.0 |

apps/test-app/src/app/active-element/active-element.component.ts

@@ -3,7 +3,6 @@ import { Component } from '@angular/core';
 import { injectActiveElement } from 'ngxtension/active-element';
 
 @Component({
-	standalone: true,
 	host: {
 		style: 'display: block; margin: 12px',
 	},

apps/test-app/src/app/app.component.ts

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 
 @Component({
-	standalone: true,
 	imports: [RouterLink, RouterOutlet, RouterLinkActive],
 	selector: 'ngxtension-platform-root',
 	template: `
@@ -81,7 +80,6 @@ import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 			</div>
 		</div>
 	`,
-
 	styles: `
 		ul {
 			display: flex;

apps/test-app/src/app/control-error/control-error.component.ts

@@ -9,7 +9,6 @@ import { NgxControlError } from 'ngxtension/control-error';
 
 @Component({
 	selector: 'ngxtension-platform-control-error',
-	standalone: true,
 	imports: [NgxControlError, FormsModule, ReactiveFormsModule],
 	template: `
 		<form [formGroup]="form">

apps/test-app/src/app/control-value-accessor/control-value-accessor.ts

@@ -109,7 +109,6 @@ export class UserSelect {
 
 @Component({
 	selector: 'ngxtension-platform-control-value-accessor',
-	standalone: true,
 	imports: [
 		CommonModule,
 		FormsModule,

apps/test-app/src/app/drag/drag.component.ts

@@ -71,7 +71,6 @@ export class Box {
 }
 
 @Component({
-	standalone: true,
 	imports: [Box, BoxWithHost, NgxDrag],
 	template: `
 		<app-box />

apps/test-app/src/app/form-events/form-events.component.ts

@@ -9,7 +9,6 @@ import { allEventsObservable, allEventsSignal } from 'ngxtension/form-events';
 
 @Component({
 	selector: 'ngxtension-platform-intl',
-	standalone: true,
 	imports: [ReactiveFormsModule, JsonPipe, AsyncPipe],
 	template: `
 		<label for="control">Control</label>

apps/test-app/src/app/if-validator/if-validator.component.ts

@@ -4,7 +4,6 @@ import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
 import { ifValidator } from 'ngxtension/if-validator';
 
 @Component({
-	standalone: true,
 	imports: [CommonModule, ReactiveFormsModule],
 	host: {
 		style: 'display: block; margin: 12px',

apps/test-app/src/app/intl/intl.component.ts

@@ -8,7 +8,6 @@ import {
 
 @Component({
 	selector: 'ngxtension-platform-intl',
-	standalone: true,
 	imports: [
 		CommonModule,
 		DisplayNamesPipe,

apps/test-app/src/app/linked-query-param/linked-query-param-array.component.ts

@@ -1,10 +1,8 @@
-import { JsonPipe } from '@angular/common';
 import { Component, effect } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { linkedQueryParam } from 'ngxtension/linked-query-param';
 
 @Component({
-	standalone: true,
 	template: `
 		<div>
 			@for (id of IDs; track $index) {
@@ -19,7 +17,7 @@ import { linkedQueryParam } from 'ngxtension/linked-query-param';
 			}
 		</div>
 	`,
-	imports: [FormsModule, JsonPipe],
+	imports: [FormsModule],
 	styles: `
 		div {
 			padding: 20px;