Search admin table (#182)

* Added Admin Search

* adjusted edit/delete buttons

* Dynamic Update

* removed search button

---------

Co-authored-by: will <wenglandusa@gmail.com>
Co-authored-by: Anthony Malang <anthonymalang@u.boisestate.edu>

src/app/admin/adminVendors.js

@@ -104,10 +104,11 @@ export default function VendorsAdmin() {
   };
 
 
-  const handleSearch = () => {
-    const query = searchQuery.toLowerCase();
+  const handleSearch = (e) => {
+    const query = e.target.value.toLowerCase();
+    setSearchQuery(query);
     const filtered = data.filter((vendor) =>
-      (vendor.vendor_name || "").toLowerCase().includes(query)
+      vendor.vendor_name?.toLowerCase().includes(query)
     );
     setFilteredData(filtered);
   };
@@ -397,20 +398,12 @@ export default function VendorsAdmin() {
           <input
             type="text"
             value={searchQuery}
-            onChange={(e) => setSearchQuery(e.target.value)}
+            onChange={handleSearch}
             placeholder="Search by activity"
             className="flex-grow w-full p-2 border rounded"
           />
-          <button
-            type="button"
-            onClick={handleSearch}
-            className="bg-bsu-blue text-white font-bold hover:bg-orange-500 hover:scale-110 duration-300 px-4 py-2 rounded"
-          >
-            Search
-          </button>
         </div>
       </div>
-
       {/* Table layout on large screens, Card layout on small screens */}
       <div>
         {/* Table layout */}