p-table: stateful table filters are not properly reset

[RankXen]

Describe the bug

Stateful table filters seem to be applied when the table loads. However, the filter components do not show the 'selected'/'filled in' values for each filter.

Also, having a input text component (used as a stateful table filter) causes the word "undefined" to appear when you start typing in the

Related to: #14588 , #14888

Environment

Windows 10 Enterprise
64-bit operating system, x64-based processor
PrimeNG 17.8.0
Angular 17.2.x

Mainly tested on Google Chrome

Reproducer

No response

Angular version

17.2.x

PrimeNG version

17.8.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

No response

Steps to reproduce the behavior

Steps to reproduce on the PrimeNG documentation site

1. Open up: https://primeng.org/table#stateful
2. Fill in a value in the filter (for example 'aaa'), the table gets filtered, you don't see any records
3. Navigate to another section of the primeng documentation and navigate back to the table, stateful section
4. You'll notice the table is still filtered, but your the input filter value is not visible (the input is empty)
   

Steps to reproduce in own project

1. Create a p-table with state (for example session storage)
2. Bind a filter value to the table filter value as described in the documentation
3. You'll notice the session filter state is restored but the value won't be visible in UI component you used to filter
   Writing inside an input text filter causes the word 'undefined' to appear:
   

Expected behavior

1. Filter should be properly restored from local storage / session, be applied to the table, and the UI controls should properly show the applied filter value
2. When typing inside an input used as a stateful table filter, typing should not cause the word "undefined" to appear inside the text input (Seems to be reported in Table filter set undefined #14588)