add: .env for api key

The `react-native-dotenv` set up did not work where it couldnt find @env like the documentation says to use

Instead used babel-blugin-inline-dotenv described in this stackoverflow post:  https://stackoverflow.com/questions/57060316/environment-variables-in-babel-config-js

This was the `react-native-dotenv` recommended solution that did not work for me facebook/react-native#29351 (comment)

.env.development

@@ -0,0 +1 @@
+TEST_KEY='help'

App.js

@@ -12,7 +12,6 @@ const App = () => {
   const [loading, setLoading] = useState(true)
   const [location, setLocation] = useState(null)
   const [error, setError] = useState(null)
-
   useEffect(() => {
     ;(async () => {
       let { status } = await Location.requestForegroundPermissionsAsync()
@@ -25,6 +24,8 @@ const App = () => {
     })()
   }, [])
 
+  console.log(process.env.TEST_KEY)
+
   if (location) {
     console.log(location)
   }

babel.config.js

@@ -1,6 +1,28 @@
-module.exports = function(api) {
-  api.cache(true);
+module.exports = function (api) {
+  api.cache(true)
   return {
     presets: ['babel-preset-expo'],
-  };
-};
+    env: {
+      production: {
+        plugins: [
+          [
+            'inline-dotenv',
+            {
+              path: '.env.production'
+            }
+          ]
+        ]
+      },
+      development: {
+        plugins: [
+          [
+            'inline-dotenv',
+            {
+              path: '.env.development'
+            }
+          ]
+        ]
+      }
+    }
+  }
+}

package.json

@@ -13,20 +13,22 @@
     "@react-navigation/bottom-tabs": "^6.5.7",
     "@react-navigation/native": "^6.1.6",
     "expo": "~48.0.18",
+    "expo-location": "~15.1.1",
     "expo-status-bar": "~1.4.4",
     "react": "18.2.0",
     "react-native": "0.71.8",
     "react-native-safe-area-context": "4.5.0",
-    "react-native-screens": "~3.20.0",
-    "expo-location": "~15.1.1"
+    "react-native-screens": "~3.20.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@react-native-community/eslint-config": "^3.2.0",
+    "babel-plugin-inline-dotenv": "^1.7.0",
     "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-react": "^7.32.2",
-    "prettier": "2.8.8"
+    "prettier": "2.8.8",
+    "react-native-dotenv": "^3.4.9"
   },
   "private": true
 }