refactor(ui): extract shared icons into icons.tsx

The ten most-duplicated inline SVGs (Check, Close, ChevronDown/Right,
Plus, Photo, Folder, Warning, Star, Play) become shared components --
34+ copies across 15 files replaced. Stroke icons take a per-site
strokeWidth since weights legitimately differ by context; icons that
appear once or use variant path data stay inline.

src/components/ImageContextMenu.tsx

@@ -1,6 +1,7 @@
 import { ImageRecord, useGalleryStore } from "../store";
 import { ContextMenu, MenuItem, MenuLabel, MenuSeparator, SubMenu } from "./menu";
 import { Tooltip } from "./Tooltip";
+import { CloseIcon, StarIcon } from "./icons";
 
 /** Right-click menu for an image tile. Shared by the Gallery grid and the Timeline. */
 export function ImageContextMenu({
@@ -58,12 +59,7 @@ export function ImageContextMenu({
                 className="rounded-md p-1 transition-colors hover:bg-white/5"
                 onClick={async () => { await updateImageDetails(image.id, { rating }); onClose(); }}
               >
-                <svg
-                  className={`h-4 w-4 ${rating <= image.rating ? "text-amber-300" : "text-white/20 hover:text-white/40"}`}
-                  fill="currentColor" viewBox="0 0 20 20"
-                >
-                  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.176 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81H7.03a1 1 0 00.951-.69l1.07-3.292z" />
-                </svg>
+                <StarIcon className={`h-4 w-4 ${rating <= image.rating ? "text-amber-300" : "text-white/20 hover:text-white/40"}`} />
               </button>
             </Tooltip>
           );
@@ -74,9 +70,7 @@ export function ImageContextMenu({
               className="ml-1 rounded-md p-1 text-gray-600 hover:bg-white/5 hover:text-gray-300 transition-colors"
               onClick={async () => { await updateImageDetails(image.id, { rating: 0 }); onClose(); }}
             >
-              <svg className="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
-              </svg>
+              <CloseIcon className="h-3 w-3" />
             </button>
           </Tooltip>
         ) : null}