Add the IP Type to Client IP (#20337)

Add the IP Type to see the client ip belong to either IPv4 or IPv6. The
logic is from
https://medium.com/@stheodorejohn/validating-ipv4-and-ipv6-addresses-with-ease-unveiling-the-power-of-validation-in-javascript-2af04ee065c5.

server/routerlicious/packages/routerlicious-base/src/alfred/app.ts

@@ -105,6 +105,23 @@ export function create(
 							: "";
 						additionalProperties.hashedClientIPAddress = hashedClientIP;
 
+						const clientIPAddress = req.ip ? req.ip : "";
+						const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
+						const ipv6Regex = /^([\da-f]{1,4}:){7}[\da-f]{1,4}$/i;
+						if (
+							ipv4Regex.test(clientIPAddress) &&
+							clientIPAddress.split(".").every((part) => Number(part) <= 255)
+						) {
+							additionalProperties.clientIPType = "IPv4";
+						} else if (
+							ipv6Regex.test(clientIPAddress) &&
+							clientIPAddress.split(":").every((part) => part.length <= 4)
+						) {
+							additionalProperties.clientIPType = "IPv6";
+						} else {
+							additionalProperties.clientIPType = "";
+						}
+
 						const XAzureClientIP = "x-azure-clientip";
 						const hashedAzureClientIP = req.headers[XAzureClientIP]
 							? shajs("sha256").update(`${req.headers[XAzureClientIP]}`).digest("hex")