diff --git a/web/app/SuoritetutTutkinnot.tsx b/web/app/SuoritetutTutkinnot.tsx
index c1f7e93c3d..7fff9e7725 100644
--- a/web/app/SuoritetutTutkinnot.tsx
+++ b/web/app/SuoritetutTutkinnot.tsx
@@ -38,100 +38,103 @@ const SuoritetutTutkinnot = () => {
       {mapError(response, () => (
         <Trans>{'Tietojen hakeminen epäonnistui'}</Trans>
       ))}
-      {mapSuccess(response, (responseData: SuoritetutTutkinnotOppijaJakolinkillä) => (
-        <>
-          <SuoritusjakoTopBar />
-          <ContentContainer className="content-area suoritusjako suoritusjako-page">
-            <div className="main-content">
-              <h1>
-                <Trans>{'Suoritetut tutkinnot'}</Trans>
-              </h1>
-              <a
-                className="text-button-small"
-                target="_blank"
-                href={`/koski/api/opinnot/suoritetut-tutkinnot/${secret}`}
-                rel="noopener noreferrer"
-              >
-                <Trans>{'Tiedot koneluettavassa muodossa'}</Trans>
-              </a>
-              <div>
-                <div className="header__name">
-                  <p className="textstyle-like-h2">
-                    {responseData.henkilö.etunimet}{' '}
-                    {responseData.henkilö.sukunimi}
-                  </p>
+      {mapSuccess(
+        response,
+        (responseData: SuoritetutTutkinnotOppijaJakolinkillä) => (
+          <>
+            <SuoritusjakoTopBar />
+            <ContentContainer className="content-area suoritusjako suoritusjako-page">
+              <div className="main-content">
+                <h1>
+                  <Trans>{'Suoritetut tutkinnot'}</Trans>
+                </h1>
+                <a
+                  className="text-button-small"
+                  target="_blank"
+                  href={`/koski/api/opinnot/suoritetut-tutkinnot/${secret}`}
+                  rel="noopener noreferrer"
+                >
+                  <Trans>{'Tiedot koneluettavassa muodossa'}</Trans>
+                </a>
+                <div>
+                  <div className="header__name">
+                    <p className="textstyle-like-h2">
+                      {responseData.henkilö.etunimet}{' '}
+                      {responseData.henkilö.sukunimi}
+                    </p>
+                  </div>
                 </div>
-              </div>
 
-              <div></div>
+                <div></div>
 
-              <div>
-                <p>
-                  <Trans>
-                    {
-                      'Tässä listataan suoritetut tutkinnot otsikkotasolla. Tarkemmat tiedot löytyvät koneluettavassa muodossa yllä olevasta linkistä'
-                    }
-                  </Trans>
-                </p>
-                <PlainList>
-                  {responseData.opiskeluoikeudet.map((oo, index) => (
-                    <div
-                      key={oo.$class + '-' + index}
-                      className={'suoritettu-tutkinto'}
-                    >
-                      <h3>
-                        {oo.oppilaitos ? (
-                          <Trans>{oo.oppilaitos.nimi}</Trans>
-                        ) : oo.koulutustoimija ? (
-                          <Trans>{oo.koulutustoimija.nimi}</Trans>
-                        ) : (
-                          <>
-                            {/* @ts-expect-error Text */}
-                            <Text
-                              name={
-                                'Oppilaitos tai koulutustoimija ei tiedossa'
-                              }
-                            />
-                          </>
-                        )}
-                      </h3>{' '}
-                      <Flex>
-                        <span>
-                          <Trans>{oo.tyyppi.nimi}</Trans>
-                          {': '}
-                          {oo.suoritukset.map((s, i) => (
+                <div>
+                  <p>
+                    <Trans>
+                      {
+                        'Tässä listataan suoritetut tutkinnot otsikkotasolla. Tarkemmat tiedot löytyvät koneluettavassa muodossa yllä olevasta linkistä'
+                      }
+                    </Trans>
+                  </p>
+                  <PlainList>
+                    {responseData.opiskeluoikeudet.map((oo, index) => (
+                      <div
+                        key={oo.$class + '-' + index}
+                        className={'suoritettu-tutkinto'}
+                      >
+                        <h3>
+                          {oo.oppilaitos ? (
+                            <Trans>{oo.oppilaitos.nimi}</Trans>
+                          ) : oo.koulutustoimija ? (
+                            <Trans>{oo.koulutustoimija.nimi}</Trans>
+                          ) : (
                             <>
-                              {i > 0 && ', '}
-                              <Trans>{s.koulutusmoduuli.tunniste.nimi}</Trans>
+                              {/* @ts-expect-error Text */}
+                              <Text
+                                name={
+                                  'Oppilaitos tai koulutustoimija ei tiedossa'
+                                }
+                              />
                             </>
-                          ))}
-                        </span>
-                        <span>
-                          {isSuoritetutTutkinnotKoskeenTallennettavaOpiskeluoikeus(
-                            oo
-                          )
-                            ? `Opiskeluoikeuden oid: ${oo.oid}`
-                            : ''}
-                        </span>
-                        <span>
-                          {isSuoritetutTutkinnotOpiskeluoikeus(oo)
-                            ? `Vahvistettu: ${oo.suoritukset.map(
-                                (foo) => foo.vahvistus?.päivä
-                              )}`
-                            : ''}
-                        </span>
-                      </Flex>
-                    </div>
-                  ))}
-                </PlainList>
-                {responseData.opiskeluoikeudet.length <= 0 && (
-                  <Trans>{'Suoritettuja tutkintoja ei löytynyt'}</Trans>
-                )}
+                          )}
+                        </h3>{' '}
+                        <Flex>
+                          <span>
+                            <Trans>{oo.tyyppi.nimi}</Trans>
+                            {': '}
+                            {oo.suoritukset.map((s, i) => (
+                              <>
+                                {i > 0 && ', '}
+                                <Trans>{s.koulutusmoduuli.tunniste.nimi}</Trans>
+                              </>
+                            ))}
+                          </span>
+                          <span>
+                            {isSuoritetutTutkinnotKoskeenTallennettavaOpiskeluoikeus(
+                              oo
+                            )
+                              ? `Opiskeluoikeuden oid: ${oo.oid}`
+                              : ''}
+                          </span>
+                          <span>
+                            {isSuoritetutTutkinnotOpiskeluoikeus(oo)
+                              ? `Vahvistettu: ${oo.suoritukset.map(
+                                  (foo) => foo.vahvistus?.päivä
+                                )}`
+                              : ''}
+                          </span>
+                        </Flex>
+                      </div>
+                    ))}
+                  </PlainList>
+                  {responseData.opiskeluoikeudet.length <= 0 && (
+                    <Trans>{'Suoritettuja tutkintoja ei löytynyt'}</Trans>
+                  )}
+                </div>
               </div>
-            </div>
-          </ContentContainer>
-        </>
-      ))}
+            </ContentContainer>
+          </>
+        )
+      )}
     </>
   )
 }
