feat: add Google icons to search-related components (#4760)

✨ (google_search_api.py): Add icon property to GoogleSearchAPIComponent for better visualization in the UI
✨ (google_serper_api.py): Add icon property to GoogleSerperAPIComponent for better visualization in the UI
📝 (styleUtils.ts): Add GoogleSearchAPI and GoogleSerperAPI icons to nodeIconsLucide for consistent styling in the frontend.

src/backend/base/langflow/components/tools/google_search_api.py

@@ -9,7 +9,7 @@ class GoogleSearchAPIComponent(LCToolComponent):
     display_name = "Google Search API"
     description = "Call Google Search API."
     name = "GoogleSearchAPI"
-
+    icon = "Google"
     inputs = [
         SecretStrInput(name="google_api_key", display_name="Google API Key", required=True),
         SecretStrInput(name="google_cse_id", display_name="Google CSE ID", required=True),

src/backend/base/langflow/components/tools/google_serper_api.py

@@ -10,7 +10,7 @@ class GoogleSerperAPIComponent(LCToolComponent):
     display_name = "Google Serper API"
     description = "Call the Serper.dev Google Search API."
     name = "GoogleSerperAPI"
-
+    icon = "Google"
     inputs = [
         SecretStrInput(name="serper_api_key", display_name="Serper API Key", required=True),
         MultilineInput(

src/frontend/src/utils/styleUtils.ts

@@ -613,6 +613,8 @@ export const nodeIconsLucide: iconsType = {
   GoogleSearchAPIWrapper: GoogleIcon,
   GoogleSearchResults: GoogleIcon,
   GoogleSearchRun: GoogleIcon,
+  GoogleSearchAPI: GoogleIcon,
+  GoogleSerperAPI: GoogleIcon,
   Google: GoogleIcon,
   GoogleGenerativeAI: GoogleGenerativeAIIcon,
   Groq: GroqIcon,