Fix list and header overflow on mobile and tablet widths

src/components/TenderList.jsx

@@ -126,7 +126,7 @@ export const TenderList = () => {
   };
 
   return (
-    <div className="flex-1 space-y-4">
+    <div className="w-full min-w-0 flex-1 space-y-4">
       
       {/* Header bar above list */}
       <div className="bg-white rounded-xl border border-slate-200 p-4 shadow-xs flex flex-col sm:flex-row items-center justify-between gap-3">
@@ -137,7 +137,7 @@ export const TenderList = () => {
           </h2>
         </div>
 
-        <div className="flex items-center gap-3 w-full sm:w-auto">
+        <div className="flex flex-wrap items-center gap-3 w-full sm:w-auto">
           {/* Varsayılan: yalnızca ihale tarihi geçmemiş ilanlar */}
           <label
             className="flex items-center gap-1.5 text-xs font-semibold text-slate-700 cursor-pointer select-none whitespace-nowrap"