Add title text to photo buttons

src/photo/PhotoLarge.tsx

@@ -289,6 +289,7 @@ export default function PhotoLarge({
               )}>
                 {shouldShare &&
                   <ShareButton
+                    title="Share Photo"
                     photo={photo}
                     tag={shouldShareTag ? primaryTag : undefined}
                     camera={shouldShareCamera ? camera : undefined}
@@ -300,6 +301,7 @@ export default function PhotoLarge({
                   />}
                 {areZoomControlsEnabled &&
                   <LoaderButton
+                    title="Open Image Viewer"
                     icon={<LuZoomIn size={17} />}
                     onClick={open}
                     styleAs="link"

src/share/ShareButton.tsx

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