Feat: Scrollbar Timeline with {Month-Year} Markers for Home page and AI Tagging page.

[rohan-pandeyy]

Describe the feature

Summary

Implement a custom vertical scrollbar for the Gallery view that acts as a timeline, providing users with a more intuitive way to navigate large sets of images by month/year.

Goal

Enhance the scrollbar to serve as a timeline navigator:

1. Thumb (Dot)
   • A draggable thumb represents the current scroll position.
   • Shows a tooltip with the active Month Year (e.g., Dec 2025) while dragging/scrolling.
2. Hover Preview
   • When hovering over the scrollbar track, a tooltip should preview the Month Year corresponding to that position.
   • This hover tooltip is suppressed when the thumb is being hovered or dragged, to avoid overlapping tooltips.
3. Month Markers
   • Smaller dots or markers are placed along the scrollbar track to indicate where new months/years begin in the gallery.
   • Clicking a marker should jump directly to that month’s section in the gallery.
4. Re-render on Gallery Update
   • Whenever images are added/removed/updated, the scrollbar should re-render to update the timeline segments and month markers so it always reflects the current gallery state.

And exemplary application can be found at https://demo-timeline-app.vercel.app/

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

Checklist before Submitting.

• Have you updated docs for it?.
• Have you added unit tests?.
• Have you made sure unit tests pass?
• Have you made sure code formatting is correct?
• Does it contain any style related issues?

[rohan-pandeyy]

Hello maintainers, please assign this issue to me :)

[Thejas775]

@rohan-pandeyy are you still working on this ?

[raunaktastic]

hlo @rohan-pandeyy pls assign this to me.

[rohan-pandeyy]

Hello @Thejas775 & @raunaktastic, the issue's PR has already been raised and completed, and is waiting for mentor's approval and merge. Thanks for showing interest :)