diff --git a/web/app/appstate/globalErrors.tsx b/web/app/appstate/globalErrors.tsx
index c43e8e5db5..ca0cd667d7 100644
--- a/web/app/appstate/globalErrors.tsx
+++ b/web/app/appstate/globalErrors.tsx
@@ -31,9 +31,7 @@ const GlobalErrorContext = React.createContext<GlobalErrorContext>({
   clearAll: () => {}
 })
 
-export const GlobalErrorProvider: React.FC<PropsWithOnlyChildren> = (
-  props
-) => {
+export const GlobalErrorProvider: React.FC<PropsWithOnlyChildren> = (props) => {
   const [errors, setErrors] = useState<GlobalError[]>([])
   const push = useCallback(
     (errs: GlobalError[]) => {
diff --git a/web/app/appstate/preferences.tsx b/web/app/appstate/preferences.tsx
index 9e57ccf21e..967f52e11b 100644
--- a/web/app/appstate/preferences.tsx
+++ b/web/app/appstate/preferences.tsx
@@ -312,9 +312,7 @@ const initialContextValue: PreferencesContext = {
 
 const PreferencesContext = React.createContext(initialContextValue)
 
-export const PreferencesProvider: React.FC<PropsWithOnlyChildren> = (
-  props
-) => {
+export const PreferencesProvider: React.FC<PropsWithOnlyChildren> = (props) => {
   const [preferences, setPreferences] = useState<
     Record<OrganisaatioOid, OrganisaatioPreferences>
   >({})
diff --git a/web/app/components-v2/access/KansalainenOnly.tsx b/web/app/components-v2/access/KansalainenOnly.tsx
index 028aa46320..f9a4cb8dc8 100644
--- a/web/app/components-v2/access/KansalainenOnly.tsx
+++ b/web/app/components-v2/access/KansalainenOnly.tsx
@@ -2,9 +2,7 @@ import React from 'react'
 import { useKansalainenUser, useVirkailijaUser } from '../../appstate/user'
 import { PropsWithOnlyChildren } from '../../util/react'
 
-export const KansalainenOnly: React.FC<PropsWithOnlyChildren> = (
-  props
-) => {
+export const KansalainenOnly: React.FC<PropsWithOnlyChildren> = (props) => {
   const user = useKansalainenUser()
   return user ? <>{props.children}</> : null
 }
diff --git a/web/app/components-v2/access/VirkailijaOnly.tsx b/web/app/components-v2/access/VirkailijaOnly.tsx
index aad02dbacd..f264f0e50d 100644
--- a/web/app/components-v2/access/VirkailijaOnly.tsx
+++ b/web/app/components-v2/access/VirkailijaOnly.tsx
@@ -2,9 +2,7 @@ import React from 'react'
 import { useVirkailijaUser } from '../../appstate/user'
 import { PropsWithOnlyChildren } from '../../util/react'
 
-export const VirkailijaOnly: React.FC<PropsWithOnlyChildren> = (
-  props
-) => {
+export const VirkailijaOnly: React.FC<PropsWithOnlyChildren> = (props) => {
   const user = useVirkailijaUser()
   return user === null ? null : <>{props.children}</>
 }
diff --git a/web/app/components-v2/opiskeluoikeus/KuntaField.tsx b/web/app/components-v2/opiskeluoikeus/KuntaField.tsx
index b1ff60f983..72d7052aed 100644
--- a/web/app/components-v2/opiskeluoikeus/KuntaField.tsx
+++ b/web/app/components-v2/opiskeluoikeus/KuntaField.tsx
@@ -15,7 +15,9 @@ import { FieldEditorProps, FieldViewerProps } from '../forms/FormField'
 
 export type Kuntakoodiviite = Koodistokoodiviite<'kunta'>
 
-export type KuntaViewProps = CommonProps<FieldViewerProps<Kuntakoodiviite, EmptyObject>>
+export type KuntaViewProps = CommonProps<
+  FieldViewerProps<Kuntakoodiviite, EmptyObject>
+>
 
 export const KuntaView: React.FC<KuntaViewProps> = (props) => (
   <TestIdText {...common(props, ['KuntaView'])} id="kunta.value">
@@ -23,7 +25,9 @@ export const KuntaView: React.FC<KuntaViewProps> = (props) => (
   </TestIdText>
 )
 
-export type KuntaEditProps = CommonProps<FieldEditorProps<Kuntakoodiviite, EmptyObject>>
+export type KuntaEditProps = CommonProps<
+  FieldEditorProps<Kuntakoodiviite, EmptyObject>
+>
 
 export const KuntaEdit: React.FC<KuntaEditProps> = (props) => {
   const kunnat = useKoodisto('kunta')
diff --git a/web/app/components-v2/opiskeluoikeus/LaajuusField.tsx b/web/app/components-v2/opiskeluoikeus/LaajuusField.tsx
index 05977fe9a3..ce0cec29e8 100644
--- a/web/app/components-v2/opiskeluoikeus/LaajuusField.tsx
+++ b/web/app/components-v2/opiskeluoikeus/LaajuusField.tsx
@@ -21,7 +21,9 @@ import { EmptyObject } from '../../util/objects'
  * ---------------------------------------------------------------------
  */
 
-export type LaajuusViewProps = CommonProps<FieldViewerProps<Laajuus, EmptyObject>>
+export type LaajuusViewProps = CommonProps<
+  FieldViewerProps<Laajuus, EmptyObject>
+>
 
 export const LaajuusView = (props: LaajuusViewProps) => {
   return (
diff --git a/web/app/components-v2/opiskeluoikeus/OpintokokonaisuusField.tsx b/web/app/components-v2/opiskeluoikeus/OpintokokonaisuusField.tsx
index d75c04d441..2589d05f14 100644
--- a/web/app/components-v2/opiskeluoikeus/OpintokokonaisuusField.tsx
+++ b/web/app/components-v2/opiskeluoikeus/OpintokokonaisuusField.tsx
@@ -12,7 +12,10 @@ import { OptionList, Select } from '../controls/Select'
 import { FieldEditorProps, FieldViewerProps } from '../forms/FormField'
 
 type OpintokokonaisuusViewProps = CommonProps<
-  FieldViewerProps<Koodistokoodiviite<'opintokokonaisuudet', string>, EmptyObject>
+  FieldViewerProps<
+    Koodistokoodiviite<'opintokokonaisuudet', string>,
+    EmptyObject
+  >
 >
 
 export const OpintokokonaisuusView: React.FC<OpintokokonaisuusViewProps> = (
@@ -35,7 +38,10 @@ export const OpintokokonaisuusView: React.FC<OpintokokonaisuusViewProps> = (
 }
 
 type OpintokokonaisuusEditProps = CommonProps<
-  FieldEditorProps<Koodistokoodiviite<'opintokokonaisuudet', string>, EmptyObject>
+  FieldEditorProps<
+    Koodistokoodiviite<'opintokokonaisuudet', string>,
+    EmptyObject
+  >
 >
 
 export const OpintokokonaisuusEdit: React.FC<OpintokokonaisuusEditProps> = (
diff --git a/web/app/components-v2/opiskeluoikeus/PerusteField.tsx b/web/app/components-v2/opiskeluoikeus/PerusteField.tsx
index f5af3becfa..7380f390fa 100644
--- a/web/app/components-v2/opiskeluoikeus/PerusteField.tsx
+++ b/web/app/components-v2/opiskeluoikeus/PerusteField.tsx
@@ -17,7 +17,9 @@ import { OptionList, Select } from '../controls/Select'
 import { FieldEditorProps, FieldViewerProps } from '../forms/FormField'
 import { Trans } from '../texts/Trans'
 
-type PerusteViewProps = CommonProps<FieldViewerProps<string | undefined, EmptyObject>>
+type PerusteViewProps = CommonProps<
+  FieldViewerProps<string | undefined, EmptyObject>
+>
 
 export const PerusteView: React.FC<PerusteViewProps> = (props) => {
   const { TreeNode, ...tree } = useTree()
diff --git a/web/app/editor/EditorModel.ts b/web/app/editor/EditorModel.ts
index e2b898628f..fba1d6e66a 100644
--- a/web/app/editor/EditorModel.ts
+++ b/web/app/editor/EditorModel.ts
@@ -149,8 +149,8 @@ const ensureModelId = <T extends EditorModel>(
   force?: boolean
 ): Identified<T> | undefined => {
   if (model && (force || !isIdentified(model))) {
-    ; (model as any).modelId = calculateModelId(model)
-      ; (model as any).data = null // reset modelData caching
+    ;(model as any).modelId = calculateModelId(model)
+    ;(model as any).data = null // reset modelData caching
   }
   return model as Identified<T>
 }
@@ -504,9 +504,9 @@ export const createOptionalEmpty = <M extends EditorModel & OptionalModel>(
 ): OptionalModel =>
   isSomeOptionalModel(optModel)
     ? {
-      optional: optModel.optional,
-      optionalPrototype: optModel.optionalPrototype
-    }
+        optional: optModel.optional,
+        optionalPrototype: optModel.optionalPrototype
+      }
     : {}
 
 export const resetOptionalModel = <
@@ -705,12 +705,13 @@ const modelErrors = <T extends ValidationContext>(
 }
 
 export const applyChangesAndValidate = <
-  M extends EditorModel & Contextualized<EditorMappingContext & ValidationContext>
+  M extends EditorModel &
+    Contextualized<EditorMappingContext & ValidationContext>
 >(
   modelBeforeChange: M,
   changes: ChangeBusAction[]
 ) => {
-  type AppliedChanges = { model: M, scopes: string[] }
+  type AppliedChanges = { model: M; scopes: string[] }
 
   const basePath = toPath(modelBeforeChange.path)
   const withAppliedChanges = changes.reduce(
@@ -732,7 +733,10 @@ export const applyChangesAndValidate = <
     { model: modelBeforeChange, scopes: [] } satisfies AppliedChanges
   )
 
-  return applyValidationScopes(validateModel(withAppliedChanges.model), withAppliedChanges.scopes)
+  return applyValidationScopes(
+    validateModel(withAppliedChanges.model),
+    withAppliedChanges.scopes
+  )
 }
 
 const getValidationScope = (path: string[]): string => {
@@ -746,13 +750,21 @@ const getValidationScope = (path: string[]): string => {
 
 const applyValidationScopes = <
   M extends EditorModel & Contextualized<ValidationContext>
->(model: M, scopes: string[]) => {
-  const validationScope = R.uniq([...(model.context.validationScope || []), ...scopes])
+>(
+  model: M,
+  scopes: string[]
+) => {
+  const validationScope = R.uniq([
+    ...(model.context.validationScope || []),
+    ...scopes
+  ])
 
   const errors = model.context.validationResult
   if (errors) {
-    const inValidationScope = (path: string) => !!validationScope.find(s => path.startsWith(s))
-    const validationResult = filterObjByKey<typeof errors>(inValidationScope)(errors)
+    const inValidationScope = (path: string) =>
+      !!validationScope.find((s) => path.startsWith(s))
+    const validationResult =
+      filterObjByKey<typeof errors>(inValidationScope)(errors)
     return addContext(model, { validationResult, validationScope })
   }
 
@@ -770,13 +782,13 @@ export const validateModel = <
 
   const pushError =
     (model: EditorModel & Contextualized, results: ModelErrorRecord) =>
-      (error: ModelError) => {
-        const path = justPath(model.path)
-        const fullPath = path.concat(error.path || []).join('.')
-        results[fullPath]
-          ? results[fullPath].push(error)
-          : (results[fullPath] = [error])
-      }
+    (error: ModelError) => {
+      const path = justPath(model.path)
+      const fullPath = path.concat(error.path || []).join('.')
+      results[fullPath]
+        ? results[fullPath].push(error)
+        : (results[fullPath] = [error])
+    }
 
   const validateInner = (
     model: EditableModel & Contextualized<EditorMappingContext>,
@@ -874,18 +886,18 @@ const modelItemsRaw = (model?: EditorModel): EditorModel[] =>
 
 const contextualizeProperty =
   <M extends ObjectModel & Contextualized<T>, T extends object>(mainModel: M) =>
-    (
-      property?: ObjectModelProperty
-    ): ContextualizedObjectModelProperty<M, T> | undefined => {
-      if (!property) return property
-      const model = contextualizeChild(mainModel, property.model, property.key)!
-      return R.mergeRight(property, {
-        model,
-        owner: mainModel,
-        editable:
-          property.editable === undefined ? mainModel.editable : property.editable
-      }) as any as ContextualizedObjectModelProperty<M, T>
-    }
+  (
+    property?: ObjectModelProperty
+  ): ContextualizedObjectModelProperty<M, T> | undefined => {
+    if (!property) return property
+    const model = contextualizeChild(mainModel, property.model, property.key)!
+    return R.mergeRight(property, {
+      model,
+      owner: mainModel,
+      editable:
+        property.editable === undefined ? mainModel.editable : property.editable
+    }) as any as ContextualizedObjectModelProperty<M, T>
+  }
 
 let arrayKeyCounter = 0
 export const ensureArrayKey = (v: ListModel) => {
diff --git a/web/app/omadata/OmaDataOAuth2AnnaHyvaksynta.jsx b/web/app/omadata/OmaDataOAuth2AnnaHyvaksynta.jsx
index 73c5825ad1..094dd389f0 100644
--- a/web/app/omadata/OmaDataOAuth2AnnaHyvaksynta.jsx
+++ b/web/app/omadata/OmaDataOAuth2AnnaHyvaksynta.jsx
@@ -1,42 +1,54 @@
 import React from 'baret'
 import Text from '../i18n/Text'
 import { useKoodisto } from '../appstate/koodisto'
-import {t, tExists } from '../i18n/i18n'
-import TextTemplate from "../i18n/TextTemplate";
+import { t, tExists } from '../i18n/i18n'
+import TextTemplate from '../i18n/TextTemplate'
 
 import(/* webpackChunkName: "styles" */ '../style/main.less')
 
-export default ({clientId, clientName, onAcceptClick, onDeclineClick, scope, durationInMin}) => {
+export default ({
+  clientId,
+  clientName,
+  onAcceptClick,
+  onDeclineClick,
+  scope,
+  durationInMin
+}) => {
   return (
     <div>
       <div className="acceptance-box">
-        <AcceptanceTitle clientName={clientName}/>
+        <AcceptanceTitle clientName={clientName} />
 
-        <ScopeList scope={scope}/>
+        <ScopeList scope={scope} />
 
-        <AcceptanceParagraphs durationInMin={durationInMin} clientId={clientId}/>
+        <AcceptanceParagraphs
+          durationInMin={durationInMin}
+          clientId={clientId}
+        />
       </div>
 
-      <AcceptanceButtons onAcceptClick={onAcceptClick} onDeclineClick={onDeclineClick}/>
+      <AcceptanceButtons
+        onAcceptClick={onAcceptClick}
+        onDeclineClick={onDeclineClick}
+      />
     </div>
   )
 }
 
-const AcceptanceTitle = ({clientName}) => {
-  return (<>
-    <div className="acceptance-title">
-      <Text
-        name="Antamalla suostumuksesi sallit, että Opetushallitus luovuttaa sinua koskevia henkilötietoja seuraavalle palveluntarjoajalle"/>
-    </div>
-    <div className="acceptance-member-name">
-      <span aria-label={t(clientName)}>
-        {t(clientName)}
-      </span>
-    </div>
-  </>)
+const AcceptanceTitle = ({ clientName }) => {
+  return (
+    <>
+      <div className="acceptance-title">
+        <Text name="Antamalla suostumuksesi sallit, että Opetushallitus luovuttaa sinua koskevia henkilötietoja seuraavalle palveluntarjoajalle" />
+      </div>
+      <div className="acceptance-member-name">
+        <span aria-label={t(clientName)}>{t(clientName)}</span>
+      </div>
+    </>
+  )
 }
 
-const ScopeList = ({scope}) => {
+const ScopeList = ({ scope }) => {
   const scopesKoodisto = useKoodisto('omadataoauth2scope')
 
   const localizedScope = (koodi) => {
@@ -51,63 +63,67 @@ const ScopeList = ({scope}) => {
 
   const scopes = scope.split(' ')
 
-  return (<div className="acceptance-share-info">
-      <Text name="Palveluntarjoajalle luovutetaan seuraavat henkilötiedot"/>
+  return (
+    <div className="acceptance-share-info">
+      <Text name="Palveluntarjoajalle luovutetaan seuraavat henkilötiedot" />
       {':'}
       <ul>
         {scopes.map((s) => (
           <li key={s}>{localizedScope(s)}</li>
         ))}
-        <li>
-          {t("omadataoauth2_suostumuksesi_paattymisajankohta")}
-        </li>
+        <li>{t('omadataoauth2_suostumuksesi_paattymisajankohta')}</li>
       </ul>
     </div>
   )
 }
 
-const AcceptanceParagraphs = ({durationInMin, clientId}) => {
-  return (<div className="acceptance-paragraphs">
-    <Paattymisajankohta durationInMin={durationInMin}/>
-    <p>
-      <Text name="Omat opiskeluoikeustietosi voit tarkistaa Oma Opintopolku-sivustolla"/>
-    </p>
-    <p>
-      <a href="https://opintopolku.fi/koski/omattiedot">
-        <Text name="Oma Opintopolussa olevat omat opintosuorituksesi"/>
-      </a>
-    </p>
+const AcceptanceParagraphs = ({ durationInMin, clientId }) => {
+  return (
+    <div className="acceptance-paragraphs">
+      <Paattymisajankohta durationInMin={durationInMin} />
+      <p>
+        <Text name="Omat opiskeluoikeustietosi voit tarkistaa Oma Opintopolku-sivustolla" />
+      </p>
+      <p>
+        <a href="https://opintopolku.fi/koski/omattiedot">
+          <Text name="Oma Opintopolussa olevat omat opintosuorituksesi" />
+        </a>
+      </p>
 
-    <PalveluntarjoajakohtainenTeksti clientId={clientId}/>
-    <LinkkiPalveluntarjoajaan clientId={clientId}/>
+      <PalveluntarjoajakohtainenTeksti clientId={clientId} />
+      <LinkkiPalveluntarjoajaan clientId={clientId} />
 
-    <p>
-      <Text name="Lisätietoja Opetushallituksen suorittamasta tietojen käsittelystä saat Opintopolku-palvelusta"/>
-    </p>
-    <p>
-      <a href="https://opintopolku.fi/wp/tietosuojaseloste/koski-palvelun-tietosuojaseloste/">
-        <Text name="KOSKI-palvelun tietosuojaseloste Opintopolku-sivustolla"/>
-      </a>
-    </p>
-  </div>)
+      <p>
+        <Text name="Lisätietoja Opetushallituksen suorittamasta tietojen käsittelystä saat Opintopolku-palvelusta" />
+      </p>
+      <p>
+        <a href="https://opintopolku.fi/wp/tietosuojaseloste/koski-palvelun-tietosuojaseloste/">
+          <Text name="KOSKI-palvelun tietosuojaseloste Opintopolku-sivustolla" />
+        </a>
+      </p>
+    </div>
+  )
 }
 
 const Paattymisajankohta = ({ durationInMin }) => {
   return (
     <p>
-      <TextTemplate templateName="omadataoauth2_suostumuksesi_paattymisajankohta_min" duration_in_minutes={durationInMin}/>
+      <TextTemplate
+        templateName="omadataoauth2_suostumuksesi_paattymisajankohta_min"
+        duration_in_minutes={durationInMin}
+      />
     </p>
   )
 }
 
-const PalveluntarjoajakohtainenTeksti = ({clientId}) => {
-  return Array.from({length: 9}, (x, i) => {
+const PalveluntarjoajakohtainenTeksti = ({ clientId }) => {
+  return Array.from({ length: 9 }, (x, i) => {
     const paragraphId = `omadataoauth2_tekstikappale_${clientId}_${i + 1}`
 
     if (tExists(paragraphId)) {
       return (
         <p key={paragraphId}>
-          <Text name={paragraphId}/>
+          <Text name={paragraphId} />
         </p>
       )
     } else {
@@ -116,38 +132,36 @@ const PalveluntarjoajakohtainenTeksti = ({clientId}) => {
   })
 }
 
-const LinkkiPalveluntarjoajaan = ({clientId}) => {
+const LinkkiPalveluntarjoajaan = ({ clientId }) => {
   const linkkiId = `omadataoauth2_linkki_${clientId}`
   const linkkitekstiId = `omadataoauth2_linkkiteksti_${clientId}`
 
-  return (tExists(linkkiId) && tExists(linkkitekstiId)) ? (
+  return tExists(linkkiId) && tExists(linkkitekstiId) ? (
     <>
       <p>
-        <Text
-          name="omadataoauth2_lisatietoja_palveluntarjoajalta_saat"/>
+        <Text name="omadataoauth2_lisatietoja_palveluntarjoajalta_saat" />
       </p>
       <p>
         <a href={t(linkkiId)}>
-          <Text name={linkkitekstiId}/>
+          <Text name={linkkitekstiId} />
         </a>
       </p>
     </>
   ) : null
 }
 
-const AcceptanceButtons = ({onAcceptClick, onDeclineClick}) => {
-  return (<div className="acceptance-button-container">
-    <button
-      className="acceptance-button koski-button"
-      onClick={onAcceptClick}
-    >
-      <Text name="Hyväksy"/>
-    </button>
-    <button
-      className="decline-button koski-button"
-      onClick={onDeclineClick}
-    >
-      <Text name="Peruuta ja palaa"/>
-    </button>
-  </div>)
+const AcceptanceButtons = ({ onAcceptClick, onDeclineClick }) => {
+  return (
+    <div className="acceptance-button-container">
+      <button
+        className="acceptance-button koski-button"
+        onClick={onAcceptClick}
+      >
+        <Text name="Hyväksy" />
+      </button>
+      <button className="decline-button koski-button" onClick={onDeclineClick}>
+        <Text name="Peruuta ja palaa" />
+      </button>
+    </div>
+  )
 }
diff --git a/web/app/omadata/OmaDataOAuth2HyvaksyntaLanding.jsx b/web/app/omadata/OmaDataOAuth2HyvaksyntaLanding.jsx
index 9fdb17a6f8..9a6a5975c7 100644
--- a/web/app/omadata/OmaDataOAuth2HyvaksyntaLanding.jsx
+++ b/web/app/omadata/OmaDataOAuth2HyvaksyntaLanding.jsx
@@ -41,17 +41,17 @@ class OmaDataOAuth2HyvaksyntaLanding extends React.Component {
   }
 
   parseScope() {
-    const urlParams= new URLSearchParams(currentLocation().queryString)
+    const urlParams = new URLSearchParams(currentLocation().queryString)
     return urlParams.get('scope')
   }
 
   parseError() {
-    const urlParams= new URLSearchParams(currentLocation().queryString)
+    const urlParams = new URLSearchParams(currentLocation().queryString)
     return urlParams.get('error')
   }
 
   parseErrorId() {
-    const urlParams= new URLSearchParams(currentLocation().queryString)
+    const urlParams = new URLSearchParams(currentLocation().queryString)
     return urlParams.get('error_id')
   }
 
@@ -100,15 +100,14 @@ class OmaDataOAuth2HyvaksyntaLanding extends React.Component {
       <ErrorDisplay error={{ text: this.state.error }} />
     ) : null
 
-    const errorPage =
-      this.state.error ? (
-        <ErrorPage
-          text={tTemplate('omadataoauth2_error', {
-            error: this.state.error,
-            error_id: this.state.error_id
-          })}
-        />
-      ) : null
+    const errorPage = this.state.error ? (
+      <ErrorPage
+        text={tTemplate('omadataoauth2_error', {
+          error: this.state.error,
+          error_id: this.state.error_id
+        })}
+      />
+    ) : null
 
     return (
       <KoodistoProvider>
diff --git a/web/app/omadata/OmaDataOAuth2UusiHyvaksynta.jsx b/web/app/omadata/OmaDataOAuth2UusiHyvaksynta.jsx
index e9b73f7c59..262545dbcd 100644
--- a/web/app/omadata/OmaDataOAuth2UusiHyvaksynta.jsx
+++ b/web/app/omadata/OmaDataOAuth2UusiHyvaksynta.jsx
@@ -4,7 +4,7 @@ import Http from '../util/http'
 import Text from '../i18n/Text'
 import { formatFinnishDate, parseISODate } from '../date/date'
 import { getBirthdayFromEditorRes } from '../util/util'
-import OmaDataOAuth2AnnaHyvaksynta from "./OmaDataOAuth2AnnaHyvaksynta";
+import OmaDataOAuth2AnnaHyvaksynta from './OmaDataOAuth2AnnaHyvaksynta'
 
 const editorP = Http.cachedGet('/koski/api/omattiedot/editor', {
   errorMapper: () => undefined
diff --git a/web/app/raportit/AikajaksoRaporttiAikarajauksella.jsx b/web/app/raportit/AikajaksoRaporttiAikarajauksella.jsx
index be2ec4d37d..03a63ec0a1 100644
--- a/web/app/raportit/AikajaksoRaporttiAikarajauksella.jsx
+++ b/web/app/raportit/AikajaksoRaporttiAikarajauksella.jsx
@@ -86,7 +86,7 @@ export const AikajaksoRaporttiAikarajauksella = ({
       o &&
       a &&
       l &&
-      l.valueOf() >= a.valueOf() && 
+      l.valueOf() >= a.valueOf() &&
       (!showKotikuntaPvmInput || kkp) && {
         oppilaitosOid: o.oid,
         alku: formatISODate(a),
@@ -131,7 +131,13 @@ export const AikajaksoRaporttiAikarajauksella = ({
         ]}
       />
 
-      {showKotikuntaPvmInput && <PaivaValinta label={t('select-kotikunta-date')} paivaAtom={kotikuntaPvmAtom} ohje={kotikuntaPvmInputHelp} />}
+      {showKotikuntaPvmInput && (
+        <PaivaValinta
+          label={t('select-kotikunta-date')}
+          paivaAtom={kotikuntaPvmAtom}
+          ohje={kotikuntaPvmInputHelp}
+        />
+      )}
 
       <RaportinLataus
         password={password}
diff --git a/web/app/raportit/RaporttiPaivalta.jsx b/web/app/raportit/RaporttiPaivalta.jsx
index 8f8b48755c..a8162b931a 100644
--- a/web/app/raportit/RaporttiPaivalta.jsx
+++ b/web/app/raportit/RaporttiPaivalta.jsx
@@ -40,7 +40,10 @@ export const RaporttiPaivalta = ({
       p && {
         oppilaitosOid: o.oid,
         paiva: formatISODate(p),
-        kotikuntaPvm: showKotikuntaPvmInput && !isEqualDate(today(), kkp) ? formatISODate(kkp) : undefined,
+        kotikuntaPvm:
+          showKotikuntaPvmInput && !isEqualDate(today(), kkp)
+            ? formatISODate(kkp)
+            : undefined,
         lang,
         password,
         baseUrl: `/koski/api/raportit${apiEndpoint}`
@@ -64,7 +67,11 @@ export const RaporttiPaivalta = ({
       <PaivaValinta paivaAtom={paivaAtom} ohje={dateInputHelp} />
 
       {showKotikuntaPvmInput && (
-        <PaivaValinta paivaAtom={kotikuntaPvmAtom} label={t("select-kotikunta-date")} ohje={kotikuntaPvmInputHelp} />
+        <PaivaValinta
+          paivaAtom={kotikuntaPvmAtom}
+          label={t('select-kotikunta-date')}
+          ohje={kotikuntaPvmInputHelp}
+        />
       )}
 
       <RaportinLataus
diff --git a/web/app/raportit/VuosiluokkaRaporttiPaivalta.jsx b/web/app/raportit/VuosiluokkaRaporttiPaivalta.jsx
index 484a5f38b4..073f9be6dc 100644
--- a/web/app/raportit/VuosiluokkaRaporttiPaivalta.jsx
+++ b/web/app/raportit/VuosiluokkaRaporttiPaivalta.jsx
@@ -42,7 +42,7 @@ export const VuosiluokkaRaporttiPaivalta = ({
     (o, p, kkp, v) =>
       o &&
       p &&
-      v && 
+      v &&
       kkp && {
         oppilaitosOid: o.oid,
         paiva: formatISODate(p),
@@ -71,7 +71,13 @@ export const VuosiluokkaRaporttiPaivalta = ({
       <LyhytKuvaus>{shortDescription}</LyhytKuvaus>
 
       <PaivaValinta paivaAtom={paivaAtom} ohje={dateInputHelp} />
-      {showKotikuntaPvmInput && <PaivaValinta label={t('select-kotikunta-date')} paivaAtom={kotikuntaPvmAtom} ohje={kotikuntaPvmInputHelp} />}
+      {showKotikuntaPvmInput && (
+        <PaivaValinta
+          label={t('select-kotikunta-date')}
+          paivaAtom={kotikuntaPvmAtom}
+          ohje={kotikuntaPvmInputHelp}
+        />
+      )}
 
       <div className="dropdown-selection parametri vuosiluokka">
         <label>
diff --git a/web/app/raportit/raporttiComponents.jsx b/web/app/raportit/raporttiComponents.jsx
index 1d08552408..89f391bab2 100644
--- a/web/app/raportit/raporttiComponents.jsx
+++ b/web/app/raportit/raporttiComponents.jsx
@@ -12,9 +12,7 @@ export const LyhytKuvaus = ({ children }) =>
 
 export const PaivaValinta = ({ paivaAtom, ohje, label }) => (
   <div className="parametri">
-    <label>
-      {label || <Text name="select-date" />}
-    </label>
+    <label>{label || <Text name="select-date" />}</label>
     <DateInput
       value={paivaAtom.get()}
       valueCallback={(value) => paivaAtom.set(value)}
diff --git a/web/app/raportit/raporttiUtils.js b/web/app/raportit/raporttiUtils.js
index c54b516787..73ab4df25b 100644
--- a/web/app/raportit/raporttiUtils.js
+++ b/web/app/raportit/raporttiUtils.js
@@ -8,7 +8,10 @@ export const filterOrgTreeByRaporttityyppi = (raporttityyppi, orgs) =>
 
 export const today = () => new Date()
 
-export const isEqualDate = (a, b) => a.getYear() === b.getYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate()
+export const isEqualDate = (a, b) =>
+  a.getYear() === b.getYear() &&
+  a.getMonth() === b.getMonth() &&
+  a.getDate() === b.getDate()
 
 export const selectFromState = (stateP) => ({
   selectedOrganisaatioP: stateP.map((state) => state.selectedOrganisaatio),
diff --git a/web/app/style/tabs.less b/web/app/style/tabs.less
index b6f426551b..77b2efec87 100644
--- a/web/app/style/tabs.less
+++ b/web/app/style/tabs.less
@@ -1,6 +1,6 @@
 .tabs-container {
   display: flex;
-  width:100%;
+  width: 100%;
   font-weight: 400;
   font-size: 85%;
   color: @color-link-blue;
@@ -53,7 +53,7 @@
 .tabs-item-selected {
   background: @color-link-blue;
   &:hover {
-    background: @color-link-blue;    
+    background: @color-link-blue;
   }
   color: white;
 
diff --git a/web/app/util/koskiApi.ts b/web/app/util/koskiApi.ts
index 5d47317627..6300cb99cc 100644
--- a/web/app/util/koskiApi.ts
+++ b/web/app/util/koskiApi.ts
@@ -184,7 +184,11 @@ export const invalidateOpiskeluoikeus = (opiskeluoikeusOid: string) =>
 
 export const puraLähdejärjestelmäkytkentä = (opiskeluoikeusOid: string) =>
   handleExpiredSession(
-    apiPost<void>(apiUrl(`opiskeluoikeus/${opiskeluoikeusOid}/pura-lahdejarjestelmakytkenta`))
+    apiPost<void>(
+      apiUrl(
+        `opiskeluoikeus/${opiskeluoikeusOid}/pura-lahdejarjestelmakytkenta`
+      )
+    )
   )
 
 export const fetchOmatTiedotOppija = () =>
diff --git a/web/app/util/react.ts b/web/app/util/react.ts
index 56e6679a96..8123d543a5 100644
--- a/web/app/util/react.ts
+++ b/web/app/util/react.ts
@@ -1,3 +1,3 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react'
 
-export type PropsWithOnlyChildren = { children?: ReactNode | undefined }
\ No newline at end of file
+export type PropsWithOnlyChildren = { children?: ReactNode | undefined }
diff --git a/web/app/util/schema.ts b/web/app/util/schema.ts
index e9e566cff7..bf198fde6f 100644
--- a/web/app/util/schema.ts
+++ b/web/app/util/schema.ts
@@ -22,12 +22,14 @@ import { ItemOf } from './types'
 import { Suoritus } from '../types/fi/oph/koski/schema/Suoritus'
 import { Arviointi } from '../types/fi/oph/koski/schema/Arviointi'
 
-export type Raw<T> = T extends object ? Omit<{ [K in keyof T]: Raw<T[K]> }, "$class"> : T
+export type Raw<T> = T extends object
+  ? Omit<{ [K in keyof T]: Raw<T[K]> }, '$class'>
+  : T
 
 export const isKoodistoviiteOf =
   <T extends string>(uri: T) =>
-    (viite: Koodistokoodiviite): viite is Koodistokoodiviite<T> =>
-      viite.koodistoUri === uri
+  (viite: Koodistokoodiviite): viite is Koodistokoodiviite<T> =>
+    viite.koodistoUri === uri
 
 export type OsasuoritusOf<T extends Suoritus> = T extends {
   osasuoritukset?: Array<infer S>
diff --git a/web/app/uusiopiskeluoikeus/opiskeluoikeusCreator/ammatillinenTutkinto.ts b/web/app/uusiopiskeluoikeus/opiskeluoikeusCreator/ammatillinenTutkinto.ts
index fb4d5b66aa..6758ed99d4 100644
--- a/web/app/uusiopiskeluoikeus/opiskeluoikeusCreator/ammatillinenTutkinto.ts
+++ b/web/app/uusiopiskeluoikeus/opiskeluoikeusCreator/ammatillinenTutkinto.ts
@@ -74,7 +74,12 @@ export const createAmmatillinenOpiskeluoikeus = (
           })
         ]
       }),
-      lisätiedot: createAmmatillisenOpiskeluoikeudenLisätiedot(alku, maksuton, opintojenRahoitus, jotpaAsianumero),
+      lisätiedot: createAmmatillisenOpiskeluoikeudenLisätiedot(
+        alku,
+        maksuton,
+        opintojenRahoitus,
+        jotpaAsianumero
+      ),
       suoritukset: [suoritus]
     })
   )
@@ -84,13 +89,18 @@ const createAmmatillisenOpiskeluoikeudenLisätiedot = (
   alku: string,
   maksuton: boolean | null,
   opintojenRahoitus: Koodistokoodiviite<'opintojenrahoitus'>,
-  jotpaAsianumero?: Koodistokoodiviite<'jotpaasianumero'>): AmmatillisenOpiskeluoikeudenLisätiedot | undefined => {
+  jotpaAsianumero?: Koodistokoodiviite<'jotpaasianumero'>
+): AmmatillisenOpiskeluoikeudenLisätiedot | undefined => {
   if (maksuton === null && !jotpaAsianumero) {
     return undefined
   }
   return AmmatillisenOpiskeluoikeudenLisätiedot({
-    ...(maksuton === null ? {} : { maksuttomuus: [Maksuttomuus({ alku, maksuton })] }),
-    ...(jotpaAsianumero && isJotpaRahoituksenKoodistoviite(opintojenRahoitus) ? { jotpaAsianumero } : {})
+    ...(maksuton === null
+      ? {}
+      : { maksuttomuus: [Maksuttomuus({ alku, maksuton })] }),
+    ...(jotpaAsianumero && isJotpaRahoituksenKoodistoviite(opintojenRahoitus)
+      ? { jotpaAsianumero }
+      : {})
   })
 }
 
diff --git a/web/app/virkailija/virkailijaRouter.jsx b/web/app/virkailija/virkailijaRouter.jsx
index e99ae0ff95..def1249c52 100644
--- a/web/app/virkailija/virkailijaRouter.jsx
+++ b/web/app/virkailija/virkailijaRouter.jsx
@@ -13,7 +13,8 @@ import {
   dokumentaatioOpintohallintojärjestelmätP,
   dokumentaatioLuovutuspalveluP,
   dokumentaatioPalveluväyläOmadataP,
-  dokumentaatioKyselytP, dokumentaatioOmadataOAuth2P
+  dokumentaatioKyselytP,
+  dokumentaatioOmadataOAuth2P
 } from '../dokumentaatio/Dokumentaatio'
 import { onlyIfHasReadAccess } from './accessCheck'
 import { raportitContentP } from '../raportit/Raportit'