tailwinds custom theme and tw plus components

src/app/builds/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import SearchInput from '@/components/SearchInput';
 
 // Sample build data
 const sampleBuilds = [
@@ -252,13 +253,11 @@ export default function BuildsPage() {
           {/* Search Row */}
           <div className="mb-4 flex justify-end">
             <div className="w-1/2">
-              <label className="block text-sm font-medium text-gray-700 mb-1">Search Builds</label>
-              <input
-                type="text"
-                placeholder="Search builds..."
+              <SearchInput
+                label="Search Builds"
                 value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                onChange={setSearchTerm}
+                placeholder="Search builds..."
               />
             </div>
           </div>