Input Casing

dashboard/src/main/home/app-dashboard/new-app-flow/NewAppFlow.tsx

@@ -174,7 +174,10 @@ const NewAppFlow: React.FC<Props> = ({ ...props }) => {
                   placeholder="ex: academic-sophon"
                   value={formState.applicationName}
                   width="300px"
-                  error={shouldHighlightAppNameInput() && "Invalid App Name"}
+                  error={
+                    shouldHighlightAppNameInput() &&
+                    'Lowercase letters, numbers, and "-" only.'
+                  }
                   setValue={(e) => {
                     handleAppNameChange(e);
                   }}

dashboard/src/main/home/app-dashboard/new-app-flow/Services.tsx

@@ -88,7 +88,10 @@ const Services: React.FC<ServicesProps> = ({ services, setServices }) => {
             placeholder="ex: my-service"
             width="300px"
             value={serviceName}
-            error={!isServiceNameValid(serviceName) && "Invalid Name"}
+            error={
+              !isServiceNameValid(serviceName) &&
+              'Lowercase letters, numbers, and "-" only.'
+            }
             setValue={setServiceName}
           />
           <Spacer y={1} />