fix: implement portfolio functionality with clickable star icon

frontend/components/TenderSearch.tsx

@@ -159,6 +159,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
         <table className="w-full text-left text-sm table-fixed">
           <thead className="bg-white/5 text-slate-500 uppercase text-[10px] font-bold border-b border-white/5">
             <tr>
+              <th className="px-6 py-5 w-[60px] text-center"></th>
               <th className="px-6 py-5 w-[100px]">ID</th>
               <th className="px-6 py-5 w-[300px]">Opportunity</th>
               <th className="px-6 py-5 w-[200px]">Buyer</th>
@@ -168,6 +169,17 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
           <tbody className="divide-y divide-white/5">
             {filteredTenders.map((item) => (
               <tr key={item.code} className="hover:bg-white/[0.04] transition-colors group cursor-pointer" onClick={() => setSelectedTenderForModal(item)}>
+                <td className="px-4 py-5 text-center">
+                  <button 
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      toggleFollow(item);
+                    }}
+                    className={`text-xl transition-all hover:scale-125 active:scale-90 ${followedCodes.includes(item.code) ? 'text-amber-400 drop-shadow-[0_0_10px_rgba(251,191,36,0.5)]' : 'text-white/10 hover:text-white/30'}`}
+                  >
+                    {followedCodes.includes(item.code) ? "★" : "☆"}
+                  </button>
+                </td>
                 <td className="px-6 py-5 font-mono text-purple-400 text-[10px]">{item.code}</td>
                 <td className="px-6 py-5"><div className="font-bold text-white truncate text-xs">{item.name}</div></td>
                 <td className="px-6 py-5 text-slate-400 text-[11px] truncate">{item.buyer}</td>