Allowed upper case for environment names

backend/src/controllers/v2/environmentController.ts

@@ -33,7 +33,7 @@ export const createWorkspaceEnvironment = async (
     }
 
     workspace?.environments.push({
-      name: environmentName.toLowerCase(),
+      name: environmentName,
       slug: environmentSlug.toLowerCase(),
     });
     await workspace.save();
@@ -96,7 +96,7 @@ export const renameWorkspaceEnvironment = async (
       throw new Error('Invalid environment given');
     }
 
-    workspace.environments[envIndex].name = environmentName.toLowerCase();
+    workspace.environments[envIndex].name = environmentName;
     workspace.environments[envIndex].slug = environmentSlug.toLowerCase();
 
     await workspace.save();

backend/src/models/workspace.ts

@@ -29,19 +29,19 @@ const workspaceSchema = new Schema<IWorkspace>({
 		],
 		default: [
 			{
-				name: "development",
+				name: "Development",
 				slug: "dev"
 			},
 			{
-				name: "test",
+				name: "Test",
 				slug: "test"
 			},
 			{
-				name: "staging",
+				name: "Staging",
 				slug: "staging"
 			},
 			{
-				name: "production",
+				name: "Production",
 				slug: "prod"
 			}
 		],

frontend/src/components/basic/dialog/AddUpdateEnvironmentDialog.tsx

@@ -49,7 +49,7 @@ export const AddUpdateEnvironmentDialog = ({
   const onFormSubmit: FormEventHandler = (e) => {
     e.preventDefault();
     const data = {
-      name: formInput.name.toLowerCase(),
+      name: formInput.name,
       slug: formInput.slug.toLowerCase(),
     };
     if (isEditMode) {

frontend/src/components/basic/table/EnvironmentsTable.tsx

@@ -84,7 +84,7 @@ const EnvironmentTable = ({ data = [], onCreateEnv, onDeleteEnv, onUpdateEnv }:
             {data?.length > 0 ? (
               data.map(({ name, slug }) => (
                 <tr key={name} className="bg-bunker-800 hover:bg-bunker-800/5 duration-100">
-                  <td className="pl-6 py-2 border-mineshaft-700 border-t text-gray-300 capitalize">
+                  <td className="pl-6 py-2 border-mineshaft-700 border-t text-gray-300">
                     {name}
                   </td>
                   <td className="pl-6 py-2 border-mineshaft-700 border-t text-gray-300">{slug}</td>