Remove the food-icon backdrop, back to a plain empty state

Drop MenuBackdrop entirely and put the icon, title, text, and CTA
directly back on the empty state's own solid background — no separate
overlay card needed once there's no pattern behind it to cover up.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RvYdJ3os7tumimsLdLu2j9

src/components/orders/OrdersListView.module.scss

@@ -22,8 +22,6 @@
 }
 
 .empty {
-  position: relative;
-  z-index: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -33,15 +31,12 @@
   border: 1px dashed $color-border;
   border-radius: $radius;
   background: $color-surface;
-  overflow: hidden;
 
   @media (prefers-reduced-motion: no-preference) {
     animation: empty-state-enter 0.32s cubic-bezier(0.2, 0, 0, 1) both;
   }
 
-  // Direct child only — a plain descendant selector would also catch the
-  // backdrop's own icons (see MenuBackdrop), overriding their per-icon color.
-  > svg {
+  svg {
     width: 2.5rem;
     height: 2.5rem;
     margin-bottom: $space-2;