Add menu item customization/detail pages and configurable currency formatting

Lets customers pick options on a menu item detail page before adding to the
basket, and makes displayed prices respect a configurable currency/locale
via VITE_CURRENCY/VITE_LOCALE. Also crossfades the basket's empty/filled
states with AnimatePresence in wait mode instead of animating both at once.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/components/ordering/MenuList.module.scss

@@ -10,16 +10,42 @@
 }
 
 .item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: $space-3;
   padding: $space-3;
   border: 1px solid $color-border;
   border-radius: $radius;
   background: $color-surface;
 }
 
+.row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: $space-3;
+}
+
+.main {
+  display: flex;
+  align-items: center;
+  gap: $space-3;
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  text-decoration: none;
+
+  &:is(a, button) {
+    cursor: pointer;
+
+    &:hover .name {
+      color: $color-primary;
+    }
+  }
+}
+
 .info {
   flex: 1;
 }
@@ -27,6 +53,7 @@
 .name {
   margin: 0 0 $space-1;
   font-size: 1.1rem;
+  transition: color 0.15s ease;
 }
 
 .description {
@@ -56,6 +83,11 @@
   cursor: pointer;
   align-self: center;
   justify-self: center;
+  transition: border-color 0.15s ease;
+
+  &:hover:not(:disabled) {
+    border-color: $color-primary;
+  }
 
   &:disabled {
     opacity: 0.4;