Refactor: Replace emojis with Lucide React icons

src/components/search/AutocompleteSearch.tsx

@@ -1,5 +1,5 @@
 import { useRef, useEffect, useState } from 'react';
-import { Search, X, Clock, Zap } from 'lucide-react';
+import { Search, X, Clock, Zap, Castle, FerrisWheel, Factory } from 'lucide-react';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
@@ -161,13 +161,13 @@ export function AutocompleteSearch({
   const getResultIcon = (result: SearchResult) => {
     switch (result.type) {
       case 'park':
-        return '🏰';
+        return <Castle className="w-5 h-5" />;
       case 'ride':
-        return '🎢';
+        return <FerrisWheel className="w-5 h-5" />;
       case 'company':
-        return '🏭';
+        return <Factory className="w-5 h-5" />;
       default:
-        return '🔍';
+        return <Search className="w-5 h-5" />;
     }
   };
 
@@ -260,7 +260,7 @@ export function AutocompleteSearch({
                   </>
                 ) : (
                   <>
-                    <div className="text-2xl">{getResultIcon(item as SearchResult)}</div>
+                    <div className="flex items-center justify-center">{getResultIcon(item as SearchResult)}</div>
                     <div className="flex-1 min-w-0">
                       <div className="flex items-center gap-2">
                         <span className="font-medium truncate">{item.title}</span>