Add a reusable website link generator and polish static image cards.

Editors can pick product, store, blog, portfolio, or video category links, and image cards expose compact info/link actions without dumping URLs in the footer.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/components/WebsiteStaticImageGallery.module.css

@@ -83,21 +83,55 @@
   text-overflow: ellipsis;
 }
 
-.removeBtn {
-  flex-shrink: 0;
-  width: 30px;
-  height: 30px;
+.controls {
   display: flex;
   align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  color: var(--text-secondary);
-  transition: background 0.2s, color 0.2s;
+  flex-shrink: 0;
 }
 
-.removeBtn:hover {
-  background: rgba(239, 68, 68, 0.1);
-  color: #ef4444;
+.controlGroup {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.controlDivider {
+  width: 1px;
+  height: 16px;
+  margin-inline: 8px;
+  background: rgba(148, 163, 184, 0.35);
+  flex-shrink: 0;
+}
+
+.hintIcon {
+  cursor: default;
+}
+
+.captionTip {
+  display: grid;
+  grid-template-columns: auto auto;
+  column-gap: 12px;
+  row-gap: 8px;
+  justify-content: start;
+  align-items: baseline;
+}
+
+.captionRow {
+  display: contents;
+}
+
+.captionKey {
+  font-size: 11px;
+  font-weight: 400;
+  color: var(--text-muted);
+  white-space: nowrap;
+}
+
+.captionValue {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-primary);
+  text-align: start;
 }
 
 .addCard {