Modernize Components to Align with New Angular Syntax (Signals, Input/Output Signals, Computed, and Effect)

[medbenmakhlouf]

In preparation for upcoming Angular versions, we need to update our components to leverage the new Angular syntax, which includes using Signals, Input/Output Signals, computed, and effect. This modernization aims to reduce the reliance on lifecycle hooks, improving change detection and overall performance. These changes will also future-proof the application, aligning it with Angular's evolving best practices.

I will take the initiative to convert components progressively, starting from the simplest to the most complex ones, working in collaboration with the PrimeNG team. Additionally, I will write more comprehensive test cases to ensure the correctness and reliability of the updated components.

This update will include:

• Replacing lifecycle hooks with Signals for better state management.
• Introducing Input and Output Signals for component communication.
• Utilizing computed for derived state.
• Applying effect to handle side effects efficiently.

By adopting these changes, we can ensure our components are more reactive, performant, and easier to maintain in the long term, with better test coverage to support the changes.