feat: Intelligent dual-mode search (Code vs Keyword) and UI fixes

frontend/components/TenderSearch.tsx

@@ -69,18 +69,23 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
     }, 2500);
   };
 
-  const handleSubmit = async (e?: React.FormEvent, page = 1) => {
-    e?.preventDefault();
-    setShowOnlyFollowed(false);
+  const handleSearch = async (e?: React.FormEvent) => {
+    if (e) e.preventDefault();
     setIsLoading(true);
     try {
+      // Logic: If the query looks like a code (contains hyphens), prioritize code search
+      const isCode = /^[0-9]+-[0-9]+-[A-Z0-9]+$/i.test(keyword);
+      
       await onSearch({ 
-        keyword, 
+        keyword: isCode ? undefined : keyword,
+        provider_code: isCode ? keyword : undefined,
         buyer: buyerCode, 
         date,
-        skip: (page - 1) * itemsPerPage, 
+        skip: 0, 
         limit: itemsPerPage 
       });
+    } catch (error) {
+      console.error(error);
     } finally {
       setIsLoading(false);
     }
@@ -126,7 +131,8 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
             </div>
             
             {!forceShowFollowed && (
-              <form onSubmit={handleSubmit} className="grid grid-cols-1 md:grid-cols-4 gap-6 animate-in slide-in-from-top-4 duration-500">
+              <form onSubmit={handleSearch} className="grid grid-cols-1 md:grid-cols-4 gap-6 animate-in slide-in-from-top-4 duration-500">
+
                 <div className="space-y-2">
                   <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Keyword</label>
                   <input
@@ -255,7 +261,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                               <span className="text-[8px] px-1.5 py-0.5 rounded-md bg-white/5 text-slate-600 border border-white/5 uppercase tracking-tighter">{tender.sector}</span>
                             </div>
                           </td>
-                          <td className="px-4 py-5 text-slate-400 text-[111px] truncate">{tender.buyer}</td>
+                          <td className="px-4 py-5 text-slate-400 text-[11px] truncate">{tender.buyer}</td>
                           <td className="px-4 py-5 text-center">
                             <span className={`inline-block rounded-full px-2 py-0.5 text-[9px] font-bold ${
                               tender.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400 border border-green-500/20' : 'bg-slate-800/50 text-slate-500'