Enhanced Search Bar with Customizable Settings for Multi-Network Exploration (Claude-Style)#32

**GitHub Issue Title:** Enhanced Search Bar with Customizable Settings for Multi-Network Exploration (Claude-Style) **Issue Body:** **Problem:** The current search bar on OpenSVM Explorer (opensvm.com) lacks the flexibility and customization options needed for efficient multi-network exploration. It's crucial to provide users with a dedicated space to configure their search preferences and tailor the search experience to their specific needs, similar to the approach used in Claude. **Proposed Solution:** We propose a redesigned search experience that incorporates a dedicated "Settings" area, allowing users to customize their search parameters for multi-network exploration. **Specific Improvements (Claude-Style):** 1. **Dedicated "Settings" Area:** * Introduce a separate "Settings" area, accessible via a prominent icon or button near the search bar (e.g., a gear icon or "Customize Search" button). * This area will slide out, expand, or appear as a modal, providing users with a clear and focused space for configuring search options. 2. **Customizable Search Parameters:** * Within the "Settings" area, provide options to: * **Select Networks:** Allow users to choose which SVM networks to include in their search. This could be a multi-select dropdown, a list of checkboxes, or a similar interface. * **Filter by Data Type:** Enable users to filter search results by data type (e.g., transactions, blocks, programs, tokens). * **Sort and Order Results:** Provide options for sorting and ordering search results based on relevance, date, or other criteria. * **Advanced Filters:** Include advanced filtering options, such as date ranges, specific address ranges, or other relevant parameters. 3. **Search Bar Integration:** * The main search bar should remain simple and focused on text input. * The "Settings" area will control the scope and behavior of the search, ensuring a clean and uncluttered search interface. 4. **Visual Design:** * Adopt a clean and modern design aesthetic, similar to Claude, with clear typography, consistent spacing, and intuitive icons. * Use subtle animations or transitions to enhance the user experience and provide feedback. 5. **Autocomplete and Search Suggestions:** * Integrate autocomplete and search suggestions within the search bar to assist users with their queries. * Suggestions should dynamically adapt based on the selected network(s) and filters. 6. **Clear Loading State:** * Display a clear loading indicator or progress bar during the search process, providing feedback to the user. 7. **Clear Button:** * Include a "Clear" button within the search bar to allow users to quickly clear their input. **Expected Behavior:** * Users can easily access and customize their search parameters via the dedicated "Settings" area. * The search bar provides a clean and focused interface for text input. * Search results are tailored to the user's selected networks and filters. * The overall search experience is intuitive, efficient, and visually appealing. **Screenshots/Mockups:** (Include wireframes or mockups illustrating the proposed "Settings" area and the search bar integration, inspired by the Claude design.) **Acceptance Criteria:** * A dedicated "Settings" area is implemented, allowing users to customize their search parameters. * Users can select and filter search results based on multiple SVM networks, data types, and other criteria. * The search bar provides a clean and intuitive interface for text input. * Autocomplete and search suggestions are integrated. * Clear loading states and feedback are provided. * The overall design is consistent with the Claude-style aesthetic. By incorporating a dedicated "Settings" area, we can empower users to tailor their search experience for multi-network exploration, making OpenSVM Explorer more efficient and user-friendly.