feat: enhance cloud plan handling in gatsby-ssr.js and CloudVersionSelect

- Added CLOUD_PLAN_LABEL_STRINGS to manage cloud plan labels in CloudVersionSelect, improving clarity and maintainability.
- Updated gatsby-ssr.js to utilize CLOUD_PLAN_LABEL_STRINGS for dynamic content display based on URL parameters, enhancing user experience.

Author: shhdgit

gatsby-ssr.js

@@ -1,5 +1,8 @@
 export { default as wrapRootElement } from "./src/state/wrap-with-provider";
-import { CLOUD_PLAN_LABEL_ELEMENT_ID } from "components/Layout/VersionSelect/CloudVersionSelect";
+import {
+  CLOUD_PLAN_LABEL_ELEMENT_ID,
+  CLOUD_PLAN_LABEL_STRINGS,
+} from "components/Layout/VersionSelect/CloudVersionSelect";
 import docsJson from "./docs/docs.json";
 
 // https://github.com/gatsbyjs/gatsby/issues/1526
@@ -82,11 +85,12 @@ const redirectScript = `
 
 const fulfillCloudPlanScript = `
 (function() {
+  const cloudPlans = ${JSON.stringify(CLOUD_PLAN_LABEL_STRINGS)};
   const searchParams = new URLSearchParams(location.search);
   const cloudMode = searchParams.get("plan");
   const cloudPlanLabel = document.getElementById("${CLOUD_PLAN_LABEL_ELEMENT_ID}");
   if (cloudPlanLabel) {
-    cloudPlanLabel.textContent = cloudMode;
+    cloudPlanLabel.textContent = cloudPlans[cloudMode] || cloudPlans.dedicated;
   }
 })();
 `;

src/components/Layout/VersionSelect/CloudVersionSelect.tsx

@@ -14,6 +14,12 @@ import { useEffect, useRef, useState } from "react";
 
 export const CLOUD_PLAN_LABEL_ELEMENT_ID = "cloud-plan-label";
 
+export const CLOUD_PLAN_LABEL_STRINGS = {
+  dedicated: "Dedicated",
+  starter: "Starter (formerly Serverless)",
+  essential: "Essential",
+};
+
 const CLOUD_VERSIONS = [
   {
     label: "Dedicated",