Fix store item variant defaults and listing sorting

Auto-select first option in variation modals and sort store items by availability, then update time.

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

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

@@ -6,7 +6,6 @@
 .tip {
   position: fixed;
   z-index: 10000;
-  transform: translate(-50%, calc(-100% + 4px));
   padding: 6px 10px;
   font-family: var(--font-ui);
   font-size: 12px;
@@ -21,7 +20,7 @@
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
-  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
+  transition: opacity 0.15s ease, visibility 0.15s;
   background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
@@ -33,15 +32,22 @@
 .tipVisible {
   opacity: 1;
   visibility: visible;
-  transform: translate(-50%, -100%);
 }
 
 .tip::after {
   content: '';
   position: absolute;
-  top: 100%;
-  left: 50%;
+  left: var(--tooltip-arrow-left, 50%);
   transform: translateX(-50%);
   border: 5px solid transparent;
+}
+
+.tipTop::after {
+  top: 100%;
   border-top-color: rgba(255, 255, 255, 0.95);
 }
+
+.tipBottom::after {
+  bottom: 100%;
+  border-bottom-color: rgba(255, 255, 255, 0.95);
+}