feat: make Dashboard pipeline items clickable with View button

frontend/app/page.tsx

@@ -277,6 +277,7 @@ export default function HomePage() {
                 followedTendersCount={followedCount}
                 tenders={tenders}
                 onFilterClick={handleFilterClick}
+                onTenderClick={handleTenderSelect}
                 lang={lang}
               />
             )}

frontend/components/Dashboard.tsx

@@ -14,6 +14,7 @@ type Props = {
   followedTendersCount: number;
   tenders: Tender[];
   onFilterClick?: (type: "sector" | "region", value: string) => void;
+  onTenderClick?: (tender: Tender) => void;
   lang: Language;
 };
 
@@ -25,6 +26,7 @@ export default function Dashboard({
   followedTendersCount,
   tenders,
   onFilterClick,
+  onTenderClick,
   lang
 }: Props) {
   const t = translations[lang];
@@ -298,25 +300,34 @@ export default function Dashboard({
           {tenders.length > 0 ? (
             tenders.slice(0, 5).map((t) => (
               // ... existing map logic ...
-              <div key={t.code} className="flex items-center justify-between p-4 rounded-2xl bg-slate-900/40 border border-slate-800/50 hover:bg-slate-900/60 transition group">
+              <div 
+                key={t.code} 
+                onClick={() => onTenderClick?.(t)}
+                className="flex items-center justify-between p-4 rounded-2xl bg-slate-900/40 border border-slate-800/50 hover:bg-slate-900/60 transition group cursor-pointer"
+              >
                 <div className="flex items-center gap-4 overflow-hidden">
                   <div className="h-10 w-10 flex-shrink-0 rounded-full bg-slate-800 flex items-center justify-center text-cyan group-hover:scale-110 transition">
                     {t.sector?.charAt(0) || "T"}
                   </div>
                   <div className="overflow-hidden">
-                    <div className="text-sm font-medium text-white truncate">{t.name}</div>
+                    <div className="text-sm font-medium text-white truncate max-w-[200px] md:max-w-[400px]">{t.name}</div>
                     <div className="text-xs text-slate-500 truncate">{t.buyer}</div>
                   </div>
                 </div>
                 <div className="flex items-center gap-6 text-right">
-                  <div className="hidden sm:block">
-                    <div className="text-xs text-slate-500">Región</div>
+                  <div className="hidden lg:block min-w-[100px]">
+                    <div className="text-[10px] uppercase font-bold text-slate-500">Región</div>
                     <div className="text-xs text-slate-300">{t.region || "N/A"}</div>
                   </div>
                   <div className="min-w-[80px]">
-                    <div className="text-xs text-slate-500">Código</div>
+                    <div className="text-[10px] uppercase font-bold text-slate-500">Código</div>
                     <div className="text-xs font-mono text-cyan">{t.code}</div>
                   </div>
+                  <button 
+                    className="px-4 py-2 rounded-xl bg-cyan/10 border border-cyan/20 text-[10px] font-black text-cyan uppercase tracking-widest group-hover:bg-cyan group-hover:text-black transition-all"
+                  >
+                    View
+                  </button>
                 </div>
               </div>
             ))