feat: add ShareButton component and sonner(Snackbar for notify users)

[AnitusA]

📝 Description

This PR introduces a native sharing feature for developer portfolios.

✨ New Features

• Share Button Component: Added a new ShareButton in the profile section.
  • Uses the Web Share API for native mobile sharing.
  • Provides a Copy to Clipboard fallback for desktops.
• Snackbar Notifications: Integrated sonner to provide visual feedback ("Link Copied") when sharing, positioned at the bottom-center for better UX.

🛠️ Bug Fixes & Improvements

• Syntax & Imports: Fixed a parsing error in ProfileSection.tsx and ensured all new components (Toaster, ShareButton, toast) are correctly imported.

🚀 Technical Changes

• Installed sonner for toast notifications.
• Added www/components/ShareButton.tsx.
• Updated www/app/layout.tsx with the global Toaster provider.

📸 UI Changes

• New "Share" icon button added next to the "Download Resume" button.
• Neon-green themed toast notification appears at the bottom-center upon successful copy.

---

[vercel]

@AnitusA is attempting to deploy a commit to the lamsta Team on Vercel.

A member of the Team first needs to authorize it.

[gemini-code-assist]

Code Review

This pull request introduces a new ShareButton component that allows users to share a developer portfolio using the Web Share API, falling back to copying the link to the clipboard if the API is unsupported. It also integrates the sonner library for toast notifications. The review feedback focuses on improving the implementation of the ShareButton component. Key recommendations include managing the clipboard copy timeout within a useEffect hook to prevent memory leaks, simplifying the Web Share API check to avoid unnecessary fallbacks, handling expected AbortError exceptions gracefully, and refactoring styles and prop types for better maintainability and adherence to Tailwind CSS best practices.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[gemini-code-assist]

For better readability and maintainability, it's a good practice to define component props using an interface or a type alias instead of an inline type.

interface ShareButtonProps {
  username: string;
}

export default function ShareButton({ username }: ShareButtonProps) {

[gemini-code-assist]

When using navigator.share, if the user cancels the share dialog, it throws a DOMException with the name AbortError. This is expected user behavior and not a technical error, so it shouldn't be logged to the console to avoid unnecessary noise.

Suggested change

	} catch (err) {
	console.error("Error sharing:", err);
	}
	} catch (err) {
	if (!(err instanceof DOMException && err.name === "AbortError")) {
	console.error("Error sharing:", err);
	}
	}

[AnitusA]

Desktop view:

Mobile view: