Fix default upload duration being shown in raw seconds

[vkWeb]

Summary

This PR fixes the default upload duration being shown in raw seconds. Now, we show the duration in HH:MM:SS format.

Screenshots (if applicable)

Before:

After:

---

Reviewer guidance

1. Sign up with [email protected].
2. Start editing a sample video file.
3. Observe the time shown beside "Completion -> Duration" field when "Exact time to complete" is selected.

References

Closes #3465.

---

Contributor's Checklist

PR process:

• If this is an important user-facing change, PR or related issue the CHANGELOG label been added to this PR. Note: items with this label will be added to the CHANGELOG at a later time
• If this includes an internal dependency change, a link to the diff is provided
• The docs label has been added if this introduces a change that needs to be updated in the user docs?
• If any Python requirements have changed, the updated requirements.txt files also included in this PR
• Opportunities for using Google Analytics here are noted
• Migrations are safe for a large db

Studio-specifc:

• All user-facing strings are translated properly
• The notranslate class been added to elements that shouldn't be translated by Google Chrome's automatic translation feature (e.g. icons, user-generated text)
• All UI components are LTR and RTL compliant
• Views are organized into pages, components, and layouts directories as described in the docs
• Users' storage used is recalculated properly on any changes to main tree files
• If there new ways this uses user data that needs to be factored into our Privacy Policy, it has been noted.

Testing:

• Code is clean and well-commented
• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical user journeys are covered by Gherkin stories
• Any new interactions have been added to the QA Sheet
• Critical and brittle code paths are covered by unit tests

---

Reviewer's Checklist

This section is for reviewers to fill out.

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

[vkWeb]

@rtibbles the above mentioned issue on PR description is fixed.

Btw, there's a bug that I observed while I was fixing this issue. On uploading a new file when there's a already uploaded file, the ActivityDuration component doesn't get updated. So, the old duration is still visible.

If we can make ActivityDuration react whenever a new file is uploaded we can fix it I think?

[rtibbles]

Ah, that's a good catch - can you file a follow up issue for that case?

[rtibbles]

This method will give the same result and seems a little simpler: https://stackoverflow.com/a/25279399

[vkWeb]

That implementation breaks when input seconds are greater than or equal to 86400 seconds.

On 86400 seconds, it outputs 00:00:00. The expected output should be 24:00:00. Date objects are relative to specific parameters like timezone, etc. And our use case is absolute in nature. So, IMO the current implementation feels more robust to me.

[rtibbles]

An excellent point!

[vkWeb]

An issue for the outdated completion criteria duration: #3472.

[rtibbles]

Looks like it does the trick!