I like turtles

src/components/templates/DataManagementTemplate.tsx

@@ -4,6 +4,7 @@ import { useState, useMemo } from 'react'
 import { Search, Plus, ChevronUp, ChevronDown } from 'lucide-react'
 import { LucideIcon } from 'lucide-react'
 import PageHeader from '@/components/PageHeader'
+import Select from '@/components/ui/Select'
 import Button from '@/components/ui/Button'
 import Spinner from '@/components/ui/Spinner'
 
@@ -149,20 +150,13 @@ export default function DataManagementTemplate<T extends Record<string, any>>({
 
           {/* Filters */}
           {filters.map(filter => (
-            <select
+            <Select
               key={filter.filterKey}
               value={activeFilters[filter.filterKey] || ''}
               onChange={e => setActiveFilters(prev => ({ ...prev, [filter.filterKey]: e.target.value }))}
-              className="px-3 py-2 glass-input text-gray-100 rounded-lg text-sm
-                focus:ring-2 focus:ring-cyan-400/40 focus:border-transparent"
-            >
-              <option value="">{filter.label}</option>
-              {filter.options.map(opt => (
-                <option key={opt.value} value={opt.value}>
-                  {opt.label}
-                </option>
-              ))}
-            </select>
+              placeholder={filter.label}
+              options={filter.options}
+            />
           ))}
         </div>
       </div>