Set up pages router and moved actions.ts

This might have been the problem all along.
I thought server components would fix it, but in
order to not expose my api key i have to create
an API.

components/LocationSearch.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useContext, useState } from "react";
-import { getLocation } from "@/app/actions";
+import { getLocation } from "@/pages/api/actions";
 import { LocationContext } from "@/context/LocationContext";
 
 export default function LocationSearch() {

components/WeatherNow.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { getHourlyForecast } from "@/app/actions";
+import { getHourlyForecast } from "@/pages/api/actions";
 import Temperature from "./Temperature";
 import { Forecast, WeatherContextType } from "@/types/types";
 import { createContext, useContext, useEffect, useState } from "react";
@@ -15,7 +15,6 @@ export const WeatherContext = createContext<WeatherContextType>({
   setWeather: () => {}, // Default function, does nothing
 });
 
-
 export default function WeatherNow() {
   const { geoLocation } = useContext(LocationContext);
   const [weather, setWeather] = useState<Forecast>(defaultHourlyForecast);

pages/api/actions.ts

@@ -10,7 +10,7 @@ export async function getLocation(searchLocation: string): Promise<coordType> {
   }
 
   const url = `https://maps.googleapis.com/maps/api/geocode/json?address=${searchLocation}&key=${placesKey}`;
-  console.log(`Fetching URL: ${url}`);
+  console.log(`Fetching location`);
 
   try {
     const res = await fetch(url);