Update batch capture functions, add composable to fetch batch history

[tinykite]

Summary

This update refactors some previous component-scoped functions into composables (the Vue equivalent of React hooks) for reusability and adds a new composable for fetching a user's batch capture history.

Additional Notes

• Refactors handleBatchDetailsFetch and handleBatchFormatting. These have been renamed following the normal style for Vue composables, which are typically named Use....
• Adds useBatchHistoryFetch to fetch a user's batch history
• Adds LinkBatchHistory component with minimal developer-only UI for testing out fetch functionality

Right now, this code merely displays the batch history when a user requests it by toggling a button. It does not automatically update the list of timestamps. In the future, this could become more reactive by moving the batchCaptureId out of CreateLinkBatch and into the global store in globalStore.js — then writing a watch function to watch for changes to the batch capture id, and re-fetching an updated list of batch history info.

For example,

  watch(() => globalStore.batchCaptureId, () => {
        ....do a thing
  });

Screenshots

Linear issue

Satisfies Linear issue 2316

How to test

• Make sure you've toggled the vue-dashboard and developer-playground Django flags
• Clicking "Fetch Batch History" should fetch and display the unformatted timestamps for the start time of the past 7 batch capture requests.
• If you initiate another batch capture using the Perma UI, you should be able to click "Fetch Batch History" again and see a new timestamp show up at the top of the list.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.03%. Comparing base (182a9c9) to head (c9501a0).
Report is 22 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #3592   +/-   ##
========================================
  Coverage    69.03%   69.03%           
========================================
  Files           48       48           
  Lines         6978     6978           
========================================
  Hits          4817     4817           
  Misses        2161     2161           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[teovin]

Looks good!

I noticed a couple of things that were implemented via another PR I think. So feel free to look at them now or create a new ticket. Or just ignore if we aren't working on these yet :)

The first one is when I initiate a batch capture, the progress modal shrinks to a very small size creating a scroll bar. I think we should tweak its sizing so everything is visible.

And two, we should write the first sentence as Batch is complete. and add a period to the end of the second sentence:

[tinykite]

I noticed a couple of things that were implemented via another PR I think. So feel free to look at them now or create a new ticket. Or just ignore if we aren't working on these yet :)

Great observations! I'll merge this work in now and think that would be great follow-up work for the team to tackle in the future.