UI: Expansion Behavior of the Search Bar

[rohan-pandeyy]

Description

Implement an expandable search panel attached to the existing navbar search bar.

When a user clicks or focuses the search bar, it should expand vertically to reveal quick-access actions and face-cluster shortcuts, similar to the interaction pattern seen in Google Photos.

This issue is strictly a frontend UI enhancement and does not include any search functionality, query parsing, or backend integration.

Proposed Solution

Extend the existing navbar search bar so that:

• Focusing or clicking the search bar expands an inline panel directly beneath it.
• Clicking outside the search bar area or pressing Escape closes the panel.
• The expanded panel remains part of the search bar component hierarchy to ensure it stays aligned during scrolling and layout changes.

The panel should contain the following sections in order:

1. Favourites shortcut row
2. Divider
3. Face cluster shortcuts (maximum 6 visible clusters)
4. Divider
5. "See all people" button

Favourites Shortcut

A clickable row that navigates users to the Favourites page.

Face Cluster Shortcuts

Display up to six detected face clusters in a single horizontal row.

Requirements:

• Maximum of six visible clusters.
• Single row only.
• No wrapping to additional rows.
• Each cluster should be represented by its existing avatar/thumbnail UI.
• Clicking a cluster should navigate to that person's media view.

See All People

Display a button beneath the visible face clusters.

Clicking the button should navigate users to the AI Tagging / People page where all detected people can be viewed.

Acceptance Criteria

• Clicking or focusing the search bar expands the panel.
• Clicking outside the search bar closes the panel.
• Pressing Escape closes the panel.
• Expanded content remains visually attached to the search bar.
• A Favourites shortcut is displayed.
• Up to six face clusters are displayed in a single row.
• A "See all people" action is displayed beneath the face clusters.
• Existing navbar functionality remains unchanged.
• No search parsing or backend search functionality is implemented as part of this issue.