fix: SafeArea for Mandatory Modal test

Author: ieow

app/component-library/components/Modals/ModalMandatory/ModalMandatory.test.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import ModalMandatory from './ModalMandatory';
 import renderWithProvider from '../../../../util/test/renderWithProvider';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 const mockedNavigate = jest.fn();
 
 jest.mock('@react-navigation/native', () => {
@@ -15,35 +16,39 @@ jest.mock('@react-navigation/native', () => {
 describe('Mandatory Modal', () => {
   it('should render correctly webview mandatory modal', () => {
     const { toJSON } = renderWithProvider(
-      <ModalMandatory
-        route={{
-          params: {
-            headerTitle: 'test',
-            footerHelpText: 'test',
-            buttonText: 'test',
-            body: { source: 'WebView', uri: 'http://google.com' },
-            onAccept: () => null,
-            checkboxText: 'test',
-          },
-        }}
-      />,
+      <SafeAreaProvider>
+        <ModalMandatory
+          route={{
+            params: {
+              headerTitle: 'test',
+              footerHelpText: 'test',
+              buttonText: 'test',
+              body: { source: 'WebView', uri: 'http://google.com' },
+              onAccept: () => null,
+              checkboxText: 'test',
+            },
+          }}
+        />
+      </SafeAreaProvider>,
     );
     expect(toJSON).toMatchSnapshot();
   });
   it('should render correctly component mandatory modal', () => {
     const { toJSON } = renderWithProvider(
-      <ModalMandatory
-        route={{
-          params: {
-            headerTitle: 'test',
-            footerHelpText: 'test',
-            buttonText: 'test',
-            body: { source: 'Node', component: () => <></> },
-            onAccept: () => null,
-            checkboxText: 'test',
-          },
-        }}
-      />,
+      <SafeAreaProvider>
+        <ModalMandatory
+          route={{
+            params: {
+              headerTitle: 'test',
+              footerHelpText: 'test',
+              buttonText: 'test',
+              body: { source: 'Node', component: () => <></> },
+              onAccept: () => null,
+              checkboxText: 'test',
+            },
+          }}
+        />
+      </SafeAreaProvider>,
     );
     expect(toJSON).toMatchSnapshot();
   });