feat: enhance styling and layout for toolbar, map components, and editor

- Updated toolbar styles for improved layout and appearance, including padding and margin adjustments.
- Introduced new styles for scale menu and compact dropdowns.
- Enhanced map pin tooltips with better positioning and hover effects.
- Added new styles for map sheet filters, including search and date range controls.
- Improved editor styles for a more cohesive look and feel, including transport controls for video editing.
- Expanded GeoLocation interface to include additional address fields and formatted address.
- Updated MediaItem interface to include storage reference and uploadedBy fields.
- Enhanced MediaComment interface with author details for better user identification.
- Introduced GalleryUser interface to represent signed-in users in the host app.

packages/photo-sdk/src/components/views/LibraryView.tsx

@@ -10,16 +10,19 @@ import { liveMedia } from '../../store/selectors';
 import { MediaGrid } from '../MediaGrid';
 
 function Welcome({ onImport }: { onImport: () => void }) {
+  // Host-neutral copy: the SDK is embedded in other products (see `title`), so the
+  // empty state must not name a specific photo app or reference its settings.
   const hints: Array<{ icon: IconName; text: string }> = [
-    { icon: 'camera', text: 'Connect a camera or memory card.' },
-    { icon: 'duplicates', text: 'Drag pictures directly into Photos.' },
     { icon: 'download', text: 'Click the + button to import.' },
-    { icon: 'image', text: 'Turn on iCloud Photos in Settings.' },
+    { icon: 'duplicates', text: 'Drag photos and videos straight in.' },
+    { icon: 'camera', text: 'Capture a shot with your camera.' },
+    { icon: 'image', text: 'Everything you add is searchable.' },
   ];
+  const title = useGallery((s) => s.config.title);
   return (
     <div className="apg-empty" onClick={onImport} role="button" tabIndex={0}>
-      <div className="apg-empty__title">Welcome to Photos</div>
-      <div className="apg-empty__subtitle">To get started with Photos, do any of the following:</div>
+      <div className="apg-empty__title">Welcome to {title}</div>
+      <div className="apg-empty__subtitle">To get started, do any of the following:</div>
       <div className="apg-empty__hints">
         {hints.map((h, i) => (
           <div className="apg-empty__hint" key={i}>