hunk.code_window:       >
           <div className="ml-2 self-center flex justify-center">
             <EnvironmentIcon type={environment.Type} />
           </div>
           <div className="ml-3 mr-auto flex justify-center gap-3 flex-col items-start">
             <div className="space-x-3 flex items-center">
               <span className="font-bold">{environment.Name}</span>
               {isEdge ? (
                 <EdgeIndicator environment={environment} showLastCheckInDate />
               ) : (
                 <>
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:           <div className="flex flex-wrap items-center gap-x-4 gap-y-2">
  
hunk.file_path: app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentItem.tsx
hunk.type: replace
file: import angular from 'angular';
  
  import { r2a } from '@/react-tools/react2angular';
  import { IngressClassDatatable } from '@/react/kubernetes/cluster/ingressClass/IngressClassDatatable';
  import { NamespacesSelector } from '@/react/kubernetes/cluster/RegistryAccessView/NamespacesSelector';
  import { StorageAccessModeSelector } from '@/react/kubernetes/cluster/ConfigureView/StorageAccessModeSelector';
  import { NamespaceAccessUsersSelector } from '@/react/kubernetes/namespaces/AccessView/NamespaceAccessUsersSelector';
  import { CreateNamespaceRegistriesSelector } from '@/react/kubernetes/namespaces/CreateView/CreateNamespaceRegistriesSelector';
  
  export const componentsModule = angular
    .module('portainer.kubernetes.react.components', [])
    .component(
      'ingressClassDatatable',
      r2a(IngressClassDatatable, [
        'onChangeControllers',
        'description',
        'ingressControllers',
        'allowNoneIngressClass',
        'isLoading',
        'noIngressControllerLabel',
        'view',
      ])
    )
    .component(
      'namespacesSelector',
      r2a(NamespacesSelector, [
        'dataCy',
        'inputId',
        'name',
        'namespaces',
        'onChange',
        'placeholder',
        'value',
      ])
    )
    .component(
      'storageAccessModeSelector',
      r2a(StorageAccessModeSelector, [
        'inputId',
        'onChange',
        'options',
        'value',
        'storageClassName',
      ])
    )
    .component(
      'namespaceAccessUsersSelector',
      r2a(NamespaceAccessUsersSelector, [
        'inputId',
        'onChange',
        'options',
        'value',
        'dataCy',
        'placeholder',
        'name',
      ])
    )
    .component(
      'createNamespaceRegistriesSelector',
      r2a(CreateNamespaceRegistriesSelector, [
        'inputId',
        'onChange',
        'options',
        'value',
      ])
    ).name;
  