achievements didn't load correctly

resources/js/guest/components/Header.tsx

@@ -151,15 +151,6 @@ export default function Header({ eventToken, title = '' }: { eventToken?: string
   const [statusFilter, setStatusFilter] = React.useState<'new' | 'read' | 'dismissed' | 'all'>('new');
   const taskProgress = useGuestTaskProgress(eventToken);
   const panelRef = React.useRef<HTMLDivElement | null>(null);
-  const checklistItems = React.useMemo(
-    () => [
-      t('home.checklist.steps.first'),
-      t('home.checklist.steps.second'),
-      t('home.checklist.steps.third'),
-    ],
-    [t],
-  );
-
   React.useEffect(() => {
     if (!notificationsOpen) {
       return;
@@ -253,7 +244,6 @@ export default function Header({ eventToken, title = '' }: { eventToken?: string
             open={notificationsOpen}
             onToggle={() => setNotificationsOpen((prev) => !prev)}
             panelRef={panelRef}
-            checklistItems={checklistItems}
             taskProgress={taskProgress?.hydrated ? taskProgress : undefined}
             t={t}
           />
@@ -271,14 +261,13 @@ type NotificationButtonProps = {
   open: boolean;
   onToggle: () => void;
   panelRef: React.RefObject<HTMLDivElement | null>;
-  checklistItems: string[];
   taskProgress?: ReturnType<typeof useGuestTaskProgress>;
   t: TranslateFn;
 };
 
 type PushState = ReturnType<typeof usePushSubscription>;
 
-function NotificationButton({ center, eventToken, open, onToggle, panelRef, checklistItems, taskProgress, t }: NotificationButtonProps) {
+function NotificationButton({ center, eventToken, open, onToggle, panelRef, taskProgress, t }: NotificationButtonProps) {
   const badgeCount = center.unreadCount;
   const progressRatio = taskProgress
     ? Math.min(1, taskProgress.completedCount / TASK_BADGE_TARGET)
@@ -493,16 +482,6 @@ function NotificationButton({ center, eventToken, open, onToggle, panelRef, chec
               </div>
             </div>
           )}
-          <div className="my-3 h-px w-full bg-slate-100" />
-          <p className="text-[11px] uppercase tracking-[0.3em] text-slate-400">{t('header.notifications.checklistTitle', 'So funktioniert’s')}</p>
-          <ul className="mt-2 space-y-2 text-sm text-slate-600">
-            {checklistItems.map((item) => (
-              <li key={item} className="flex gap-2">
-                <span className="mt-0.5 h-1.5 w-1.5 rounded-full bg-pink-500" />
-                <span>{item}</span>
-              </li>
-            ))}
-          </ul>
         </div>,
         typeof document !== 'undefined' ? document.body : undefined
       )}