refactor(azure): migrate module to react [EE-2782] (#6689)

* refactor(azure): migrate module to react [EE-2782]

* fix(azure): remove optional chain

* feat(azure): apply new icons in dashboard

* feat(azure): apply new icons in dashboard

* feat(ui): allow single string for breadcrumbs

* refactor(azure/containers): use Table.content

* feat(azure/containers): implement new ui [EE-3538]

* fix(azure/containers): use correct icon

* chore(tests): mock svg as component

* fix(azure): fix tests

Co-authored-by: matias.spinarolli <matias.spinarolli@portainer.io>

app/react/azure/queries/useSubscriptions.ts

@@ -0,0 +1,37 @@
+import { useQuery } from 'react-query';
+
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/portainer/environments/types';
+import { withError } from '@/react-tools/react-query';
+
+import { azureErrorParser } from '../services/utils';
+import { Subscription } from '../types';
+
+import { queryKeys } from './query-keys';
+import { buildSubscriptionsUrl } from './utils';
+
+export function useSubscriptions(environmentId: EnvironmentId) {
+  return useQuery(
+    queryKeys.subscriptions(environmentId),
+    () => getSubscriptions(environmentId),
+    {
+      ...withError('Unable to retrieve Azure subscriptions'),
+    }
+  );
+}
+
+async function getSubscriptions(environmentId: EnvironmentId) {
+  try {
+    const { data } = await axios.get<{ value: Subscription[] }>(
+      buildSubscriptionsUrl(environmentId),
+      { params: { 'api-version': '2016-06-01' } }
+    );
+    return data.value;
+  } catch (e) {
+    throw parseAxiosError(
+      e as Error,
+      'Unable to retrieve subscriptions',
+      azureErrorParser
+    );
+  }
+}