issue-313: Fix editing data when it is sorted

[Kimaiyo077]

What is the Purpose?

Fixes issues experienced when editing a sorted table.

What was the approach?

Re-sorted tableData when it is updated after an edit is completed

Are there any concerns to addressed further before or after merging this PR?

State some additional info if any. For instance running install or setting some environment variable(s)

Mentions?

@amosnjoroge @ninetteadhikari @michaelbukachi

Issue(s) affected?

Closes #313

[netlify[bot]]

✅ Deploy Preview for hakawati ready!

Name	Link
🔨 Latest commit	f2d3a0abd72c6e0db0e1d776c7c7b0fe8d527033
🔍 Latest deploy log	https://app.netlify.com/sites/hakawati/deploys/62a83cd71d54e3000886fe91
😎 Deploy Preview	https://deploy-preview-318--hakawati.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 settings.

[amosnjoroge]

Hi @Kimaiyo077 when I edit a sorted table it is still referencing to the unsorted row and updating its value.

[Kimaiyo077]

@amosnjoroge I am not able to reproduce the issue you have mentioned. I am able to edit the table as expected. @andrewtpham @ninetteadhikari Could you please try it on your end?

[amosnjoroge]

@amosnjoroge I am not able to reproduce the issue you have mentioned. I am able to edit the table as expected. @andrewtpham @ninetteadhikari Could you please try it on your end?

@Kimaiyo077 try editing the same column that was sorted. For example, sort by the name column and then edit one of the values on that column.

[Kimaiyo077]

@amosnjoroge, the sorting should work now with the empty values. @michaelbukachi could you please take a look at the code?

[amosnjoroge]

Tested and it looks good. @michaelbukachi please review it and merge id it is okay. Thanks