make tender modal header wrap on mobile

src/components/TenderDetailModal.jsx

@@ -100,7 +100,7 @@ export const TenderDetailModal = () => {
         </div>}
         {savingCount > 0 && <p role="status" className="p-2 bg-blue-50">Kaydediliyor…</p>}
         {/* Top Header Controls */}
-        <div className="bg-[#1f2937] text-white px-6 py-3.5 flex items-center justify-between border-b border-slate-700 shrink-0">
+        <div className="bg-[#1f2937] text-white px-4 sm:px-6 py-3.5 flex flex-wrap items-center justify-between gap-2 border-b border-slate-700 shrink-0">
           <button type="button"
             onClick={() => setActiveTenderDetail(null)}
             className="flex items-center gap-2 text-xs font-semibold text-slate-300 hover:text-white transition-colors bg-slate-800 px-3 py-1.5 rounded-lg border border-slate-700"
@@ -109,7 +109,7 @@ export const TenderDetailModal = () => {
             <span>Listeye Geri Dön</span>
           </button>
 
-          <div className="flex items-center gap-4 text-xs">
+          <div className="flex flex-wrap items-center justify-end gap-2 sm:gap-4 text-xs">
             <button type="button" disabled={savingCount > 0} aria-pressed={Boolean(tender.incelendi)}
               onClick={() => mutateTender(tender.id,{incelendi:!tender.incelendi})}
               className="text-xs px-3 py-1.5 rounded-lg border border-slate-500 disabled:opacity-50">