🐛 Revert bruk av provider for person

Det førte til brudd i kommunikasjon mellom komponenter som brukte samme atom på innsiden og utsiden av provider.
Gjaldt f. eks. toast og opptegnelse-pollingen.

Co-authored-by: Trine Linderud <trine.linderud@nav.no>
Co-authored-by: Jakob Havstein Eriksen <jakob.havstein.eriksen@nav.no>

Author: 3 people

src/app/person/[aktorId]/layout.tsx

@@ -1,8 +1,6 @@
 'use client';
 
-import { Provider } from 'jotai';
 import dynamic from 'next/dynamic';
-import { useParams } from 'next/navigation';
 import React, { PropsWithChildren, ReactElement } from 'react';
 
 import { useKeyboardShortcuts } from '@hooks/useKeyboardShortcuts';
@@ -29,8 +27,6 @@ const Historikk = dynamic(() => import('@saksbilde/historikk').then((mod) => mod
 });
 
 export default function Layout({ children }: PropsWithChildren): ReactElement {
-    const { aktorId } = useParams<{ aktorId?: string }>();
-
     useRefreshPersonVedOpptegnelse();
     usePollEtterOpptegnelser();
     useVarselOmSakErTildeltAnnenSaksbehandler();
@@ -39,20 +35,18 @@ export default function Layout({ children }: PropsWithChildren): ReactElement {
     useRefetchDriftsmeldinger();
 
     return (
-        <Provider key={aktorId}>
-            <div className={styles.Saksbilde}>
-                <InfovarselOmStans />
-                <PersonHeader />
-                <Timeline />
-                <AmplitudeProvider>
-                    <VenterPåEndringProvider>
-                        <Venstremeny />
-                        <Saksbilde>{children}</Saksbilde>
-                        <Historikk />
-                        <EmojiTilbakemeldingMedPeriode />
-                    </VenterPåEndringProvider>
-                </AmplitudeProvider>
-            </div>
-        </Provider>
+        <div className={styles.Saksbilde}>
+            <InfovarselOmStans />
+            <PersonHeader />
+            <Timeline />
+            <AmplitudeProvider>
+                <VenterPåEndringProvider>
+                    <Venstremeny />
+                    <Saksbilde>{children}</Saksbilde>
+                    <Historikk />
+                    <EmojiTilbakemeldingMedPeriode />
+                </VenterPåEndringProvider>
+            </AmplitudeProvider>
+        </div>
     );
 }

src/routes/oversikt/Oversikt.tsx

@@ -15,6 +15,7 @@ import { BehandlingsstatistikkView } from '@oversikt/behandlingsstatistikk/Behan
 import { FiltermenySkeleton } from '@oversikt/filtermeny/Filtermeny';
 import { BehandletIdagTable } from '@oversikt/table/BehandletIdagTable';
 import { OppgaverTable } from '@oversikt/table/oppgaverTable/OppgaverTable';
+import { useResetSkjønnsfastsettelseFormState } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/skjønnsfastsettingForm/SkjønnsfastsettingForm';
 import { useOppgaveFeed } from '@state/oppgaver';
 
 import { IngenOppgaver } from './IngenOppgaver';
@@ -48,6 +49,7 @@ export const Oversikt = (): ReactElement => {
     useKeyboardShortcuts();
     useFjernPersonFraApolloCache();
     useRefetchDriftsmeldinger();
+    useResetSkjønnsfastsettelseFormState();
 
     return (
         <main className={styles.Oversikt}>

src/routes/saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/skjønnsfastsettingForm/SkjønnsfastsettingForm.tsx

@@ -35,6 +35,13 @@ import styles from './SkjønnsfastsettingForm.module.css';
 
 const skjemaFamily = atomFamily((_skjæringstidspunkt: string) => atom<Maybe<SkjønnsfastsettingFormFields>>(null));
 
+export const useResetSkjønnsfastsettelseFormState = () => {
+    useEffect(() => {
+        skjemaFamily.setShouldRemove(() => true);
+        skjemaFamily.setShouldRemove(null);
+    }, []);
+};
+
 export const useAktiveArbeidsgivere = (
     person: PersonFragment,
     period: BeregnetPeriodeFragment | GhostPeriodeFragment,