Final fix: Import missing Plus icon and fix logo visibility on white theme

src/pages/CustomerMenu.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { db } from '../firebase/config';
 import { ref, onValue, push, set } from 'firebase/database';
-import { Utensils, Star, Clock, MapPin, ChefHat, Instagram, Facebook, ArrowRight, MessageSquare, Send } from 'lucide-react';
+import { Utensils, Star, Clock, MapPin, ChefHat, Instagram, Facebook, ArrowRight, MessageSquare, Send, Plus } from 'lucide-react';
 
 export default function CustomerMenu() {
   const defaultItems = [
@@ -92,7 +92,7 @@ export default function CustomerMenu() {
         boxShadow: '0 2px 20px rgba(0,0,0,0.05)'
       }}>
         <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
-          <img src="/images/logo.png" alt="Logo" style={{ height: '40px', filter: 'invert(1)' }} />
+          <img src="/images/logo.png" alt="Logo" style={{ height: '40px' }} />
           <span style={{ fontSize: '1.5rem', fontWeight: '900', letterSpacing: '-1px', color: '#1a1a1a' }}>RESTAURANT<span style={{color: themeColors.accent}}>OS</span></span>
         </div>
         <div style={{ display: 'flex', gap: '15px', color: '#1a1a1a' }}>