feat(toast): add non-invasive, dismissible donation banner

apps/web/src/routes/__root.tsx

@@ -18,6 +18,7 @@ import { TooltipProvider } from "@reactive-resume/ui/components/tooltip";
 import { CommandPalette } from "@/components/command-palette";
 import { BreakpointIndicator } from "@/components/layout/breakpoint-indicator";
 import { ThemeProvider } from "@/components/theme/provider";
+import { DonationToast } from "@/components/ui/donation-toast";
 import { DialogManager } from "@/dialogs/manager";
 import { ConfirmDialogProvider } from "@/hooks/use-confirm";
 import { PromptDialogProvider } from "@/hooks/use-prompt";
@@ -121,6 +122,7 @@ function RootDocument({ children }: Props) {
 												<PromptDialogProvider>
 													{children}
 
+													<DonationToast />
 													<DialogManager />
 													<CommandPalette />
 													<Toaster richColors position="bottom-right" />

apps/web/src/routes/_home/-sections/donate.tsx

@@ -202,7 +202,7 @@ export const DonationBanner = () => (
 					nativeButton={false}
 					className="h-11 gap-2 px-6"
 					render={
-						<a href="https://opencollective.com/reactive-resume" target="_blank" rel="noopener">
+						<a href="https://opencollective.com/reactive-resume/donate" target="_blank" rel="noopener">
 							<HeartIcon aria-hidden="true" weight="fill" className="text-rose-400 dark:text-rose-600" />
 							Open Collective
 							<span className="sr-only"> ({t`opens in new tab`})</span>

apps/web/src/routes/_home/-sections/footer.tsx

@@ -26,7 +26,7 @@ type SocialLink = {
 
 const getResourceLinks = (): FooterLinkItem[] => [
 	{ url: "https://docs.rxresu.me", label: t`Documentation` },
-	{ url: "https://opencollective.com/reactive-resume", label: t`Sponsorships` },
+	{ url: "https://opencollective.com/reactive-resume/donate", label: t`Sponsorships` },
 	{ url: "https://github.com/amruthpillai/reactive-resume", label: t`Source Code` },
 	{ url: "https://docs.rxresu.me/changelog", label: t`Changelog` },
 ];

apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/information.tsx

@@ -95,7 +95,7 @@ export function InformationSectionBuilder() {
 					className="text-xs"
 					nativeButton={false}
 					render={
-						<a href="https://opencollective.com/reactive-resume" target="_blank" rel="noopener">
+						<a href="https://opencollective.com/reactive-resume/donate" target="_blank" rel="noopener">
 							<Trans>Sponsors</Trans>
 						</a>
 					}