Address greptile comments

docs/snippets/UserAuthenticationBrowser.jsx

@@ -43,7 +43,7 @@ export const UserAuthenticationBrowser = () => {
     }
 
     return filtered;
-  }, [authMethods, searchTerm, selectedCategory]);
+  }, [searchTerm, selectedCategory]);
 
   return (
     <div className="max-w-none">
@@ -98,7 +98,7 @@ export const UserAuthenticationBrowser = () => {
         <div className="space-y-4">
           {filteredAuthMethods.map((method, index) => (
             <a
-              key={`${method.slug}-${index}`}
+              key={method.slug}
               href={method.path}
               className="group block px-4 py-3 border border-gray-200 rounded-xl hover:border-yellow-200 hover:bg-yellow-50/50 hover:shadow-sm transition-all duration-200 bg-white shadow-sm"
             >
@@ -118,7 +118,12 @@ export const UserAuthenticationBrowser = () => {
             </a>
           ))}
         </div>
-      ) : null}
+      ) : (
+        <div className="text-center py-12">
+          <p className="text-gray-500 text-base">No authentication methods found matching your criteria.</p>
+          <p className="text-gray-400 text-sm mt-2">Try adjusting your search terms or category filter.</p>
+        </div>
+      )}
     </div>
   );
 };