Hide rent-type fields on buy/sell tabs and disable auto-search on tab click

- Property type and rent period fields now only display when 'Rent' tab is active
- Adjusted grid column spans to fill layout when fields are hidden
- Tab switching no longer triggers an automatic search; search runs only on button click

app/components/home/HeroSearch.js

@@ -67,9 +67,7 @@ export default function HeroSearch({ onSearch, isAuthenticated }) {
     setActiveTab(tab);
     if ((tab === 'rent' || tab === 'sell') && !isAuthenticated) {
       setShowLoginDialog(true);
-      return;
     }
-    handleSearch();
   };
 
   const handleSearch = () => {
@@ -139,6 +137,7 @@ export default function HeroSearch({ onSearch, isAuthenticated }) {
             ))}
           </select>
         </div>
+        {activeTab === 'rent' && (
           <div>
             <label className="block text-sm font-medium text-white mb-2">
               <div className="flex items-center gap-1">
@@ -163,6 +162,7 @@ export default function HeroSearch({ onSearch, isAuthenticated }) {
               ))}
             </select>
           </div>
+        )}
         <div>
           <label className="block text-sm font-medium text-white mb-2">
             <div className="flex items-center gap-1">
@@ -234,6 +234,7 @@ export default function HeroSearch({ onSearch, isAuthenticated }) {
           </select>
         </div>
 
+        {activeTab === 'rent' && (
           <div>
             <label className="block text-sm font-medium text-white mb-2">نوع الإيجار</label>
             <select
@@ -255,8 +256,9 @@ export default function HeroSearch({ onSearch, isAuthenticated }) {
               ))}
             </select>
           </div>
+        )}
 
-        <div className="md:col-span-2 flex flex-col justify-between p-4 rounded-2xl border border-dashed border-white/30 bg-white/5">
+        <div className={`${activeTab === 'rent' ? 'md:col-span-2' : 'md:col-span-3'} flex flex-col justify-between p-4 rounded-2xl border border-dashed border-white/30 bg-white/5`}>
           <label className="mt-4 flex items-center gap-3 text-white text-sm">
             <input
               type="checkbox"