moves formprovider to app.tsx instead of entrypoint

Author: cammiida

src/App.tsx

@@ -34,9 +34,11 @@ export const App = () => (
       <Route
         path=':pageKey'
         element={
-          <PresentationComponent type={PresentationType.Stateless}>
-            <Form />
-          </PresentationComponent>
+          <FormProvider>
+            <PresentationComponent type={PresentationType.Stateless}>
+              <Form />
+            </PresentationComponent>
+          </FormProvider>
         }
       />
       <Route

src/features/entrypoint/Entrypoint.tsx

@@ -3,7 +3,6 @@ import { Navigate, Outlet } from 'react-router-dom';
 
 import { Loader } from 'src/core/loading/Loader';
 import { useApplicationMetadata } from 'src/features/applicationMetadata/ApplicationMetadataProvider';
-import { FormProvider } from 'src/features/form/FormContext';
 import { InstantiateContainer } from 'src/features/instantiate/containers/InstantiateContainer';
 import { NoValidPartiesError } from 'src/features/instantiate/containers/NoValidPartiesError';
 import {
@@ -31,11 +30,7 @@ const ShowOrInstantiate: React.FC<{ show: ShowTypes }> = ({ show }) => {
   }
 
   // If the show type is something else, it points to a layout set that describes a stateless form.
-  return (
-    <FormProvider>
-      <Outlet />
-    </FormProvider>
-  );
+  return <Outlet />;
 };
 
 export const Entrypoint = () => {
@@ -55,11 +50,7 @@ export const Entrypoint = () => {
     // Anonymous stateless app. No need to log in and select party, but cannot create a new instance.
     // The regular stateless mode (where you have to log in) is handled in ShowOrInstantiate, after the party is
     // selected and valid.
-    return (
-      <FormProvider>
-        <Outlet />
-      </FormProvider>
-    );
+    return <Outlet />;
   }
 
   if (!profile) {