Fix wrong ip address and location being displayed on load

functions/fetch-location.ts

@@ -2,7 +2,13 @@ import { Handler } from "@netlify/functions";
 
 const handler: Handler = async (event) => {
   const IPIFY_API_KEY = process.env.IPIFY_API_KEY;
-  const q = event.queryStringParameters?.q;
+
+  // When the request is for the user's location we need to pass the user's ip
+  // address or we would get the location where the Netlify function is run.
+  const clientIp = event.headers["x-nf-client-connection-ip"];
+  const isLocalhost = clientIp === "127.0.0.1" || clientIp === "::1";
+
+  const q = event.queryStringParameters?.q || isLocalhost ? "" : clientIp;
 
   try {
     const domainQuery = q ? `&domain=${q}` : "";