chore(deps): upgrade argo-ui, including one breaking change

- upgrade to https://github.com/argoproj/argo-ui/tree/a7b01f9f009aa9161da21f450b5aab2f0732eb74

- `moment` is no longer used internally by `argo-ui`, so change `Ticker` usage to account for this
  - CD should also remove the deprecated `moment` library for the same reasons as downstream and Workflows

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

ui/src/app/applications/components/application-operation-state/application-operation-state.tsx

@@ -60,7 +60,7 @@ export const ApplicationOperationState: React.StatelessComponent<Props> = ({appl
             title: 'DURATION',
             value: (
                 <Ticker>
-                    {time => <Duration durationMs={((operationState.finishedAt && moment(operationState.finishedAt)) || time).diff(moment(operationState.startedAt)) / 1000} />}
+                    {time => <Duration durationMs={((operationState.finishedAt && moment(operationState.finishedAt)) || moment(time)).diff(moment(operationState.startedAt)) / 1000} />}
                 </Ticker>
             )
         }

ui/src/app/settings/components/cluster-details/cluster-details.tsx

@@ -127,7 +127,7 @@ export const ClusterDetails = (props: RouteComponentProps<{server: string}>) =>
                                                 if (!cluster.info.connectionState.attemptedAt) {
                                                     return <span>Never (next refresh in few seconds)</span>;
                                                 }
-                                                const secondsBeforeRefresh = Math.round(Math.max(10 - now.diff(moment(cluster.info.connectionState.attemptedAt)) / 1000, 1));
+                                                const secondsBeforeRefresh = Math.round(Math.max(10 - moment(now).diff(moment(cluster.info.connectionState.attemptedAt)) / 1000, 1));
                                                 return (
                                                     <React.Fragment>
                                                         <Timestamp date={cluster.info.connectionState.attemptedAt} /> (next refresh in {secondsBeforeRefresh} seconds)

ui/yarn.lock

@@ -2893,7 +2893,7 @@ arg@^4.1.0:
 
 "argo-ui@git+https://github.com/argoproj/argo-ui.git":
   version "1.0.0"
-  resolved "git+https://github.com/argoproj/argo-ui.git#4836620cfc729d7c732b9b562fc4c03051e9598a"
+  resolved "git+https://github.com/argoproj/argo-ui.git#a7b01f9f009aa9161da21f450b5aab2f0732eb74"
   dependencies:
     "@fortawesome/fontawesome-free" "^6.2.1"
     "@tippy.js/react" "^3.1.1"
@@ -2902,7 +2902,6 @@ arg@^4.1.0:
     core-js "^3.32.1"
     foundation-sites "^6.4.3"
     history "^4.10.1"
-    moment "^2.29.4"
     prop-types "^15.8.1"
     react-autocomplete "1.8.1"
     react-form "^2.16.0"