Feat: Add Tooltip to Face Search Button

[Ujjiyara]

Feature Proposal: Add Tooltip to Face Search Button

Problem Description

The Face Detection Search button in the top navigation bar uses a standalone icon (ScanFace) without any text label. This can be confusing for new users who may not immediately recognize what the icon represents or what functionality it triggers. Additionally, other buttons in the navigation bar use standard browser tooltips, making this button inconsistent.

Proposed Solution

Add a native title attribute with the text "Search with Face" to the button. This ensures consistency with the existing navigation bar buttons (like "Search", "Zoom In", etc.) and provides immediate clarity to the user.

Implementation Details

Modify FaceSearchDialog.tsx to include the title attribute on the Button component.

Proposed Code Change in FaceSearchDialog.tsx:

<DialogTrigger asChild>
  <Button
    onClick={() => setIsDialogOpen(true)}
    variant="ghost"
    size="icon"
    className="h-8 w-8 cursor-pointer p-1"
    title="Search with Face" // Added title attribute
  >
    <ScanFace className="h-4 w-4" />
    <span className="sr-only">Face Detection Search</span>
  </Button>
</DialogTrigger>

[github-actions]

👋 Thanks for opening this issue! The maintainers will review it shortly. Till then, do not open any PR. This is a strict rule we like to follow around here :)

[Ujjiyara]

@rahulharpal1603 Hi sir i am willing to fix this, can you assign it to me