Add photo action tooltips

src/components/DownloadButton.tsx

@@ -16,7 +16,7 @@ export default function DownloadButton({
 
   return (
     <LoaderButton
-      title="Download Original File"
+      tooltip="Download Original File"
       className={clsx(
         className,
         'text-medium',

src/photo/PhotoLarge.tsx

@@ -438,7 +438,7 @@ export default function PhotoLarge({
                   )}>
                     {showZoomControls &&
                       <LoaderButton
-                        title="Open Image Viewer"
+                        tooltip="Zoom In"
                         icon={<LuExpand size={15} />}
                         onClick={() => refZoomControls.current?.open()}
                         styleAs="link"
@@ -447,7 +447,7 @@ export default function PhotoLarge({
                       />}
                     {shouldShare &&
                       <ShareButton
-                        title="Share Photo"
+                        tooltip="Share Photo"
                         photo={photo}
                         tag={shouldShareTag ? primaryTag : undefined}
                         camera={shouldShareCamera ? camera : undefined}

src/share/ShareButton.tsx

@@ -11,16 +11,16 @@ import { useRouter } from 'next/navigation';
 let prefetchedImage: HTMLImageElement | null = null;
 
 export default function ShareButton({
-  title,
   dim,
   prefetch,
   className,
+  tooltip,
   ...rest
 }: {
-  title?: string
   dim?: boolean
   prefetch?: boolean
   className?: string
+  tooltip?: string
 } & ShareModalProps) {
   const { setShareModalProps } = useAppState();
 
@@ -37,7 +37,7 @@ export default function ShareButton({
 
   return (
     <LoaderButton
-      title={title}
+      tooltip={tooltip}
       onClick={() => setShareModalProps?.({ ...rest })}
       className={clsx(
         className,