ScreenFooterScreen - fix errors when SafeAreaContext is not installed (#3949)

Author: M-i-k-e-l

demo/src/optionalDependencies/SafeAreaContextPackage.tsx

@@ -0,0 +1,6 @@
+let SafeAreaContextPackage;
+try {
+  SafeAreaContextPackage = require('react-native-safe-area-context');
+} catch {}
+
+export default SafeAreaContextPackage;

demo/src/optionalDependencies/index.ts

@@ -0,0 +1 @@
+export {default as SafeAreaContextPackage} from './SafeAreaContextPackage';

demo/src/screens/componentScreens/ScreenFooterScreen.tsx

@@ -19,11 +19,8 @@ import {
   Incubator,
   Icon
 } from 'react-native-ui-lib';
-
-let SafeAreaProvider: React.ComponentType<any> | undefined;
-try {
-  SafeAreaProvider = require('react-native-safe-area-context').SafeAreaProvider;
-} catch {}
+import {SafeAreaContextPackage} from '../../optionalDependencies';
+const SafeAreaProvider = SafeAreaContextPackage?.SafeAreaProvider;
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const basketIcon = require('../../assets/icons/collections.png');