Fix broken docs links

[PranjaliBhardwaj]

Issue: #1074

Summary of changes:

1. docs/frontend/gallery-view.md
   Describes the main gallery: grid layout, date grouping, filtering.
   Lists components (ChronologicalGallery, ImageCard, MediaView, ImageViewer, MediaThumbnails, MediaInfoPanel, etc.).
   Cross-links to Screenshots, State Management, and UI Components.
2. docs/frontend/ui-components.md
   ShadCN-style primitives: table of button, card, dialog, input, badge, avatar, sidebar, etc., and app-specific bits (404, ErrorPage, LoadingScreen, Icons, PaginationControls).
   Feature components: Media, Navigation, OnboardingSteps, Dialog, Loader, EmptyStates, FolderPicker, ThemeToggle, Timeline, Updater, VideoPlayer, WebCam.
   Short “Related documentation” section linking to Gallery View, State Management, and Screenshots.
3. mkdocs.yml
   Under Frontend, nav updated to:
   UI Components → frontend/ui-components.md
   Gallery View → frontend/gallery-view.md
   State Management → frontend/state-management.md
   Screenshots → frontend/screenshots.md
   docs/index.md already points to ./frontend/ui-components and ./frontend/gallery-view. Those targets exist now, so the links work. No change was made to docs/index.md.

Summary by CodeRabbit

• Documentation
  • Added a Gallery View guide describing the gallery layout, responsive grid, date grouping, filtering, thumbnail overlays, behavior, and screenshots.
  • Added a UI Components architecture guide outlining UI primitives, feature component organization, styling approach, and examples for reuse.
  • Updated site navigation to include and surface the new frontend reference guides for easier discovery.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 58106f38-8183-42f7-a522-1ba624cf4822

📥 Commits

Reviewing files that changed from the base of the PR and between ab2c492 and 3b0e48c.

📒 Files selected for processing (1)

• mkdocs.yml

🚧 Files skipped from review as they are similar to previous changes (1)

• mkdocs.yml

---

Walkthrough

Adds two frontend documentation pages (Gallery View, UI Components) and updates MkDocs navigation to expose them under the Frontend section.

Changes

Frontend Documentation

Layer / File(s)	Summary
Docs pages and navigation docs/frontend/ui-components.md, docs/frontend/gallery-view.md, mkdocs.yml	Adds the UI Components documentation page and the Gallery View page, and updates MkDocs nav to include both under the Frontend section.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related PRs

• AOSSIE-Org/PictoPy#1276: Also updates mkdocs.yml navigation for Frontend documentation pages.
• AOSSIE-Org/PictoPy#515: Conflicts with these changes by removing the same documentation files and reverting mkdocs.yml entries.

Suggested labels

Documentation

Suggested reviewers

• rohan-pandeyy
• rahulharpal1603

Poem

🐰 I hopped through docs with glee and vim,
New pages placed where frontend lights brim.
Nav links set so visitors may view,
A tidy change — small, clear, and true.

🚥 Pre-merge checks | ✅ 4

✅ 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 'Fix broken docs links' is partially related to the changeset. The PR does fix broken documentation links by adding missing documentation files, but the title understates the scope—it should emphasize that new documentation files are being added, not just links being fixed.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[coderabbitai]

Actionable comments posted: 1

🤖 Fix all issues with AI agents

In `@docs/frontend/ui-components.md`:
- Around line 1-88: The ShadCN-style primitives table is missing the Slider
component used by the media player; add a new row for Slider in the primitives
table (ShadCN-style primitives section) listing `Slider` as the component and a
short role like "Range slider / media seek control" so the docs reflect the
actual primitive used by NetflixStylePlayer; ensure the name matches the Slider
component symbol used in the codebase.

[github-actions]

⚠️ This PR has merge conflicts.

Please resolve the merge conflicts before review.

Your PR will only be reviewed by a maintainer after all conflicts have been resolved.

📺 Watch this video to understand why conflicts occur and how to resolve them:
https://www.youtube.com/watch?v=Sqsz1-o7nXk