Improve guest help routing and loading

resources/js/guest/components/settings-sheet.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Link, useParams } from 'react-router-dom';
+import { Link, useLocation, useParams } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import {
@@ -23,6 +23,7 @@ import { useTranslation } from '../i18n/useTranslation';
 import type { LocaleCode } from '../i18n/messages';
 import { useHapticsPreference } from '../hooks/useHapticsPreference';
 import { triggerHaptic } from '../lib/haptics';
+import { getHelpSlugForPathname } from '../lib/helpRouting';
 
 const legalPages = [
   { slug: 'impressum', translationKey: 'settings.legal.section.impressum' },
@@ -53,12 +54,15 @@ export function SettingsSheet() {
   const localeContext = useLocale();
   const { t } = useTranslation();
   const params = useParams<{ token?: string }>();
+  const location = useLocation();
   const [nameDraft, setNameDraft] = React.useState(identity?.name ?? '');
   const [nameStatus, setNameStatus] = React.useState<NameStatus>('idle');
   const [savingName, setSavingName] = React.useState(false);
   const isLegal = view.mode === 'legal';
   const legalDocument = useLegalDocument(isLegal ? view.slug : null, localeContext.locale);
-  const helpHref = params?.token ? `/e/${encodeURIComponent(params.token)}/help` : '/help';
+  const helpSlug = getHelpSlugForPathname(location.pathname);
+  const helpBase = params?.token ? `/e/${encodeURIComponent(params.token)}/help` : '/help';
+  const helpHref = helpSlug ? `${helpBase}/${helpSlug}` : helpBase;
 
   React.useEffect(() => {
     if (open && identity?.hydrated) {