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]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	929e403
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/670577ad47b9d20008b4a0c1
😎 Deploy Preview	https://deploy-preview-12517--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 929e403):

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

_{(expires Fri, 11 Oct 2024 18:27:56 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}