added error handling to getlocation function

app/actions.ts

@@ -1,21 +1,38 @@
 "use server";
+
 import { Forecast, LocationType, coordType } from "@/types/types";
 
-//takes address and returns coords in obj as {lat: number, lng: number}
 export async function getLocation(searchLocation: string): Promise<coordType> {
-  const url = `https://maps.googleapis.com/maps/api/geocode/json?address=${searchLocation}&key=${process.env.PLACES_API}`;
+  const placesKey = process.env.PLACES_API;
+  if (!placesKey) {
+    console.error("PLACES_API environment variable is not set");
+    throw new Error("PLACES_API environment variable is not set");
+  }
+
+  const url = `https://maps.googleapis.com/maps/api/geocode/json?address=${searchLocation}&key=${placesKey}`;
+  console.log(`Fetching URL: ${url}`);
+
+  try {
     const res = await fetch(url);
     if (!res.ok) {
+      console.error(`Fetch error: ${res.statusText}`);
       throw new Error(`There was an error fetching the data`);
     }
+
     const data: LocationType = await res.json();
-  if (!data.results[0].formatted_address) {
+    if (!data.results[0]?.formatted_address) {
+      console.error("Unable to find the address in the response");
       throw new Error(`Unable to find the address`);
     }
+
     return {
       name: data.results[0].formatted_address,
       geo: data.results[0].geometry.location,
     };
+  } catch (error) {
+    console.error("Error fetching location:", error);
+    throw new Error("Error fetching location");
+  }
 }
 
 export async function getHourlyForecast(