fix(platform): Update info bar table to reflect selected filters

[khotcholava]

fix(platform): table showing info bar with selected filters

closes #11783

• Implemented an info bar beneath the table toolbar to display active filters, following SAP Fiori design recommendations.
• Used <fd-toolbar fdType="info" [active]="true"> from Fundamental NGX.
• Displayed filter information with the correct format
• Included a "decline" icon in the info bar.
• Info bar appears only when a filter is applied and hides once the filter is reset.
• Added feature to close the popover when the dismiss button is clicked. The popover will reappear upon changing the filters.

[khotcholava]

NOTE:

!!! Not yet ready for review !!!

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	e736a33
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/67176b6b0dca670008e1b8da
😎 Deploy Preview	https://deploy-preview-12634--fundamental-ngx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	b385032
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/6720d1a52f6771000862e8d3
😎 Deploy Preview	https://deploy-preview-12634--fundamental-ngx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Visit the preview URL for this PR (updated for commit b385032):

https://fundamental-ngx-gh--pr12634-11783-infobar-showin-44silskm.web.app

_{(expires Fri, 01 Nov 2024 12:18:49 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}

[mikerodonnell89]

Two things in this screenshot:

• [object Object]
• I think we need the compact button

[InnaAtanasova]

Still shows [object Object]

[do-oel]

Thanks for this fix! Highly appreciated.

Two smaller things for improvement:

1. The filter info bar shows an index number in front of the filter term. This should be hidden (e.g, Filtered by: StatusColor (0: positive)
2. The category name is using no spaces, this seems a bit weird (e.g, StatusColor instead of Status Color)

[khotcholava]

@do-oel Can you please create stackblitz example for reproducing this issue?

[do-oel]

Hi @khotcholava, you can experience the issue in the documentation example: https://sap.github.io/fundamental-ngx/#/platform/table/settings-dialog-table#filterable