fix a11y issues in data connections modal and deploy models modal

frontend/src/pages/modelServing/screens/projects/InferenceServiceModal/DataConnectionExistingField.tsx

@@ -61,9 +61,9 @@ const DataConnectionExistingField: React.FC<DataConnectionExistingFieldType> = (
         </FormGroup>
       </StackItem>
       <StackItem>
-        <FormGroup label="Folder path">
+        <FormGroup fieldId="folder-path" label="Folder path">
           <TextInput
-            id="storage-path"
+            id="folder-path"
             value={data.storage.path}
             onChange={(path) => setData('storage', { ...data.storage, path })}
           />

frontend/src/pages/modelServing/screens/projects/InferenceServiceModal/DataConnectionSection.tsx

@@ -95,9 +95,9 @@ const DataConnectionSection: React.FC<DataConnectionSectionType> = ({
                     />
                   </StackItem>
                   <StackItem>
-                    <FormGroup label="Folder path">
+                    <FormGroup fieldId="folder-path" label="Folder path">
                       <TextInput
-                        id="storage-path"
+                        id="folder-path"
                         value={data.storage.path}
                         onChange={(path) => setData('storage', { ...data.storage, path })}
                       />

frontend/src/pages/modelServing/screens/projects/InferenceServiceModal/ManageInferenceServiceModal.tsx

@@ -167,7 +167,7 @@ const ManageInferenceServiceModal: React.FC<ManageInferenceServiceModalProps> =
             />
           </StackItem>
           <StackItem>
-            <FormGroup label="Model Name" isRequired>
+            <FormGroup label="Model Name" fieldId="inference-service-name-input" isRequired>
               <TextInput
                 isRequired
                 id="inference-service-name-input"

frontend/src/pages/modelServing/screens/projects/ServingRuntimeModal/ServingRuntimeTokenInput.tsx

@@ -45,6 +45,7 @@ const ServingRuntimeTokenInput: React.FC<ServingRuntimeTokenInputProps> = ({
   return (
     <FormGroup
       label="Service account name"
+      fieldId="service-account-form-name"
       helperText="Enter the service account name for which the token will be generated"
       helperTextInvalid={token.error}
       helperTextInvalidIcon={<ExclamationCircleIcon />}
@@ -56,9 +57,9 @@ const ServingRuntimeTokenInput: React.FC<ServingRuntimeTokenInputProps> = ({
             value={token.name}
             isRequired
             type="text"
-            id="simple-form-name-01"
-            name="simple-form-name-01"
-            aria-describedby="simple-form-name-01-helper"
+            id="service-account-form-name"
+            name="service-account-form-name"
+            aria-describedby="service-account-form-name-helper"
             validated={token.error ? ValidatedOptions.error : ValidatedOptions.default}
             onChange={(value) => {
               const tokens = data.tokens?.map((item) =>
@@ -78,6 +79,7 @@ const ServingRuntimeTokenInput: React.FC<ServingRuntimeTokenInputProps> = ({
         <SplitItem>
           <Button
             variant="plain"
+            aria-label="Remove service account"
             icon={<MinusCircleIcon />}
             onClick={() => {
               setData(

frontend/src/pages/projects/components/DeleteModal.tsx

@@ -65,6 +65,7 @@ const DeleteModal: React.FC<DeleteModalProps> = ({
         <StackItem>
           <TextInput
             id="delete-modal-input"
+            aria-label="Delete modal input"
             value={value}
             onChange={(newValue) => setValue(newValue)}
           />

frontend/src/pages/projects/screens/projects/EmptyProjects.tsx

@@ -8,37 +8,26 @@ import {
   Title,
 } from '@patternfly/react-core';
 import { CubesIcon } from '@patternfly/react-icons';
-import { useNavigate } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import NewProjectButton from './NewProjectButton';
 
-const EmptyProjects: React.FC = () => {
-  const navigate = useNavigate();
-
-  return (
-    <EmptyState>
-      <EmptyStateIcon icon={CubesIcon} />
-      <Title headingLevel="h2" size="lg">
-        No data science projects yet.
-      </Title>
-      <EmptyStateBody>
-        To get started, create a data science project or launch a notebook with Jupyter.
-      </EmptyStateBody>
-      <NewProjectButton />
-      <EmptyStateSecondaryActions>
-        <Button
-          href="/notebookController"
-          component="a"
-          variant="link"
-          onClick={(e) => {
-            e.preventDefault();
-            navigate('/notebookController');
-          }}
-        >
-          Launch Jupyter
-        </Button>
-      </EmptyStateSecondaryActions>
-    </EmptyState>
-  );
-};
+const EmptyProjects: React.FC = () => (
+  <EmptyState>
+    <EmptyStateIcon icon={CubesIcon} />
+    <Title headingLevel="h2" size="lg">
+      No data science projects yet.
+    </Title>
+    <EmptyStateBody>
+      To get started, create a data science project or launch a notebook with Jupyter.
+    </EmptyStateBody>
+    <NewProjectButton />
+    <EmptyStateSecondaryActions>
+      <Button
+        variant="link"
+        component={() => <Link to="/notebookController">Launch Jupyter</Link>}
+      />
+    </EmptyStateSecondaryActions>
+  </EmptyState>
+);
 
 export default EmptyProjects;

frontend/src/pages/projects/screens/spawner/environmentVariables/EnvTypeSelectField.tsx

@@ -35,8 +35,8 @@ const EnvTypeSelectField: React.FC<EnvTypeSelectFieldProps> = ({
               isOpen={open}
               onToggle={() => setOpen(!open)}
               selections={envVariable.type || ''}
-              placeholderText="Select one"
-              aria-label="Select one"
+              placeholderText="Select environment variable type"
+              aria-label="Select environment variable type"
               onSelect={(e, value) => {
                 if (typeof value === 'string') {
                   onUpdate({