feat: header facelift v2

[katzino]

closes https://github.com/apify/apify-web/issues/4926

• reverts back reverted changes 😅 from feat: header facelift #1662
• adds precautions to style overrides caused by different CSS classes extractions in other repositories
• finally fixes crashing CLI/SDKs pages by syncing @docusaurus dependencies to ^3.7.0 (there was version mismatch that caused react providers not being recognized)

[cursor]

Bug: Mobile Sidebar Closes on Search Click

Clicking the search bar in the mobile sidebar incorrectly closes the sidebar instead of activating search functionality. This is caused by the onSearchClick handler, passed to the SearchBar component, which calls event.preventDefault() and mobileSidebar.toggle(), rendering mobile search unusable.

apify-docs-theme/src/theme/Navbar/MobileSidebar/Header/index.jsx#L15-L42

apify-docs/apify-docs-theme/src/theme/Navbar/MobileSidebar/Header/index.jsx

Lines 15 to 42 in fb52d88

	function onSearchClick(event) {
	event.preventDefault();
	mobileSidebar.toggle();
	}
	return (
	<>
	<div className="navbar-sidebar__brand">
	<NavbarLogo />
	<button
	type="button"
	className="clean-btn navbar-sidebar__close"
	onClick={mobileSidebar.toggle}
	aria-label="Close navigation bar"
	>
	<IconClose />
	</button>
	</div>
	<div className="navbar-sidebar__actions">
	<div className="navbar-sidebar__actions__container">
	<NavbarCTA />
	{!searchBarItem && (
	<NavbarSearch>
	<SearchBar onClick={onSearchClick} />
	</NavbarSearch>
	)}
	</div>

Fix in Cursor • Fix in Web

---

Comment bugbot run to trigger another review on this PR
Was this report helpful? Give feedback by reacting with 👍 or 👎

[apify-service-account]

Preview for this PR was built for commit a434c74 and is ready at https://pr-1676.preview.docs.apify.com!