[MDS-6283] Fix 'Form-Filled' PDF UI Bug (#3935)

* Resolve yarn serve error - introduced by separate PR, not part of this ticket's main task

* Updated filesystem-provider's syncfusion version, to match the same version used by the frontend

* Fixed styling issue affecting how filled-forms in a PDF were rendered

* Update snaps

* Restore commented out line that I missed - oops

* Update snap, forgot to comment a line back in

Author: alazar-aot

services/common/src/components/syncfusion/DocumentViewer.tsx

@@ -121,7 +121,7 @@ export const ViewPdf: React.FC<ViewPDFProps> = ({
       serviceUrl={pdfViewerServiceUrl}
       documentPath={documentPath}
       ajaxRequestSettings={ajaxRequestSettings}
-      style={{ display: "block", height: "80vh" }}
+      height="80vh"
       enableAnnotation={true}
       enableFormDesigner={false}
       polygonSettings={{ fillColor: 'yellow', opacity: 0.6, strokeColor: 'orange' }}

services/core-web/src/components/admin/contacts/MinistryContacts/MineSpaceMinistryContactManagement.tsx

@@ -34,7 +34,7 @@ export const MineSpaceMinistryContactManagement: FC = () => {
   const ministryContactTypesHash = useAppSelector(getMinistryContactTypesHash);
 
   useEffect(() => {
-    Promise.all([dispatch(fetchMinistryContacts()), dispatch(fetchDistributionLists())]).then(() => {
+    Promise.all([dispatch(fetchMinistryContacts()), dispatch(fetchDistributionLists({}))]).then(() => {
       setIsLoaded(true);
     });
   }, [dispatch]);

services/core-web/src/styles/tools/syncfusion.scss

@@ -40,6 +40,10 @@ $error-font: theme.$error-color; //#f44336;
   display: none;
 }
 
+.e-pdfviewer-formFields {
+  position: static;
+}
+
 #pdfviewer-container_fileUploadElement,
 #pdfviewer-container_annotationContainer,
 #preview-permit-amendment-pdf_fileUploadElement {

services/core-web/src/tests/components/mine/Permit/__snapshots__/PreviewPermitAmendmentDocument.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`PreviewPermitAmendmentDocument fetches and displays document when docum
   <div
     class="e-control e-pdfviewer e-lib"
     id="preview-permit-amendment-pdf"
-    style="display: block; height: 80vh; min-height: 500px;"
+    style="min-height: 500px; height: 80vh;"
   >
     <div
       class="e-pv-main-container"

services/filesystem-provider/ej2-amazon-s3-aspcore-file-provider/EJ2AmazonS3ASPCoreFileProvider.csproj

@@ -16,8 +16,8 @@
     <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="7.0.7" />
     <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.2.0" PrivateAssets="All" />
     <PackageReference Include="Swashbuckle.AspNetCore" Version="6.5.0" />
-    <PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="31.1.17" />
-    <PackageReference Include="Syncfusion.EJ2.PdfViewer.AspNet.Core" Version="31.1.17" />
+    <PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="31.2.5" />
+    <PackageReference Include="Syncfusion.EJ2.PdfViewer.AspNet.Core" Version="31.2.5" />
     <PackageReference Include="SkiaSharp" Version="3.116.1" />
     <PackageReference Include="SkiaSharp.HarfBuzz" Version="3.116.1" />
     <PackageReference Include="SkiaSharp.NativeAssets.Linux" Version="3.116.1" />

services/minespace-web/src/styles/tools/syncfusion.scss

@@ -40,6 +40,10 @@ $error-font: $error-color; //#f44336;
   display: none;
 }
 
+.e-pdfviewer-formFields {
+  position: static;
+}
+
 #pdfviewer-container_fileUploadElement,
 #pdfviewer-container_annotationContainer,
 #preview-permit-amendment-pdf_fileUploadElement {