fix(platform): Recheck loadingState before refocus table cell

[CSEHoangV]

Related Issue(s)

closes #12450

Description

Issue: We have a listener on tableLoading to perform cell refocus whenever loadingState is false. However, this is executed asynchronously in setTimeout. Since table loading can be triggered either from internal or provided by application through [loading], there is a chance that it still runs when loadingState is true. For example, loadingState is set true from application when fetching the table and busy indicator is displayed on UI and scrollIntoView from focusCell will use busy indicator instead of table for position recalculation which gives the wrong position to scroll the table.

Solution: Add loadingState recheck to ensure that the code is only run when table is not loading.

[netlify]

❌ Check the deploy log for errors here: https://app.netlify.com/sites/fundamental-ngx/deploys

Name	Link
🔨 Latest commit	f0b43b9
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/67035e2b4deffb000896c5d5

[github-actions]

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

https://fundamental-ngx-gh--pr12517-fix-ng15-platform-ta-btejmtgr.web.app

_{(expires Thu, 10 Oct 2024 04:39:32 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}