Implement video previews on carousel

[laurenmcp]

Implement video previews on carousel

Issue Number(s): #93, #216 .

What does this PR change and why?

Implement video previews on carousel with playback controls. Fix back to feed button on mobile view.

Checklist

• [ ] Requirements have been implemented
• [ ] Acceptance criteria are met
• [ ] Database schema docs have been updated or are not necessary
• [ ] Code follows design and style guidelines
• [ ] Commits follow guidelines (concise, squashed, etc)
• [x] Relevant reviewers (Senior Dev/EM/Designers) have been assigned to this PR

Critical Changes

None

Related PRs

N/A

Testing

Video previews function as expected with playback controls. Image object fit is maintained.

[netlify[bot]]

✅ Deploy Preview for angels-among-us ready!

Name	Link
🔨 Latest commit	7103dc09e58c4c48a996d7f787dd3357cc80e1fc
🔍 Latest deploy log	https://app.netlify.com/sites/angels-among-us/deploys/653aceb60874dc0008f124cf
😎 Deploy Preview	https://deploy-preview-202--angels-among-us.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[bot]]

Coverage report for web

St.:grey_question:	Category	Percentage	Covered / Total
🔴	Statements	27.94% (+0.49% 🔼)	465/1664
🔴	Branches	13.11% (+3.16% 🔼)	64/488
🔴	Functions	15.18% (+1.73% 🔼)	75/494
🔴	Lines	23.64% (+0.1% 🔼)	343/1451

Show files with reduced coverage 🔻

|

St.^{:grey_question:}

| File | Statements | Branches | Functions | Lines | | :----------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------- | :-------------------------------------------------------------- | :------------------------------------------------------------- | :---------------------------------------------------------- | :-------------------------------------------------------------- | | 🟡 | utils/consts.ts |

75% (-1.47% 🔻)

| 57.14% | 75% | 70% | | 🔴 | db/actions/Post.ts |

39.33% (-0.23% 🔻)

|

16.67% (+0.88% 🔼)

| 28.57% |

40.48% (-0.22% 🔻)

| | 🔴 |

`...` / Feed.tsx

|

41.77% (+0.6% 🔼)

|

17.39% (+9.55% 🔼)

|

40% (-1.18% 🔻)

|

43.42% (+0.74% 🔼)

| | 🔴 |

`...` / PetPostModal.tsx

|

34.21% (-10.47% 🔻)

| 0% |

0% (-8.33% 🔻)

|

35.14% (-9.43% 🔻)

| | 🔴 |

`...` / ImageSlider.tsx

|

50% (-25% 🔻)

| 0% | 0% |

53.85% (-31.87% 🔻)

| | 🔴 |

`...` / FormSlide.tsx

|

13.64% (-1% 🔻)

| 0% | 0% |

13.64% (-1% 🔻)

| | 🔴 |

`...` / useDebounce.ts

|

0% (-8.33% 🔻)

| 100% | 0% |

0% (-8.33% 🔻)

|

Test suite run success

40 tests passing in 5 suites.

Report generated by 🧪jest coverage report action from 7103dc09e58c4c48a996d7f787dd3357cc80e1fc