Add hardcoded fallback for menu items to ensure digital menu is never empty on HF

src/pages/CustomerMenu.jsx

@@ -5,10 +5,26 @@ import { ref, onValue, push, set } from 'firebase/database';
 import { Utensils, Star, Clock, MapPin, ChefHat, Instagram, Facebook, ArrowRight, MessageSquare, Send } from 'lucide-react';
 
 export default function CustomerMenu() {
-  const [menuItems, setMenuItems] = useState([]);
-  const [categories, setCategories] = useState([]);
+  const defaultItems = [
+    { id: 'h1', name: 'Hamburgesa Clásica', price: 12.50, category: 'Fuertes', image: '/images/burger.png', active: true },
+    { id: 'p1', name: 'Pasta Pomodoro', price: 10.00, category: 'Pasta', image: '/images/pasta.png', active: true },
+    { id: 't1', name: 'Tacos de Pollo', price: 9.00, category: 'Entradas', image: '/images/tacos.png', active: true },
+    { id: 'z1', name: 'Pizza Margherita', price: 14.00, category: 'Pizzas', image: '/images/pizza.png', active: true },
+    { id: 'e1', name: 'Ensalada César', price: 8.50, category: 'Entradas', image: 'https://images.unsplash.com/photo-1550304943-4f24f54ddde9?auto=format&fit=crop&q=80&w=1000', active: true },
+    { id: 's1', name: 'Sopa de Tomate', price: 7.00, category: 'Entradas', image: 'https://images.unsplash.com/photo-1547592166-23ac45744acd?auto=format&fit=crop&q=80&w=1000', active: true },
+    { id: 'g1', name: 'Sandwich Gourmet', price: 11.00, category: 'Fuertes', image: 'https://images.unsplash.com/photo-1528735602780-2552fd46c7af?auto=format&fit=crop&q=80&w=1000', active: true },
+    { id: 'm1', name: 'Chocolate Muffin', price: 4.50, category: 'Postres', image: 'https://images.unsplash.com/photo-1582231222779-1adb0b322f84?auto=format&fit=crop&q=80&w=1000', active: true },
+    { id: 'sp1', name: 'Ribeye Premium', price: 35.00, category: 'Especialidades', image: '/images/steak.png', active: true },
+    { id: 'sp2', name: 'Risotto de Trufa', price: 28.00, category: 'Especialidades', image: '/images/risotto.png', active: true },
+    { id: 'sp3', name: 'Salmón Glaseado', price: 26.00, category: 'Especialidades', image: 'https://images.unsplash.com/photo-1467003909585-2f8a72700288?auto=format&fit=crop&q=80&w=1000', active: true },
+    { id: 'sp4', name: 'Pato a la Naranja', price: 32.00, category: 'Especialidades', image: 'https://images.unsplash.com/photo-1626082927389-6cd097cdc6ec?auto=format&fit=crop&q=80&w=1000', active: true },
+    { id: 'sp5', name: 'Langosta Thermidor', price: 45.00, category: 'Especialidades', image: 'https://images.unsplash.com/photo-1553243599-c052f82958d2?auto=format&fit=crop&q=80&w=1000', active: true }
+  ];
+
+  const [menuItems, setMenuItems] = useState(defaultItems);
+  const [categories, setCategories] = useState(['Todos', 'Entradas', 'Fuertes', 'Pizzas', 'Pasta', 'Postres', 'Especialidades']);
   const [activeCategory, setActiveCategory] = useState('Todos');
-  const [menuTheme, setMenuTheme] = useState('dark');
+  const [menuTheme, setMenuTheme] = useState('light');
   const [feedback, setFeedback] = useState({ rating: 5, comment: '' });
   const [submitted, setSubmitted] = useState(false);
   const [cartCount, setCartCount] = useState(0);
@@ -37,7 +53,7 @@ export default function CustomerMenu() {
     : menuItems.filter(item => item.category === activeCategory);
 
   const isDark = menuTheme === 'dark';
-  // Forzamos modo claro si el usuario lo pidió, o usamos el tema de la DB
+  // Forzamos modo claro si el usuario lo pidió
   const forceLight = true; 
   
   const themeColors = {