chore(dev-hub)-header Improvements

[aditya520]

Summary

Note:
I managed to add the search in the header, but search server is not giving me any results.
Need help in fixing that.

Rationale

How has this been tested?

• Current tests cover my changes
• Added new tests
• Manually tested the code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
component-library	Ready	Preview	Comment	Sep 3, 2025 10:31am
insights	Ready	Preview	Comment	Sep 3, 2025 10:31am

5 Skipped Deployments

Project	Deployment	Preview	Comments	Updated (UTC)
api-reference	Skipped			Sep 3, 2025 10:31am
developer-hub	Skipped			Sep 3, 2025 10:31am
entropy-explorer	Skipped			Sep 3, 2025 10:31am
proposals	Skipped			Sep 3, 2025 10:31am
staking	Skipped			Sep 3, 2025 10:31am

[cprussin]

I suggest putting in both variants in

pyth-crosschain/apps/insights/src/components/Root/search-button.tsx

Lines 73 to 99 in 56465a9

	const SearchButtonImpl = (
	props: Omit<ButtonProps<typeof UnstyledButton>, "children">,
	) => (
	<div className={styles.searchButton}>
	<Button
	className={styles.largeScreenSearchButton ?? ""}
	variant="outline"
	beforeIcon={<MagnifyingGlass />}
	size="sm"
	rounded
	{...props}
	>
	<SearchShortcutText />
	</Button>
	<Button
	className={styles.smallScreenSearchButton ?? ""}
	hideText
	variant="ghost"
	beforeIcon={<MagnifyingGlass />}
	size="sm"
	rounded
	{...props}
	>
	Search
	</Button>
	</div>
	);

along with the css so that you get the responsive button size on smaller screen sizes (maybe we should move that into the component library or make it a default part of the shell...)

[alexcambose]

I'll take this

[alexcambose]

feat: search button component