Change search input to textarea for better mobile experience

- Use textarea instead of input for text wrapping on mobile
- Add min-height 70px on mobile for larger input area
- Handle Enter key to submit, Shift+Enter for new line

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/index.html

@@ -76,9 +76,10 @@
             <div class="flex flex-col md:flex-row shadow-xl rounded-xl md:rounded-2xl bg-white relative z-10 border border-gray-200">
                 <!-- Search Input -->
                 <div class="flex-grow flex items-center px-4 md:px-6 border-b md:border-b-0 md:border-r border-gray-100">
-                    <input type="text" id="search-input"
-                           class="w-full text-emerald-950 outline-none text-[16px] md:text-[18px] py-3 md:py-0"
-                           placeholder="Ask about UAE...">
+                    <textarea id="search-input"
+                           class="w-full text-emerald-950 outline-none text-[16px] md:text-[18px] py-3 md:py-2 min-h-[70px] md:min-h-0 md:h-12 resize-none"
+                           placeholder="Ask about UAE..."
+                           rows="2"></textarea>
                 </div>
 
                 <!-- Category Dropdown -->

frontend/js/app.js

@@ -278,8 +278,11 @@ function initDOM() {
 function initEventListeners() {
     // Search
     DOM.searchBtn?.addEventListener('click', handleSearch);
-    DOM.searchInput?.addEventListener('keypress', (e) => {
-        if (e.key === 'Enter') handleSearch();
+    DOM.searchInput?.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handleSearch();
+        }
     });
 
     // Category dropdown