Fix: the "open new vault" button won't create a separate window

[weilirs]

Before:

Screen.Recording.2025-02-26.at.13.25.54.mov

After:

after.mov

Other fixes:

• x button and clicking outside to close the modal

[greptile-apps]

PR Summary

This PR fixes the "open new vault" button functionality and improves modal closing behavior across multiple components.

• Fixed modal closing behavior in /src/components/Common/Modal.tsx by adding proper backdrop click detection and preventing event propagation
• Added empty pointer event handlers to buttons in multiple components to prevent event propagation issues
• Modified /src/components/Sidebars/IconsSidebar.tsx to show an in-app modal instead of opening a new window
• Added onClose prop to InitialSetupSinglePage component for better modal management
• Implemented proper state management for the vault setup modal with conditional rendering

_{💡 (3/5) Reply to the bot's comments like "Can you suggest a fix for this @greptileai?" or ask follow-up questions!}

_{10 file(s) reviewed, 2 comment(s)
Edit PR Review Bot Settings | Greptile}

[greptile-apps]

logic: Check if tailwindStylesOnBackground is undefined before using it in the querySelector.

Suggested change

	const isBackdropClick = event.target === document.querySelector(`.${tailwindStylesOnBackground}`)
	const isBackdropClick = tailwindStylesOnBackground ? event.target === document.querySelector(`.${tailwindStylesOnBackground}`) : event.target === event.currentTarget

[greptile-apps]

style: Empty event handlers added here but not used. Consider removing if not needed or document why they're required for the Material Tailwind Button component.

Suggested change

	onPointerEnterCapture={() => {}}
	onPointerLeaveCapture={() => {}}

[milaiwi]

Mostly looks good! One thing though is maybe downgrade @types/react to @18.2.19 and then remove all the onPointerEnterCapture and onPointerLeaveCapture.