feat: add looping functionality to slideshow for seamless experience

[monu808]

@rahulharpal1603
Fixes: #1090
Description
Fixed the slideshow stopping at the last image instead of looping continuously.

Changes
Updated useSlideshow hook to support looping via optional onLoopToStart callback
Added handleLoopToStart in MediaView.tsx to reset to first image

Testing

Open any image in full-screen viewer
Click "Slideshow" button
Wait for slideshow to reach last image
Slideshow now loops back to first image

Summary by CodeRabbit

• New Features
  • Added automatic loop-to-start functionality for slideshows. When a slideshow reaches the final image, it now seamlessly returns to the first image instead of stopping, enabling continuous browsing. The zoom state is also reset when looping back to the beginning.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Warning

Rate limit exceeded

@rahulharpal1603 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 4 minutes and 36 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📝 Walkthrough

Walkthrough

The changes add looping functionality to the slideshow feature by introducing a handler that resets the image position to the start and updating the useSlideshow hook to conditionally invoke looping logic when reaching the final image.

Changes

Cohort / File(s)	Summary
Slideshow looping handler frontend/src/components/Media/MediaView.tsx	Added handleLoopToStart handler that resets the current image index to 0 and zoom state; integrated into useSlideshow hook call with handleNextImage.
Hook signature expansion frontend/src/hooks/useSlideshow.ts	Extended hook signature with optional onLoopToStart and currentIndex parameters; updated interval callback with conditional logic to invoke onLoopToStart when at or beyond the final image, otherwise invoke onNextImage; updated dependency array.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 Round and round the images go,
Now they loop from end to start,
No more halting, smooth as snow,
Slideshow magic, final part!
✨ Loop complete, our work's an art!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding looping functionality to the slideshow, which directly addresses the PR objectives and linked issue #1090.
Linked Issues check	✅ Passed	The PR implements the required looping functionality [#1090] by adding an onLoopToStart callback to useSlideshow and handling the loop-back to the first image in MediaView.
Out of Scope Changes check	✅ Passed	All changes are directly related to implementing slideshow looping functionality specified in issue #1090; no out-of-scope modifications detected.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[HardikaPaliwal]

Hi maintainers , I am interested in contributing to this issue can you please assign it me?

[rahulharpal1603]

Thanks @monu808!