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/utils.ts

@@ -0,0 +1,51 @@
+import { EnvironmentId } from '@/portainer/environments/types';
+
+export function buildSubscriptionsUrl(
+  environmentId: EnvironmentId,
+  id?: string
+) {
+  let url = `/endpoints/${environmentId}/azure/subscriptions`;
+  if (id) {
+    url += `/${id}`;
+  }
+
+  return url;
+}
+
+export function buildResourceGroupUrl(
+  environmentId: EnvironmentId,
+  subscriptionId: string,
+  resourceGroupName?: string
+) {
+  let url = `${buildSubscriptionsUrl(
+    environmentId,
+    subscriptionId
+  )}/resourcegroups`;
+
+  if (resourceGroupName) {
+    url += `/${resourceGroupName}`;
+  }
+
+  return url;
+}
+
+export function buildContainerGroupUrl(
+  environmentId: EnvironmentId,
+  subscriptionId: string,
+  resourceGroupName?: string,
+  containerGroupName?: string
+) {
+  let url = buildSubscriptionsUrl(environmentId, subscriptionId);
+
+  if (resourceGroupName) {
+    url += `/resourceGroups/${resourceGroupName}`;
+  }
+
+  url += `/providers/Microsoft.ContainerInstance/containerGroups`;
+
+  if (containerGroupName) {
+    url += `/${containerGroupName}`;
+  }
+
+  return url;
+}