Remove icons from side menu in lesemodus, fix andre barn duplication

Author: Drax74

src/barnebidrag/components/forms/samvær/Samvær.tsx

@@ -457,7 +457,7 @@ export const SamværBarn = ({ gjelderBarn }: { gjelderBarn: string }) => {
                         <span>{DateToDDMMYYYYString(dateOrNull())}</span>
                     </BodyShort>
                 </div>
-                {valideringsfeil?.harPeriodiseringsfeil && (
+                {!lesemodus && valideringsfeil?.harPeriodiseringsfeil && (
                     <div className="mb-4">
                         <BehandlingAlert variant="warning">
                             <Heading size="xsmall" level="6">

src/barnebidrag/components/forms/underholdskostnad/AndreBarn.tsx

@@ -4,7 +4,7 @@ import StatefulAlert from "@common/components/StatefulAlert";
 import text from "@common/constants/texts";
 import { useBehandlingProvider } from "@common/context/BehandlingContext";
 import { PlusIcon } from "@navikt/aksel-icons";
-import { Button, Heading } from "@navikt/ds-react";
+import { BodyShort, Button, Heading } from "@navikt/ds-react";
 import { calculateAge } from "@utils/date-utils";
 import React, { useState } from "react";
 import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
@@ -109,6 +109,7 @@ export const AndreBarn = () => {
                 </Button>
             )}
             {openForm && <AddBarnForm setOpenAddBarnForm={setOpenForm} onSave={onCreateBarn} />}
+            {andreBarnFieldArray.length < 1 && <BodyShort>{text.description.ingenBarn}</BodyShort>}
             {andreBarnFieldArray.map((underhold, index) => {
                 const underholdFieldName = `underholdskostnaderAndreBarn.${index}` as const;
                 return (

src/barnebidrag/components/forms/underholdskostnad/Barnetilsyn.tsx

@@ -210,7 +210,7 @@ export const RolleInfoBox = ({
 };
 
 export const Barnetilsyn = ({ index }: { index: number }) => {
-    const { setSaveErrorState } = useBehandlingProvider();
+    const { setSaveErrorState, lesemodus } = useBehandlingProvider();
     const { aktiveOpplysninger } = useGetOpplysningerBarnetilsyn();
     const { underholdskostnader, erBisysVedtak } = useGetBehandlingV2();
     const underholdFieldName = `underholdskostnaderMedIBehandling.${index}` as const;
@@ -269,7 +269,7 @@ export const Barnetilsyn = ({ index }: { index: number }) => {
                 checked={underhold.harTilsynsordning || hasAtLeastOnePeriodOrActiveOpplysninger}
                 onChange={onToggle}
                 size="small"
-                readOnly={hasAtLeastOnePeriodOrActiveOpplysninger}
+                readOnly={lesemodus || hasAtLeastOnePeriodOrActiveOpplysninger}
             >
                 {text.label.barnHarTilsysnsordning}
             </Switch>