Bring back SafeAreaConsumer with deprecation warning

It is used in react-nav so let's make the transition easier

src/SafeAreaContext.tsx

  * @deprecated
  */
 export function useSafeArea(): EdgeInsets {
-  console.warn('useSafeArea is deprecated, use useSafeAreaInsets instead.');
+  React.useEffect(() => {
+    console.warn('useSafeArea is deprecated, use useSafeAreaInsets instead.');
+  }, []);
   return useSafeAreaInsets();
 }
+
+/**
+ * @deprecated
+ */
+export function SafeAreaConsumer(
+  props: React.ComponentProps<typeof SafeAreaInsetsContext.Consumer>,
+) {
+  React.useEffect(() => {
+    console.warn(
+      'SafeAreaConsumer is deprecated, use SafeAreaInsetsContext.Consumer instead.',
+    );
+  }, []);
+  return <SafeAreaInsetsContext.Consumer {...props} />;
+}