feat: universalize global media search across all selection components

src/components/dashboard/MediaPickerMini.tsx

@@ -24,17 +24,23 @@ export const MediaPickerMini = ({ value, onChange, label }: MediaPickerMiniProps
     }
   }, [isOpen]);
 
-  const fetchMedia = async () => {
+  const fetchMedia = async (search = '') => {
     setIsLoading(true);
     try {
       // We use the client-side databases instance for browsing media
+      const queries = [
+          Query.limit(20), // Standard limit for preview
+          Query.orderDesc('$createdAt')
+      ];
+
+      if (search) {
+        queries.push(Query.contains('titulo', search));
+      }
+
       const res = await databases.listDocuments(
         APPWRITE_ALMEIRA_CONFIG.databaseId,
         'media',
-        [
+        queries
-            Query.limit(100),
-            Query.orderDesc('$createdAt')
-        ]
       );
       setMediaItems(res.documents);
     } catch (error) {
@@ -44,13 +50,20 @@ export const MediaPickerMini = ({ value, onChange, label }: MediaPickerMiniProps
     }
   };
 
+  // Debounced search
+  useEffect(() => {
+    if (!isOpen) return;
+    const timer = setTimeout(() => {
+      fetchMedia(searchTerm);
+    }, 500);
+    return () => clearTimeout(timer);
+  }, [searchTerm, isOpen]);
+
   const getImageUrl = (fileId: string) => {
     return `${endpoint}/storage/buckets/media/files/${fileId}/view?project=${projectId}&width=200&height=200&gravity=center`;
   };
 
-  const filteredItems = mediaItems.filter(item => 
+  const filteredItems = mediaItems;
-    item.titulo.toLowerCase().includes(searchTerm.toLowerCase())
-  );
 
   return (
     <div className="space-y-2">