feat: creates the video status and recommended videos in the dashboard

[netlify[bot]]

✅ Deploy Preview for beta-aviewint ready!

Name	Link
🔨 Latest commit	4cd52f24661f1645dfb9b2508425eacb0bebfa8e
🔍 Latest deploy log	https://app.netlify.com/sites/beta-aviewint/deploys/65ffbac09c36c30008c105a5
😎 Deploy Preview	https://deploy-preview-223--beta-aviewint.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.

[chandhuDev]

@Vicopem01 can you please review this one also!

[Vicopem01]

On the dashboard, we already have the history page fetching the data, so just pick the latest two according to date and display on the dashboard

[Vicopem01]

The top two will always be the most recent ones, and also, there are some flex flex-col and gap properties that can all be replaced with just margin-top or margin-bottom or both, let's try to remove stylings that don't make impacts

[Vicopem01]

Like we discussed, we have

1. Queued
2. Transcription
3. Translation
4. Dubbing
5. Audio Separation
6. Editing
7. Complete

You can use this to calculate the percentage width of the progress bar.

[Vicopem01]

One more thing, only show the top two that are not less than 24 hours old. And display a settings icon that is rolling to show users that it's a work in progress

[Vicopem01]

@chandhuDev

[Vicopem01]

Pull changes before you proceed