chore(deps): upgrade tailwind and prettier [EE-5218] (#10068)

1 year ago · 0e2eb17220
parent cb7377ead6
commit 0e2eb17220
69 changed files with 442 additions and 314 deletions
--- a/.prettierrc
+++ b/.prettierrc
@ -2,18 +2,24 @@
  "printWidth": 180,
  "singleQuote": true,
  "htmlWhitespaceSensitivity": "strict",
+  "trailingComma": "es5",
  "overrides": [
    {
-      "files": ["*.html"],
+      "files": [
+        "*.html"
+      ],
      "options": {
        "parser": "angular"
      }
    },
    {
-      "files": ["*.{j,t}sx", "*.ts"],
+      "files": [
+        "*.{j,t}sx",
+        "*.ts"
+      ],
      "options": {
        "printWidth": 80
      }
    }
  ]
-}
+}
--- a/app/mocks/i18next.test.ts
+++ b/app/mocks/i18next.test.ts
@ -19,7 +19,7 @@ describe('mockT', () => {
    ${'{{number}} of {{total}}'}        | ${{ number: 0, total: 999 }}                  | ${'0 of 999'}
    ${'There was an error:\n{{error}}'} | ${{ error: 'Failed' }}                        | ${'There was an error:\nFailed'}
    ${'Click:{{li}}{{li2}}{{li_3}}'}    | ${{ li: '', li2: 'https://', li_3: '!@#$%' }} | ${'Click:https://!@#$%'}
-    ${'{{happy}}😏y✔{{sad}}{{laugh}}'}  | ${{ happy: '😃', sad: '😢', laugh: '🤣' }}    | ${'😃😏y✔😢🤣'}
+    ${'{{happy}}😏y✔{{sad}}{{laugh}}'} | ${{ happy: '😃', sad: '😢', laugh: '🤣' }}    | ${'😃😏y✔😢🤣'}
  `(
    'should return correctly while handling arguments in different scenarios',
    ({ testText, args, expectedText }) => {
--- a/app/assets/fonts/nomad-icon.css
+++ b/app/assets/fonts/nomad-icon.css
@ -5,8 +5,11 @@
@font-face {
  font-family: 'nomad-icon';
  src: url('nomad-icon/nomad-icon.eot?6tre2n');
-  src: url('nomad-icon/nomad-icon.eot?6tre2n#iefix') format('embedded-opentype'), url('nomad-icon/nomad-icon.ttf?6tre2n') format('truetype'),
-    url('nomad-icon/nomad-icon.woff?6tre2n') format('woff'), url('nomad-icon/nomad-icon.svg?6tre2n#nomad-icon') format('svg');
+  src:
+    url('nomad-icon/nomad-icon.eot?6tre2n#iefix') format('embedded-opentype'),
+    url('nomad-icon/nomad-icon.ttf?6tre2n') format('truetype'),
+    url('nomad-icon/nomad-icon.woff?6tre2n') format('woff'),
+    url('nomad-icon/nomad-icon.svg?6tre2n#nomad-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
--- a/app/docker/components/datatables/networks-datatable/network-row-content/networkRowContent.html
+++ b/app/docker/components/datatables/networks-datatable/network-row-content/networkRowContent.html
@ -16,7 +16,7 @@
 </td>
 <td ng-if="!allowCheckbox"></td>
 <td>
-  <a ui-sref="docker.networks.network({ id: item.Id, nodeName: item.NodeName })" title="{{ item.Name }}">{{ item.Name | truncate : 40 }}</a>
+  <a ui-sref="docker.networks.network({ id: item.Id, nodeName: item.NodeName })" title="{{ item.Name }}">{{ item.Name | truncate: 40 }}</a>
  <span style="margin-left: 10px" class="label label-info image-tag space-left" ng-if="item.ResourceControl.System">System</span>
 </td>
 <td>{{ item.StackName ? item.StackName : '-' }}</td>
--- a/app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.html
+++ b/app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.html
@ -98,7 +98,7 @@
          ></container-quick-actions>
        </td>
        <td>{{ item.Slot ? item.Slot : '-' }}</td>
-        <td>{{ item.NodeId | tasknodename : $ctrl.nodes }}</td>
+        <td>{{ item.NodeId | tasknodename: $ctrl.nodes }}</td>
        <td>{{ item.Updated | getisodate }}</td>
      </tr>
      <tr ng-if="$ctrl.state.filteredDataSet.length === 0">
--- a/app/docker/components/datatables/services-datatable/servicesDatatable.html
+++ b/app/docker/components/datatables/services-datatable/servicesDatatable.html
@ -180,7 +180,7 @@
              <td ng-show="$ctrl.columnVisibility.columns.image.display">{{ item.Image | hideshasum }}</td>
              <td ng-controller="ServicesDatatableActionsController as actionCtrl">
                {{ item.Mode }}
-                <code>{{ item.Tasks | runningtaskscount }}</code> / <code>{{ item.Mode === 'replicated' ? item.Replicas : ($ctrl.nodes | availablenodecount : item) }}</code>
+                <code>{{ item.Tasks | runningtaskscount }}</code> / <code>{{ item.Mode === 'replicated' ? item.Replicas : ($ctrl.nodes | availablenodecount: item) }}</code>
                <span ng-if="item.Mode === 'replicated' && !item.Scale" authorization="DockerServiceUpdate">
                  <a class="interactive vertical-center" ng-click="item.Scale = true; item.ReplicaCount = item.Replicas; $event.stopPropagation();">
                    <pr-icon icon="'minimize-2'"></pr-icon>
--- a/app/docker/components/datatables/tasks-datatable/tasksDatatable.html
+++ b/app/docker/components/datatables/tasks-datatable/tasksDatatable.html
@ -105,7 +105,7 @@
                ></container-quick-actions>
              </td>
              <td ng-if="$ctrl.showSlotColumn">{{ item.Slot ? item.Slot : '-' }}</td>
-              <td>{{ item.NodeId | tasknodename : $ctrl.nodes }}</td>
+              <td>{{ item.NodeId | tasknodename: $ctrl.nodes }}</td>
              <td>{{ item.Updated | getisodate }}</td>
            </tr>
            <tr ng-if="!$ctrl.dataset">
--- a/app/docker/components/datatables/volumes-datatable/volumesDatatable.html
+++ b/app/docker/components/datatables/volumes-datatable/volumesDatatable.html
@ -184,7 +184,7 @@
                  <input id="select_{{ $index }}" type="checkbox" ng-model="item.Checked" ng-click="$ctrl.selectItem(item, $event)" />
                  <label for="select_{{ $index }}"></label>
                </span>
-                <a ui-sref="docker.volumes.volume({ id: item.Id, nodeName: item.NodeName })" class="monospaced" title="{{ item.Id }}">{{ item.Id | truncate : 40 }}</a>
+                <a ui-sref="docker.volumes.volume({ id: item.Id, nodeName: item.NodeName })" class="monospaced" title="{{ item.Id }}">{{ item.Id | truncate: 40 }}</a>

                <button
                  ng-if="$ctrl.showBrowseAction"
--- a/app/docker/components/host-view-panels/engine-details-panel/engine-details-panel.html
+++ b/app/docker/components/host-view-panels/engine-details-panel/engine-details-panel.html
@ -25,15 +25,15 @@
            </tr>
            <tr>
              <td>Volume Plugins</td>
-              <td>{{ $ctrl.engine.volumePlugins | arraytostr : ', ' }}</td>
+              <td>{{ $ctrl.engine.volumePlugins | arraytostr: ', ' }}</td>
            </tr>
            <tr>
              <td>Network Plugins</td>
-              <td>{{ $ctrl.engine.networkPlugins | arraytostr : ', ' }}</td>
+              <td>{{ $ctrl.engine.networkPlugins | arraytostr: ', ' }}</td>
            </tr>
            <tr ng-if="$ctrl.engine.engineLabels.length">
              <td>Engine Labels</td>
-              <td>{{ $ctrl.engine.engineLabels | labelsToStr : ', ' }}</td>
+              <td>{{ $ctrl.engine.engineLabels | labelsToStr: ', ' }}</td>
            </tr>
          </tbody>
        </table>
--- a/app/docker/views/containers/create/createcontainer.html
+++ b/app/docker/views/containers/create/createcontainer.html
@ -401,7 +401,7 @@
                        <span class="input-group-addon">volume</span>
                        <select class="form-control" ng-model="volume.name">
                          <option selected disabled hidden value="">Select a volume</option>
-                          <option ng-repeat="vol in availableVolumes" ng-value="vol.Name">{{ vol.Name | truncate : 30 }} - {{ vol.Driver | truncate : 30 }}</option>
+                          <option ng-repeat="vol in availableVolumes" ng-value="vol.Name">{{ vol.Name | truncate: 30 }} - {{ vol.Driver | truncate: 30 }}</option>
                        </select>
                      </div>
                      <!-- !volume -->
--- a/app/docker/views/containers/inspect/containerinspect.html
+++ b/app/docker/views/containers/inspect/containerinspect.html
@ -20,7 +20,7 @@
        </span>
      </rd-widget-header>
      <rd-widget-body>
-        <pre ng-show="state.DisplayTextView">{{ containerInfo | json : 4 }}</pre>
+        <pre ng-show="state.DisplayTextView">{{ containerInfo | json: 4 }}</pre>
        <json-tree ng-hide="state.DisplayTextView" object="containerInfo" root-name="containerInfo.Id" start-expanded="true"></json-tree>
      </rd-widget-body>
    </rd-widget>
--- a/app/docker/views/images/edit/image.html
+++ b/app/docker/views/images/edit/image.html
@ -9,7 +9,7 @@
          <div class="form-group">
            <div class="row">
              <div class="pull-left" ng-repeat="tag in image.RepoTags" style="display: table">
-                <div class="input-group col-md-1 !pr-3.5 !pl-3.5">
+                <div class="input-group col-md-1 !pl-3.5 !pr-3.5">
                  <span class="input-group-addon" style="border-right: 1px solid var(--border-input-group-addon-color); border-radius: 4px" data-cy="image-tag-{{ tag }}">{{
                    tag
                  }}</span>
@ -20,13 +20,13 @@
                      </a>
                    </span>

-                    <span class="my-0 mx-1" authorization="DockerImageCreate">
+                    <span class="mx-1 my-0" authorization="DockerImageCreate">
                      <a data-toggle="tooltip" class="btn btn-primary interactive" title="Pull from registry" ng-click="pullTag(tag)">
                        <pr-icon icon="'download'" class="text-white"></pr-icon>
                      </a>
                    </span>

-                    <span class="my-0 mx-1" authorization="DockerImageDelete">
+                    <span class="mx-1 my-0" authorization="DockerImageDelete">
                      <a data-toggle="tooltip" class="btn btn-primary interactive" title="Remove tag" ng-click="removeTag(tag)">
                        <pr-icon icon="'trash-2'" class="text-white"></pr-icon>
                      </a>
@ -213,7 +213,7 @@
                    {{ layer.CreatedBy | imagelayercommand }}
                  </span>
                  <span id="layer-command-{{ $index }}-short">
-                    {{ layer.CreatedBy | imagelayercommand | truncate : 130 }}
+                    {{ layer.CreatedBy | imagelayercommand | truncate: 130 }}
                    <span ng-if="layer.CreatedBy.length > 130" class="ml-1">
                      <a id="layer-command-expander{{ $index }}" class="btn" ng-click="toggleLayerCommand($index)">
                        <pr-icon icon="'plus'" mode="'alt'"></pr-icon>
--- a/app/docker/views/services/edit/includes/mounts.html
+++ b/app/docker/views/services/edit/includes/mounts.html
@ -34,7 +34,7 @@
                <option value="bind">Bind</option>
              </select>
            </td>
-            <td class="!pt-6 !pb-0 !align-top">
+            <td class="!pb-0 !pt-6 !align-top">
              <div class="mb-6">
                <select
                  class="form-control !h-[30px] !text-[13px]"
@ -61,7 +61,7 @@
                <div class="vertical-center"><pr-icon icon="'alert-triangle'" mode="'warning'"></pr-icon> Source is required. </div></div
              >
            </td>
-            <td class="!pt-6 !pb-0 !align-top">
+            <td class="!pb-0 !pt-6 !align-top">
              <input
                type="text"
                class="form-control mb-6 !h-[30px] !text-[13px]"
--- a/app/docker/views/swarm/swarm.html
+++ b/app/docker/views/swarm/swarm.html
@ -21,7 +21,7 @@
            </tr>
            <tr>
              <td>Total memory</td>
-              <td>{{ totalMemory | humansize : 2 }}</td>
+              <td>{{ totalMemory | humansize: 2 }}</td>
            </tr>
            <tr>
              <td colspan="2">
--- a/app/docker/views/swarm/visualizer/swarmvisualizer.html
+++ b/app/docker/views/swarm/visualizer/swarmvisualizer.html
@ -90,7 +90,7 @@
              </div>
              <div>{{ node.Role }}</div>
              <div>CPU: {{ node.CPUs / 1000000000 }}</div>
-              <div>Memory: {{ node.Memory | humansize : 2 }}</div>
+              <div>Memory: {{ node.Memory | humansize: 2 }}</div>
              <div
                ><span class="label label-{{ node.Status | nodestatusbadge }}">{{ node.Status }}</span></div
              >
@ -114,7 +114,7 @@
                <div>Image: {{ task.Spec.ContainerSpec.Image | hideshasum }}</div>
                <div>Status: {{ task.Status.State }}</div>
                <div>Update: {{ task.Updated | getisodate }}</div>
-                <div ng-if="task.Spec.Resources.Limits.MemoryBytes">Memory limit: {{ task.Spec.Resources.Limits.MemoryBytes | humansize : 2 : 2 }}</div>
+                <div ng-if="task.Spec.Resources.Limits.MemoryBytes">Memory limit: {{ task.Spec.Resources.Limits.MemoryBytes | humansize: 2 : 2 }}</div>
                <div ng-if="task.Spec.Resources.Limits.NanoCPUs">CPU limit: {{ task.Spec.Resources.Limits.NanoCPUs / 1000000000 }}</div>
              </div>
            </div>
--- a/app/index.html
+++ b/app/index.html
@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" ng-app="<%= name %>" ng-strict-di data-edition="<%= process.env.PORTAINER_EDITION %>">
  <head>
    <meta charset="utf-8" />
--- a/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html
+++ b/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html
@ -289,7 +289,7 @@
            <a ui-sref="kubernetes.resourcePools.resourcePool({ id: item.ResourcePool })" ng-click="$event.stopPropagation()">{{ item.ResourcePool }}</a>
          </td>
          <td title="{{ item.Image }}"
-            >{{ item.Image | truncate : 64 }} <span ng-if="item.Containers.length > 1">+ {{ item.Containers.length - 1 }}</span></td
+            >{{ item.Image | truncate: 64 }} <span ng-if="item.Containers.length > 1">+ {{ item.Containers.length - 1 }}</span></td
          >
          <td>{{ item.ApplicationType | kubernetesApplicationTypeText }}</td>
          <td ng-if="item.ApplicationType !== $ctrl.KubernetesApplicationTypes.POD">
--- a/app/kubernetes/components/datatables/integrated-applications-datatable/integratedApplicationsDatatable.html
+++ b/app/kubernetes/components/datatables/integrated-applications-datatable/integratedApplicationsDatatable.html
@ -98,7 +98,7 @@
                ><a ui-sref="kubernetes.applications.application({ name: item.Name, namespace: item.ResourcePool })">{{ item.Name }}</a></td
              >
              <td>{{ item.StackName || '-' }}</td>
-              <td title="{{ item.Image }}">{{ item.Image | truncate : 64 }}</td>
+              <td title="{{ item.Image }}">{{ item.Image | truncate: 64 }}</td>
            </tr>
            <tr ng-if="!$ctrl.dataset">
              <td colspan="3" class="text-muted text-center">Loading...</td>
--- a/app/kubernetes/components/datatables/node-applications-datatable/nodeApplicationsDatatable.html
+++ b/app/kubernetes/components/datatables/node-applications-datatable/nodeApplicationsDatatable.html
@ -131,7 +131,7 @@
                <a ui-sref="kubernetes.resourcePools.resourcePool({ id: item.ResourcePool })">{{ item.ResourcePool }}</a>
              </td>
              <td title="{{ item.Image }}"
-                >{{ item.Image | truncate : 64 }} <span ng-if="item.Containers.length > 1">+ {{ item.Containers.length - 1 }}</span></td
+                >{{ item.Image | truncate: 64 }} <span ng-if="item.Containers.length > 1">+ {{ item.Containers.length - 1 }}</span></td
              >
              <td>{{ item.CPU | kubernetesApplicationCPUValue }}</td>
              <td>{{ item.Memory | humansize }}</td>
--- a/app/kubernetes/components/datatables/resource-pool-applications-datatable/resourcePoolApplicationsDatatable.html
+++ b/app/kubernetes/components/datatables/resource-pool-applications-datatable/resourcePoolApplicationsDatatable.html
@ -116,7 +116,7 @@
              </td>
              <td>{{ item.StackName || '-' }}</td>
              <td title="{{ item.Image }}"
-                >{{ item.Image | truncate : 64 }} <span ng-if="item.Containers.length > 1">+ {{ item.Containers.length - 1 }}</span></td
+                >{{ item.Image | truncate: 64 }} <span ng-if="item.Containers.length > 1">+ {{ item.Containers.length - 1 }}</span></td
              >
              <td>{{ item.CPU | kubernetesApplicationCPUValue }}</td>
              <td>{{ item.Memory | humansize }}</td>
--- a/app/kubernetes/components/helm/helm-templates/helm-templates.html
+++ b/app/kubernetes/components/helm/helm-templates/helm-templates.html
@ -92,7 +92,7 @@
            <div class="col-sm-12">
              <button
                ng-if="!$ctrl.state.showCustomValues && !$ctrl.state.loadingValues"
-                class="btn btn-xs btn-default vertical-center mr-2 !ml-0"
+                class="btn btn-xs btn-default vertical-center !ml-0 mr-2"
                ng-click="$ctrl.state.showCustomValues = true;"
              >
                <pr-icon icon="'plus'" class="vertical-center"></pr-icon>
@ -102,7 +102,7 @@
                <pr-icon icon="'refresh-cw'" class="mr-1"></pr-icon>
                Loading values.yaml...
              </span>
-              <button ng-if="$ctrl.state.showCustomValues" class="btn btn-xs btn-default vertical-center mr-2 !ml-0" ng-click="$ctrl.state.showCustomValues = false;">
+              <button ng-if="$ctrl.state.showCustomValues" class="btn btn-xs btn-default vertical-center !ml-0 mr-2" ng-click="$ctrl.state.showCustomValues = false;">
                <pr-icon icon="'minus'" class="vertical-center"></pr-icon>
                Hide custom values
              </button>
--- a/app/kubernetes/views/applications/create/createApplication.html
+++ b/app/kubernetes/views/applications/create/createApplication.html
@ -1218,85 +1218,86 @@

                      <div class="col-sm-12 form-inline">
                        <div ng-repeat-start="placement in ctrl.formValues.Placements" class="!mb-2">
-                          <div class="col-sm-5 input-group mr-2 ng-class=" { striked: placement.NeedsDeletion }">
-                          <select
-                            class="form-control !rounded"
-                            ng-model="placement.Label"
-                            ng-options="label as (label.Key | kubernetesNodeLabelHumanReadbleText) for label in ctrl.nodesLabels"
-                            ng-change="ctrl.onChangePlacementLabel($index)"
-                            ng-disabled="ctrl.isEditAndNotNewPlacement($index)"
-                            data-cy="k8sAppCreate-placementLabel_{{ $index }}"
-                          >
-                          </select>
-                        </div>
-                        <div class="col-sm-5 input-group mr-2" ng-class="{ striked: placement.NeedsDeletion }">
-                          <select
-                            class="form-control !rounded"
-                            ng-model="placement.Value"
-                            ng-options="value for value in placement.Label.Values"
-                            ng-disabled="ctrl.isEditAndNotNewPlacement($index)"
-                            data-cy="k8sAppCreate-placementName_{{ $index }}"
-                          >
-                          </select>
-                        </div>
+                          <div class="col-sm-5 input-group mr-2" ng-class="{ striked: placement.NeedsDeletion }">
+                            <select
+                              class="form-control !rounded"
+                              ng-model="placement.Label"
+                              ng-options="label as (label.Key | kubernetesNodeLabelHumanReadbleText) for label in ctrl.nodesLabels"
+                              ng-change="ctrl.onChangePlacementLabel($index)"
+                              ng-disabled="ctrl.isEditAndNotNewPlacement($index)"
+                              data-cy="k8sAppCreate-placementLabel_{{ $index }}"
+                            >
+                            </select>
+                          </div>
+                          <div class="col-sm-5 input-group mr-2" ng-class="{ striked: placement.NeedsDeletion }">
+                            <select
+                              class="form-control !rounded"
+                              ng-model="placement.Value"
+                              ng-options="value for value in placement.Label.Values"
+                              ng-disabled="ctrl.isEditAndNotNewPlacement($index)"
+                              data-cy="k8sAppCreate-placementName_{{ $index }}"
+                            >
+                            </select>
+                          </div>

-                        <div class="col-sm-1 input-group">
-                          <button
-                            ng-if="!placement.NeedsDeletion"
-                            class="btn btn-md btn-dangerlight btn-only-icon !ml-0"
-                            type="button"
-                            ng-click="ctrl.removePlacement($index)"
-                            data-cy="k8sAppCreate-deletePlacementButton"
-                          >
-                            <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
-                          </button>
-                          <button
-                            ng-if="placement.NeedsDeletion"
-                            class="btn btn-sm btn-light btn-only-icon !ml-0"
-                            type="button"
-                            ng-click="ctrl.restorePlacement($index)"
-                            data-cy="k8sAppCreate-restorePlacementButton"
-                          >
-                            <pr-icon icon="'rotate-cw'" size="'md'"></pr-icon>
-                          </button>
+                          <div class="col-sm-1 input-group">
+                            <button
+                              ng-if="!placement.NeedsDeletion"
+                              class="btn btn-md btn-dangerlight btn-only-icon !ml-0"
+                              type="button"
+                              ng-click="ctrl.removePlacement($index)"
+                              data-cy="k8sAppCreate-deletePlacementButton"
+                            >
+                              <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
+                            </button>
+                            <button
+                              ng-if="placement.NeedsDeletion"
+                              class="btn btn-sm btn-light btn-only-icon !ml-0"
+                              type="button"
+                              ng-click="ctrl.restorePlacement($index)"
+                              data-cy="k8sAppCreate-restorePlacementButton"
+                            >
+                              <pr-icon icon="'rotate-cw'" size="'md'"></pr-icon>
+                            </button>
+                          </div>
                        </div>
-                      </div>
-                      <div ng-repeat-end ng-show="ctrl.state.duplicates.placements.refs[$index] !== undefined">
-                        <div class="col-sm-5 input-group">
-                          <div class="small text-warning" ng-if="ctrl.state.duplicates.placements.refs[$index] !== undefined">
-                            <p class="vertical-center" ng-if="ctrl.state.duplicates.placements.refs[$index] !== undefined">
-                              <pr-icon icon="'alert-triangle'" mode="'warning'"></pr-icon> This label is already defined.
-                            </p>
+                        <div ng-repeat-end ng-show="ctrl.state.duplicates.placements.refs[$index] !== undefined">
+                          <div class="col-sm-5 input-group">
+                            <div class="small text-warning" ng-if="ctrl.state.duplicates.placements.refs[$index] !== undefined">
+                              <p class="vertical-center" ng-if="ctrl.state.duplicates.placements.refs[$index] !== undefined">
+                                <pr-icon icon="'alert-triangle'" mode="'warning'"></pr-icon> This label is already defined.
+                              </p>
+                            </div>
                          </div>
                        </div>
                      </div>
-                    </div>

-                    <div class="col-sm-12">
-                      <span class="btn btn-primary btn-sm btn btn-sm btn-light mb-2 !ml-0 mt-2" ng-click="ctrl.addPlacement()">
-                        <pr-icon icon="'plus'" size="'sm'"></pr-icon> Add rule
-                      </span>
-                    </div>
-                  </div>
-                  <div ng-if="ctrl.showPlacementPolicySection()">
-                    <div class="form-group">
                      <div class="col-sm-12">
-                        <label class="control-label text-left">Placement policy</label>
+                        <span class="btn btn-primary btn-sm btn btn-sm btn-light mb-2 !ml-0 mt-2" ng-click="ctrl.addPlacement()">
+                          <pr-icon icon="'plus'" size="'sm'"></pr-icon> Add rule
+                        </span>
                      </div>
                    </div>
+                    <div ng-if="ctrl.showPlacementPolicySection()">
+                      <div class="form-group">
+                        <div class="col-sm-12">
+                          <label class="control-label text-left">Placement policy</label>
+                        </div>
+                      </div>

-                    <div class="form-group">
-                      <div class="col-sm-12 small text-muted"> Specify the policy associated to the placement rules. </div>
-                    </div>
+                      <div class="form-group">
+                        <div class="col-sm-12 small text-muted"> Specify the policy associated to the placement rules. </div>
+                      </div>

-                    <box-selector
-                      ng-if="ctrl.formValues.Placements.length"
-                      options="ctrl.placementOptions"
-                      slim="true"
-                      value="ctrl.formValues.PlacementType"
-                      on-change="(ctrl.onChangePlacementType)"
-                      radio-name="'placementType'"
-                    ></box-selector>
+                      <box-selector
+                        ng-if="ctrl.formValues.Placements.length"
+                        options="ctrl.placementOptions"
+                        slim="true"
+                        value="ctrl.formValues.PlacementType"
+                        on-change="(ctrl.onChangePlacementType)"
+                        radio-name="'placementType'"
+                      ></box-selector>
+                    </div>
                  </div>
                  <!-- #endregion -->
                </div>
--- a/app/kubernetes/views/configure/configure.html
+++ b/app/kubernetes/views/configure/configure.html
@ -133,7 +133,7 @@

            <div
              ng-if="!ctrl.isRBACEnabled"
-              class="small mt-1 mb-6 flex w-full gap-1 rounded-lg border border-solid border-warning-5 bg-warning-2 p-4 text-warning-8 th-highcontrast:bg-yellow-11 th-highcontrast:text-white th-dark:bg-yellow-11 th-dark:text-white"
+              class="small mb-6 mt-1 flex w-full gap-1 rounded-lg border border-solid border-warning-5 bg-warning-2 p-4 text-warning-8 th-highcontrast:bg-yellow-11 th-highcontrast:text-white th-dark:bg-yellow-11 th-dark:text-white"
            >
              <div class="mt-0.5">
                <pr-icon icon="'alert-triangle'" feather="true" class-name="'text-warning-7 th-dark:text-white th-highcontrast:text-white'"></pr-icon>
@ -281,7 +281,7 @@
                    <tr ng-repeat="class in ctrl.StorageClasses">
                      <td>
                        <div class="flex h-full flex-row items-center">
-                          <label class="switch mr-2 mb-0">
+                          <label class="switch mb-0 mr-2">
                            <input type="checkbox" ng-model="class.selected" /><span class="slider round" data-cy="kubeSetup-storageToggle{{ class.Name }}"></span>
                          </label>
                          <span>{{ class.Name }}</span>
@ -297,7 +297,7 @@
                      </td>
                      <td>
                        <div class="flex h-full flex-row items-center">
-                          <label class="switch mr-2 mb-0"
+                          <label class="switch mb-0 mr-2"
                            ><input type="checkbox" ng-model="class.AllowVolumeExpansion" /><span
                              class="slider round"
                              data-cy="kubeSetup-storageExpansionToggle{{ class.Name }}"
--- a/app/portainer/components/access-table/accessTable.html
+++ b/app/portainer/components/access-table/accessTable.html
@ -52,7 +52,7 @@
      <tr
        ng-if="
          $ctrl.dataset.length === 0 ||
-          ($ctrl.dataset | filter : $ctrl.state.textFilter | orderBy : $ctrl.state.orderBy : $ctrl.state.reverseOrder | itemsPerPage : $ctrl.state.paginatedItemLimit).length === 0
+          ($ctrl.dataset | filter: $ctrl.state.textFilter | orderBy: $ctrl.state.orderBy : $ctrl.state.reverseOrder | itemsPerPage: $ctrl.state.paginatedItemLimit).length === 0
        "
      >
        <td colspan="2" class="text-muted text-center">{{ $ctrl.emptyDatasetMessage }}</td>
--- a/app/portainer/components/custom-templates-list/customTemplatesList.html
+++ b/app/portainer/components/custom-templates-list/customTemplatesList.html
@ -49,7 +49,7 @@
          </template-item-actions>
        </template-item>
        <div ng-if="!$ctrl.templates" class="text-muted text-center"> Loading... </div>
-        <div ng-if="($ctrl.templates | filter : $ctrl.state.textFilter).length === 0" class="text-muted text-center"> No templates available. </div>
+        <div ng-if="($ctrl.templates | filter: $ctrl.state.textFilter).length === 0" class="text-muted text-center"> No templates available. </div>
      </div>
    </rd-widget-body>
  </rd-widget>
--- a/app/portainer/components/focusIf.js
+++ b/app/portainer/components/focusIf.js
@ -12,9 +12,12 @@ angular.module('portainer.app').directive('focusIf', function ($timeout) {
      }
      function focus(condition) {
        if (condition) {
-          $timeout(function () {
-            dom.focus();
-          }, $scope.$eval($attrs.focusDelay) || 0);
+          $timeout(
+            function () {
+              dom.focus();
+            },
+            $scope.$eval($attrs.focusDelay) || 0
+          );
        }
      }
    },
--- a/app/portainer/components/template-list/templateList.html
+++ b/app/portainer/components/template-list/templateList.html
@ -71,7 +71,7 @@
        </template-item>
        <div ng-if="!$ctrl.templates" class="text-muted text-center"> Loading... </div>
        <div
-          ng-if="($ctrl.templates | filter : $ctrl.filterByTemplateType | filter : $ctrl.filterByCategory | filter : $ctrl.state.textFilter).length === 0"
+          ng-if="($ctrl.templates | filter: $ctrl.filterByTemplateType | filter: $ctrl.filterByCategory | filter: $ctrl.state.textFilter).length === 0"
          class="text-muted text-center"
        >
          No templates available.
--- a/app/portainer/services/axios.ts
+++ b/app/portainer/services/axios.ts
@ -85,7 +85,7 @@ export function defaultErrorParser(axiosError: AxiosError) {
 }

 export function isAxiosError<
-  ResponseType = { message: string; details: string }
+  ResponseType = { message: string; details: string },
 >(error: unknown): error is AxiosError<ResponseType> {
  return axiosOrigin.isAxiosError(error);
 }
--- a/app/portainer/views/auth/auth.html
+++ b/app/portainer/views/auth/auth.html
@ -90,7 +90,7 @@
                  data-cy="auth-passwordInputToggle"
                  type="button"
                  ng-click="ctrl.toggleShowPassword()"
-                  class="absolute top-0 right-0 flex h-[34px] w-[50px] items-center justify-center border-none bg-transparent"
+                  class="absolute right-0 top-0 flex h-[34px] w-[50px] items-center justify-center border-none bg-transparent"
                  tooltip-append-to-body="true"
                  tooltip-placement="top"
                  tooltip-class="portainer-tooltip"
--- a/app/react-tools/react-query.ts
+++ b/app/react-tools/react-query.ts
@ -44,7 +44,7 @@ export function mutationOptions<
  TData = unknown,
  TError = unknown,
  TVariables = void,
-  TContext = unknown
+  TContext = unknown,
 >(...options: MutationOptions<TData, TError, TVariables, TContext>[]) {
  return mergeOptions(options);
 }
@ -53,7 +53,7 @@ export function queryOptions<
  TQueryFnData = unknown,
  TError = unknown,
  TData = TQueryFnData,
-  TQueryKey extends QueryKey = QueryKey
+  TQueryKey extends QueryKey = QueryKey,
 >(...options: QueryOptions<TQueryFnData, TError, TData, TQueryKey>[]) {
  return mergeOptions(options);
 }
--- a/app/react-tools/withControlledInput.tsx
+++ b/app/react-tools/withControlledInput.tsx
@ -78,7 +78,7 @@ export function withControlledInput<T>(
  // extract keys of values that will be updated outside of React lifecycle and their handler functions
  const keysToControl = Object.entries(controlledValueOnChangePairs) as [
    keyof T,
-    keyof T
+    keyof T,
  ][];

  function WrapperComponent(props: T) {
@ -99,7 +99,7 @@ export function withControlledInput<T>(
            (value: T[keyof T]) => {
              // update the state with the value coming from WrappedComponent
              setControlledValues(
-                (c) => ({ ...c, [valueKey]: value } as KeyRecord<T>)
+                (c) => ({ ...c, [valueKey]: value }) as KeyRecord<T>
              );

              // call the bound handler func to update the value outside of React
--- a/app/react-tools/withFormValidation.ts
+++ b/app/react-tools/withFormValidation.ts
@ -70,9 +70,9 @@ export function createFormValidationComponent<TFormModel, TData = never>(
  return {
    template: `<ng-form name="$ctrl.form">
      <${kebabName} ${propsWithErrors
-      .filter((p) => p !== 'onChange')
-      .map((p) => `${_.kebabCase(p)}="$ctrl.${p}"`)
-      .join(' ')}
+        .filter((p) => p !== 'onChange')
+        .map((p) => `${_.kebabCase(p)}="$ctrl.${p}"`)
+        .join(' ')}
        on-change="($ctrl.handleChange)"
      ></${kebabName}>
    </ng-form>`,
--- a/app/react/components/BoxSelector/BoxOption.tsx
+++ b/app/react/components/BoxSelector/BoxOption.tsx
@ -51,7 +51,7 @@ export function BoxOption<T extends Value>({
        {!disabled && (
          <div
            className={clsx(
-              'absolute top-4 right-4 flex h-4 w-4 items-center justify-center border border-solid  font-bold text-white',
+              'absolute right-4 top-4 flex h-4 w-4 items-center justify-center border border-solid  font-bold text-white',
              {
                'border-gray-6 bg-white': !selected,
                'border-blue-8 bg-blue-8': selected,
--- a/app/react/components/BoxSelector/LimitedToBeIndicator.tsx
+++ b/app/react/components/BoxSelector/LimitedToBeIndicator.tsx
@ -11,7 +11,7 @@ interface Props {
 export function LimitedToBeIndicator({ tooltipId, url }: Props) {
  return (
    <div className="absolute left-0 top-0 w-full">
-      <div className="mx-auto flex max-w-fit items-center gap-1 rounded-b-lg bg-warning-4 py-1 px-3 text-sm th-dark:bg-[color:var(--bg-BE-only)]">
+      <div className="mx-auto flex max-w-fit items-center gap-1 rounded-b-lg bg-warning-4 px-3 py-1 text-sm th-dark:bg-[color:var(--bg-BE-only)]">
        <a
          className="text-warning-9 th-dark:text-blue-8"
          href={url}
--- a/app/react/components/DashboardItem/DashboardItem.tsx
+++ b/app/react/components/DashboardItem/DashboardItem.tsx
@ -43,7 +43,7 @@ export function DashboardItem({
    >
      <div
        className={clsx(
-          'text-muted absolute top-2 right-2 flex items-center text-xs transition-opacity',
+          'text-muted absolute right-2 top-2 flex items-center text-xs transition-opacity',
          isRefetching ? 'opacity-100' : 'opacity-0'
        )}
      >
@ -52,7 +52,7 @@ export function DashboardItem({
      </div>
      <div
        className={clsx(
-          'text-muted absolute top-2 right-2 flex items-center text-xs transition-opacity',
+          'text-muted absolute right-2 top-2 flex items-center text-xs transition-opacity',
          isLoading ? 'opacity-100' : 'opacity-0'
        )}
      >
--- a/app/react/components/EnvironmentStatusBadgeItem.tsx
+++ b/app/react/components/EnvironmentStatusBadgeItem.tsx
@ -21,7 +21,7 @@ export function EnvironmentStatusBadgeItem({
      className={clsx(
        'flex items-center gap-1',
        'rounded border-2 border-solid',
-        'w-fit py-px px-1',
+        'w-fit px-1 py-px',
        'text-xs font-semibold text-gray-7',
        {
          'border-green-3 bg-green-2': color === 'success',
--- a/app/react/components/InsightsBox/InsightsBox.tsx
+++ b/app/react/components/InsightsBox/InsightsBox.tsx
@ -64,7 +64,7 @@ export function InsightsBox({
        <Button
          icon={X}
          className={clsx(
-            'absolute top-3 right-2 flex !text-gray-7 hover:!text-gray-8 th-highcontrast:!text-gray-6 th-highcontrast:hover:!text-gray-5 th-dark:!text-gray-6 th-dark:hover:!text-gray-5',
+            'absolute right-2 top-3 flex !text-gray-7 hover:!text-gray-8 th-highcontrast:!text-gray-6 th-highcontrast:hover:!text-gray-5 th-dark:!text-gray-6 th-dark:hover:!text-gray-5',
            type === 'slim' && insightCloseId && 'top-1'
          )}
          color="link"
--- a/app/react/components/Tip/SliderTooltip/SliderTooltip.module.css
+++ b/app/react/components/Tip/SliderTooltip/SliderTooltip.module.css
@ -6,7 +6,9 @@
  background-color: var(--bg-tooltip-color) !important;
  color: var(--text-tooltip-color) !important;
  border-radius: 10px !important;
-  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
+  box-shadow:
+    0 2px 4px 0 rgba(34, 36, 38, 0.12),
+    0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  max-width: 400px;
  min-width: 50px;
  font-size: 1rem !important;
--- a/app/react/components/Tip/TooltipWithChildren/TooltipWithChildren.module.css
+++ b/app/react/components/Tip/TooltipWithChildren/TooltipWithChildren.module.css
@ -6,7 +6,9 @@
  background-color: var(--bg-tooltip-color) !important;
  color: var(--text-tooltip-color) !important;
  border-radius: 10px !important;
-  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
+  box-shadow:
+    0 2px 4px 0 rgba(34, 36, 38, 0.12),
+    0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  min-width: 50px;
  font-size: 1rem !important;
  text-align: left;
--- a/app/react/components/datatables/types.ts
+++ b/app/react/components/datatables/types.ts
@ -84,7 +84,7 @@ export function createPersistedStore<T extends BasicTableSettings>(
  storageKey: string,
  initialSortBy?: string | { id: string; desc: boolean },
  create: (set: ZustandSetFunc<T>) => Omit<T, keyof BasicTableSettings> = () =>
-    ({} as T)
+    ({}) as T
 ) {
  return createStore<T>()(
    persist(
@ -93,7 +93,7 @@ export function createPersistedStore<T extends BasicTableSettings>(
          ...sortableSettings<T>(set, initialSortBy),
          ...paginationSettings<T>(set),
          ...create(set),
-        } as T),
+        }) as T,
      {
        name: `datatable_settings_${keyBuilder(storageKey)}`,
      }
--- a/app/react/components/datatables/useTableState.ts
+++ b/app/react/components/datatables/useTableState.ts
@ -10,7 +10,7 @@ export type TableState<TSettings extends BasicTableSettings> = TSettings & {
 };

 export function useTableState<
-  TSettings extends BasicTableSettings = BasicTableSettings
+  TSettings extends BasicTableSettings = BasicTableSettings,
 >(
  store: ReturnType<typeof createPersistedStore<TSettings>>,
  storageKey: string
--- a/app/react/components/form-components/FormSectionTitle/FormSectionTitle.tsx
+++ b/app/react/components/form-components/FormSectionTitle/FormSectionTitle.tsx
@ -22,7 +22,7 @@ export function FormSectionTitle({
      <label
        htmlFor={htmlFor}
        className={clsx(
-          'col-sm-12 mt-1 mb-2 flex cursor-pointer items-center pl-0 font-medium',
+          'col-sm-12 mb-2 mt-1 flex cursor-pointer items-center pl-0 font-medium',
          tailwindTitleSize[titleSize]
        )}
      >
@ -33,7 +33,7 @@ export function FormSectionTitle({
  return (
    <div
      className={clsx(
-        'col-sm-12 mt-1 mb-2 pl-0 font-medium',
+        'col-sm-12 mb-2 mt-1 pl-0 font-medium',
        tailwindTitleSize[titleSize]
      )}
    >
--- a/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx
+++ b/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx
@ -14,7 +14,7 @@ export function InputGroupButtonWrapper({
        'input-group-btn [&>button]:!ml-0',
        // the button should be rounded at the end (right) if it's the last child and start (left) if it's the first child
        // if the button is in the middle of the group, it shouldn't be rounded
-        '[&>button]:!rounded-none [&:last-child>button]:!rounded-r-[5px] [&:first-child>button]:!rounded-l-[5px]'
+        '[&:first-child>button]:!rounded-l-[5px] [&:last-child>button]:!rounded-r-[5px] [&>button]:!rounded-none'
      )}
    >
      {children}
--- a/app/react/components/form-components/ReactSelect.css
+++ b/app/react/components/form-components/ReactSelect.css
@ -57,16 +57,28 @@
 /* Match the same box shadow styles as the other portainer inputs, which are inherited from the bootstrap form-control class */
 .portainer-selector-root .portainer-selector__control--is-focused {
  border-color: #66afe9;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+  -webkit-box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
+  transition:
+    border-color ease-in-out 0.15s,
+    -webkit-box-shadow ease-in-out 0.15s;
 }

 .portainer-selector-root .portainer-selector__control--is-focused:hover {
  border-color: #66afe9;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+  -webkit-box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
+  transition:
+    border-color ease-in-out 0.15s,
+    -webkit-box-shadow ease-in-out 0.15s;
 }

 .portainer-selector-root.sm .portainer-selector__control {
--- a/app/react/components/form-components/ReactSelect.tsx
+++ b/app/react/components/form-components/ReactSelect.tsx
@ -19,7 +19,7 @@ interface DefaultOption {
 type RegularProps<
  Option = DefaultOption,
  IsMulti extends boolean = false,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 > = { isCreatable?: false; size?: 'sm' | 'md' } & ReactSelectProps<
  Option,
  IsMulti,
@ -30,7 +30,7 @@ type RegularProps<
 type CreatableProps<
  Option = DefaultOption,
  IsMulti extends boolean = false,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 > = { isCreatable: true; size?: 'sm' | 'md' } & ReactSelectCreatableProps<
  Option,
  IsMulti,
@ -40,7 +40,7 @@ type CreatableProps<
 type Props<
  Option = DefaultOption,
  IsMulti extends boolean = false,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 > =
  | CreatableProps<Option, IsMulti, Group>
  | RegularProps<Option, IsMulti, Group>;
@ -48,7 +48,7 @@ type Props<
 export function Select<
  Option = DefaultOption,
  IsMulti extends boolean = false,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >({
  className,
  isCreatable = false,
@ -70,7 +70,7 @@ export function Select<
 export function Creatable<
  Option = DefaultOption,
  IsMulti extends boolean = false,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >({ className, ...props }: ReactSelectCreatableProps<Option, IsMulti, Group>) {
  return (
    <ReactSelectCreatable
--- a/app/react/components/form-components/SwitchField/Switch.css
+++ b/app/react/components/form-components/SwitchField/Switch.css
@ -38,9 +38,15 @@
 .switch :checked + i {
  padding-right: 0;
  padding-left: var(--switch-size);
-  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #337ab7;
-  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #337ab7;
-  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #337ab7;
+  -webkit-box-shadow:
+    inset 0 0 1px rgba(0, 0, 0, 0.5),
+    inset 0 0 40px #337ab7;
+  -moz-box-shadow:
+    inset 0 0 1px rgba(0, 0, 0, 0.5),
+    inset 0 0 40px #337ab7;
+  box-shadow:
+    inset 0 0 1px rgba(0, 0, 0, 0.5),
+    inset 0 0 40px #337ab7;
 }

 .switch :disabled + i {
@ -60,7 +66,9 @@

 .switch.business i {
  background-color: var(--BE-only);
-  box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px var(--BE-only);
+  box-shadow:
+    inset 0 0 1px rgb(0 0 0 / 50%),
+    inset 0 0 40px var(--BE-only);
 }

 .switch input[type='checkbox']:disabled + .slider {
--- a/app/react/components/form-components/useCaretPosition.ts
+++ b/app/react/components/form-components/useCaretPosition.ts
@ -1,7 +1,7 @@
 import { useRef, useState, useCallback, useEffect } from 'react';

 export function useCaretPosition<
-  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement
+  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement,
 >() {
  const node = useRef<T>(null);
  const [start, setStart] = useState(0);
--- a/app/react/components/modals/Modal/CloseButton.tsx
+++ b/app/react/components/modals/Modal/CloseButton.tsx
@ -15,7 +15,7 @@ export function CloseButton({
      className={clsx(
        styles.close,
        className,
-        'close-button absolute top-4 right-5'
+        'close-button absolute right-5 top-4'
      )}
      onClick={() => onClose()}
    >
--- a/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/EnvironmentsDatatable.tsx
+++ b/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/EnvironmentsDatatable.tsx
@ -67,7 +67,7 @@ export function EnvironmentsDatatable() {
              env.Id,
              edgeStackQuery.data?.Status[env.Id]
            ),
-          } satisfies EdgeStackEnvironment)
+          }) satisfies EdgeStackEnvironment
      ),
    [
      currentFileVersion,
--- a/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/columns.tsx
+++ b/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/columns.tsx
@ -125,7 +125,7 @@ function ErrorCell({ getValue }: CellContext<EdgeStackEnvironment, string>) {
      className="flex cursor-pointer"
      onClick={() => setIsExpanded(!isExpanded)}
    >
-      <div className="pt-0.5 pr-1">
+      <div className="pr-1 pt-0.5">
        <Icon icon={isExpanded ? ChevronDown : ChevronRight} />
      </div>
      <div
--- a/app/react/kubernetes/applications/CreateView/application-services/KubeServicesForm.tsx
+++ b/app/react/kubernetes/applications/CreateView/application-services/KubeServicesForm.tsx
@ -196,14 +196,17 @@ function getUniqNames(appName: string, services: ServiceFormValues[]) {
 function getServiceTypeCounts(
  services: ServiceFormValues[]
 ): Record<ServiceTypeValue, number> {
-  return services.reduce((acc, service) => {
-    const type = serviceTypeEnumsToValues[service.Type];
-    const count = acc[type];
-    return {
-      ...acc,
-      [type]: count ? count + 1 : 1,
-    };
-  }, {} as Record<ServiceTypeValue, number>);
+  return services.reduce(
+    (acc, service) => {
+      const type = serviceTypeEnumsToValues[service.Type];
+      const count = acc[type];
+      return {
+        ...acc,
+        [type]: count ? count + 1 : 1,
+      };
+    },
+    {} as Record<ServiceTypeValue, number>
+  );
 }

 /**
@ -213,15 +216,18 @@ function getServiceTypeHasErrors(
  services: ServiceFormValues[],
  errors: FormikErrors<ServiceFormValues[] | undefined>
 ): Record<ServiceTypeValue, boolean> {
-  return services.reduce((acc, service, index) => {
-    const type = serviceTypeEnumsToValues[service.Type];
-    const serviceHasErrors = !!errors?.[index];
-    // if the service type already has an error, don't overwrite it
-    if (acc[type] === true) return acc;
-    // otherwise, set the error to the value of serviceHasErrors
-    return {
-      ...acc,
-      [type]: serviceHasErrors,
-    };
-  }, {} as Record<ServiceTypeValue, boolean>);
+  return services.reduce(
+    (acc, service, index) => {
+      const type = serviceTypeEnumsToValues[service.Type];
+      const serviceHasErrors = !!errors?.[index];
+      // if the service type already has an error, don't overwrite it
+      if (acc[type] === true) return acc;
+      // otherwise, set the error to the value of serviceHasErrors
+      return {
+        ...acc,
+        [type]: serviceHasErrors,
+      };
+    },
+    {} as Record<ServiceTypeValue, boolean>
+  );
 }
--- a/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx
+++ b/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx
@ -30,7 +30,7 @@ export function PublishingExplaination() {
            ingresses
          </a>
          :
-          <ul className="mt-3 ml-5 [&>li]:mb-3 [&>li>ul>li]:ml-5">
+          <ul className="ml-5 mt-3 [&>li>ul>li]:ml-5 [&>li]:mb-3">
            <li>
              <b>Inside</b> the cluster{' '}
              <b>
--- a/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationIngressesTable.tsx
+++ b/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationIngressesTable.tsx
@ -97,15 +97,16 @@ function getIngressPathsForAppServices(
    if (!ingress.Paths) {
      return [];
    }
-    const matchingIngressPaths = ingress.Paths?.filter((path) =>
-      services?.some((service) => {
-        const servicePorts = service.spec?.ports?.map((port) => port.port);
-        // include the ingress if the ingress path has a matching service name and port
-        return (
-          path.ServiceName === service.metadata?.name &&
-          servicePorts?.includes(path.Port)
-        );
-      })
+    const matchingIngressPaths = ingress.Paths?.filter(
+      (path) =>
+        services?.some((service) => {
+          const servicePorts = service.spec?.ports?.map((port) => port.port);
+          // include the ingress if the ingress path has a matching service name and port
+          return (
+            path.ServiceName === service.metadata?.name &&
+            servicePorts?.includes(path.Port)
+          );
+        })
    ).map((path) => {
      const secure =
        (ingress.TLS &&
--- a/app/react/kubernetes/applications/application.service.ts
+++ b/app/react/kubernetes/applications/application.service.ts
@ -84,7 +84,7 @@ async function getApplicationsForNamespace(

 // if not known, get the type of an application (Deployment, DaemonSet, StatefulSet or naked pod) by name
 export async function getApplication<
-  T extends Application | string = Application
+  T extends Application | string = Application,
 >(
  environmentId: EnvironmentId,
  namespace: string,
@ -233,7 +233,7 @@ async function patchApplicationByKind<T extends Application>(
 }

 async function getApplicationByKind<
-  T extends Application | string = Application
+  T extends Application | string = Application,
 >(
  environmentId: EnvironmentId,
  namespace: string,
--- a/app/react/kubernetes/applications/autoscaling.service.ts
+++ b/app/react/kubernetes/applications/autoscaling.service.ts
@ -12,7 +12,7 @@ import { parseKubernetesAxiosError } from '../axiosError';

 // when yaml is set to true, the expected return type is a string
 export function useHorizontalAutoScalarQuery<
-  T extends HorizontalPodAutoscaler | string = HorizontalPodAutoscaler
+  T extends HorizontalPodAutoscaler | string = HorizontalPodAutoscaler,
 >(
  environmentId: EnvironmentId,
  namespace: string,
@ -62,7 +62,7 @@ export async function getNamespaceHorizontalPodAutoscalers(
 }

 export async function getNamespaceHorizontalPodAutoscaler<
-  T extends HorizontalPodAutoscaler | string = HorizontalPodAutoscaler
+  T extends HorizontalPodAutoscaler | string = HorizontalPodAutoscaler,
 >(
  environmentId: EnvironmentId,
  namespace: string,
--- a/app/react/kubernetes/applications/utils.ts
+++ b/app/react/kubernetes/applications/utils.ts
@ -233,23 +233,31 @@ export function getRollbackPatchPayload(
      // keep the annotations to skip from the deployment, in the patch
      const applicationAnnotations = application.metadata?.annotations || {};
      const applicationAnnotationsInPatch =
-        unchangedAnnotationKeysForRollbackPatch.reduce((acc, annotationKey) => {
-          if (applicationAnnotations[annotationKey]) {
-            acc[annotationKey] = applicationAnnotations[annotationKey];
-          }
-          return acc;
-        }, {} as Record<string, string>);
+        unchangedAnnotationKeysForRollbackPatch.reduce(
+          (acc, annotationKey) => {
+            if (applicationAnnotations[annotationKey]) {
+              acc[annotationKey] = applicationAnnotations[annotationKey];
+            }
+            return acc;
+          },
+          {} as Record<string, string>
+        );

      // add any annotations from the target revision that shouldn't be skipped
      const revisionAnnotations = previousRevision.metadata?.annotations || {};
      const revisionAnnotationsInPatch = Object.entries(
        revisionAnnotations
-      ).reduce((acc, [annotationKey, annotationValue]) => {
-        if (!unchangedAnnotationKeysForRollbackPatch.includes(annotationKey)) {
-          acc[annotationKey] = annotationValue;
-        }
-        return acc;
-      }, {} as Record<string, string>);
+      ).reduce(
+        (acc, [annotationKey, annotationValue]) => {
+          if (
+            !unchangedAnnotationKeysForRollbackPatch.includes(annotationKey)
+          ) {
+            acc[annotationKey] = annotationValue;
+          }
+          return acc;
+        },
+        {} as Record<string, string>
+      );

      const patchAnnotations = {
        ...applicationAnnotationsInPatch,
--- a/app/react/kubernetes/configs/ListView/ConfigMapsDatatable/utils.ts
+++ b/app/react/kubernetes/configs/ListView/ConfigMapsDatatable/utils.ts
@ -14,11 +14,12 @@ export function getIsConfigMapInUse(
      ? app?.spec
      : app?.spec?.template?.spec;

-    const hasEnvVarReference = appSpec?.containers.some((container) =>
-      container.env?.some(
-        (envVar) =>
-          envVar.valueFrom?.configMapKeyRef?.name === configMap.metadata?.name
-      )
+    const hasEnvVarReference = appSpec?.containers.some(
+      (container) =>
+        container.env?.some(
+          (envVar) =>
+            envVar.valueFrom?.configMapKeyRef?.name === configMap.metadata?.name
+        )
    );
    const hasVolumeReference = appSpec?.volumes?.some(
      (volume) => volume.configMap?.name === configMap.metadata?.name
--- a/app/react/kubernetes/configs/ListView/SecretsDatatable/utils.ts
+++ b/app/react/kubernetes/configs/ListView/SecretsDatatable/utils.ts
@ -11,11 +11,12 @@ export function getIsSecretInUse(secret: Secret, applications: Application[]) {
      ? app?.spec
      : app?.spec?.template?.spec;

-    const hasEnvVarReference = appSpec?.containers.some((container) =>
-      container.env?.some(
-        (envVar) =>
-          envVar.valueFrom?.secretKeyRef?.name === secret.metadata?.name
-      )
+    const hasEnvVarReference = appSpec?.containers.some(
+      (container) =>
+        container.env?.some(
+          (envVar) =>
+            envVar.valueFrom?.secretKeyRef?.name === secret.metadata?.name
+        )
    );
    const hasVolumeReference = appSpec?.volumes?.some(
      (volume) => volume.secret?.secretName === secret.metadata?.name
--- a/app/react/kubernetes/ingresses/CreateIngressView/Annotations/index.tsx
+++ b/app/react/kubernetes/ingresses/CreateIngressView/Annotations/index.tsx
@ -44,7 +44,7 @@ export function Annotations({
              />
            </div>
            {errors[`annotations.key[${i}]`] && (
-              <FormError className="mt-1 !mb-0">
+              <FormError className="!mb-0 mt-1">
                {errors[`annotations.key[${i}]`]}
              </FormError>
            )}
@ -64,7 +64,7 @@ export function Annotations({
              />
            </div>
            {errors[`annotations.value[${i}]`] && (
-              <FormError className="mt-1 !mb-0">
+              <FormError className="!mb-0 mt-1">
                {errors[`annotations.value[${i}]`]}
              </FormError>
            )}
--- a/app/react/kubernetes/ingresses/CreateIngressView/CreateIngressView.tsx
+++ b/app/react/kubernetes/ingresses/CreateIngressView/CreateIngressView.tsx
@ -79,7 +79,7 @@ export function CreateIngressView() {
      string[],
      Ingress[],
      Record<string, number>,
-      Record<string, string>
+      Record<string, string>,
    ] => {
      const ruleCounterByNamespace: Record<string, number> = {};
      const hostWithTLS: Record<string, string> = {};
--- a/app/react/kubernetes/ingresses/CreateIngressView/IngressForm.tsx
+++ b/app/react/kubernetes/ingresses/CreateIngressView/IngressForm.tsx
@ -311,7 +311,7 @@ export function IngressForm({
              <TooltipWithChildren message="Use annotations to configure options for an ingress. Review Nginx or Traefik documentation to find the annotations supported by your choice of ingress type.">
                <span>
                  <Button
-                    className="btn btn-sm btn-light mb-2 !ml-0"
+                    className="btn btn-sm btn-light !ml-0 mb-2"
                    onClick={() => addNewAnnotation()}
                    icon={Plus}
                  >
@ -406,13 +406,13 @@ export function IngressForm({
                        />
                      </InputGroup>
                      {errors[`hosts[${hostIndex}].host`] && (
-                        <FormError className="mt-1 !mb-0">
+                        <FormError className="!mb-0 mt-1">
                          {errors[`hosts[${hostIndex}].host`]}
                        </FormError>
                      )}
                    </div>

-                    <div className="form-group col-sm-6 col-lg-4 !pr-0 !pl-2">
+                    <div className="form-group col-sm-6 col-lg-4 !pl-2 !pr-0">
                      <InputGroup size="small">
                        <InputGroup.Addon>TLS secret</InputGroup.Addon>
                        <Select
@ -490,7 +490,7 @@ export function IngressForm({

                {host.Paths.map((path, pathIndex) => (
                  <div
-                    className="row path mt-5 !mb-5"
+                    className="row path !mb-5 mt-5"
                    key={`path_${path.Key}}`}
                  >
                    <div className="form-group col-sm-3 col-xl-2 !m-0 !pl-0">
@ -531,7 +531,7 @@ export function IngressForm({
                      {errors[
                        `hosts[${hostIndex}].paths[${pathIndex}].servicename`
                      ] && (
-                        <FormError className="error-inline mt-1 !mb-0">
+                        <FormError className="error-inline !mb-0 mt-1">
                          {
                            errors[
                              `hosts[${hostIndex}].paths[${pathIndex}].servicename`
@ -587,7 +587,7 @@ export function IngressForm({
                          {errors[
                            `hosts[${hostIndex}].paths[${pathIndex}].serviceport`
                          ] && (
-                            <FormError className="mt-1 !mb-0">
+                            <FormError className="!mb-0 mt-1">
                              {
                                errors[
                                  `hosts[${hostIndex}].paths[${pathIndex}].serviceport`
@ -639,7 +639,7 @@ export function IngressForm({
                      {errors[
                        `hosts[${hostIndex}].paths[${pathIndex}].pathType`
                      ] && (
-                        <FormError className="mt-1 !mb-0">
+                        <FormError className="!mb-0 mt-1">
                          {
                            errors[
                              `hosts[${hostIndex}].paths[${pathIndex}].pathType`
@ -672,7 +672,7 @@ export function IngressForm({
                      {errors[
                        `hosts[${hostIndex}].paths[${pathIndex}].path`
                      ] && (
-                        <FormError className="mt-1 !mb-0">
+                        <FormError className="!mb-0 mt-1">
                          {
                            errors[
                              `hosts[${hostIndex}].paths[${pathIndex}].path`
--- a/app/react/portainer/HomeView/EnvironmentList/AMTButton/AssociateAMTDialog.tsx
+++ b/app/react/portainer/HomeView/EnvironmentList/AMTButton/AssociateAMTDialog.tsx
@ -63,7 +63,7 @@ export function AssociateAMTDialog({
            {environments.map((env) => (
              <div
                key={env.Id}
-                className={clsx('flex h-8 items-center pt-1 pl-2')}
+                className={clsx('flex h-8 items-center pl-2 pt-1')}
              >
                <Checkbox
                  id={`${env.Id}`}
--- a/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx
+++ b/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx
@ -57,7 +57,7 @@ function CreateView() {
      />

      <BetaAlert
-        className="ml-[15px] mb-2"
+        className="mb-2 ml-[15px]"
        message="Beta feature - currently limited to standalone Linux and Nomad edge devices."
      />

--- a/app/react/portainer/environments/update-schedules/ItemView/ItemView.tsx
+++ b/app/react/portainer/environments/update-schedules/ItemView/ItemView.tsx
@ -81,7 +81,7 @@ function ItemView() {
      />

      <BetaAlert
-        className="ml-[15px] mb-2"
+        className="mb-2 ml-[15px]"
        message="Beta feature - currently limited to standalone Linux and Nomad edge devices."
      />

--- a/app/react/portainer/environments/update-schedules/ListView/ListView.tsx
+++ b/app/react/portainer/environments/update-schedules/ListView/ListView.tsx
@ -41,7 +41,7 @@ export function ListView() {
      />

      <BetaAlert
-        className="ml-[15px] mb-2"
+        className="mb-2 ml-[15px]"
        message="Beta feature - currently limited to standalone Linux and Nomad edge devices."
      />

--- a/app/react/sidebar/Sidebar.tsx
+++ b/app/react/sidebar/Sidebar.tsx
@ -41,7 +41,7 @@ export function Sidebar() {
        >
          <Header logo={LogoURL} />
          {/* negative margin + padding -> scrollbar won't hide the content */}
-          <div className="mt-6 -mr-4 flex-1 overflow-y-auto pr-4">
+          <div className="-mr-4 mt-6 flex-1 overflow-y-auto pr-4">
            <ul className="space-y-9">
              <SidebarItem
                to="portainer.home"
--- a/app/react/sidebar/SidebarItem/Head.tsx
+++ b/app/react/sidebar/SidebarItem/Head.tsx
@ -66,7 +66,7 @@ export function Head({

  return (
    <Tippy
-      className="!rounded-md bg-blue-9 !py-2 !px-3 !opacity-100 be:bg-gray-9 th-dark:bg-gray-true-9"
+      className="!rounded-md bg-blue-9 !px-3 !py-2 !opacity-100 be:bg-gray-9 th-dark:bg-gray-true-9"
      content={label}
      delay={[0, 0]}
      duration={[0, 0]}
--- a/package.json
+++ b/package.json
@ -20,7 +20,7 @@
    "dev": "webpack-dev-server",
    "start": "webpack -w",
    "build": "webpack",
-    "format": "prettier --loglevel warn --write \"**/*.{js,css,html,jsx,tsx,ts,json}\"",
+    "format": "prettier --log-level warn --write \"**/*.{js,css,html,jsx,tsx,ts,json}\"",
    "lint": "eslint --cache --fix './**/*.{js,jsx,ts,tsx}'",
    "test": "jest",
    "sb": "yarn storybook",
@ -174,7 +174,7 @@
    "eslint": "^8.44.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.7.0",
+    "eslint-config-prettier": "^9.0.0",
    "eslint-import-resolver-alias": "^1.1.2",
    "eslint-plugin-eslint-comments": "^3.2.0",
    "eslint-plugin-import": "^2.27.5",
@ -199,8 +199,8 @@
    "plop": "^3.1.2",
    "postcss": "^8.4.25",
    "postcss-loader": "^7.3.3",
-    "prettier": "^2.8.8",
-    "prettier-plugin-tailwindcss": "^0.2.6",
+    "prettier": "^3.0.2",
+    "prettier-plugin-tailwindcss": "^0.5.3",
    "react-docgen-typescript-plugin": "^1.0.5",
    "react-test-renderer": "^17.0.2",
    "source-map-loader": "^4.0.1",
@ -209,7 +209,7 @@
    "storybook-css-modules-preset": "^1.1.1",
    "style-loader": "^3.3.3",
    "swagger2openapi": "^7.0.8",
-    "tailwindcss": "3.1.4",
+    "tailwindcss": "3.3.3",
    "tsconfig-paths-webpack-plugin": "^4.1.0",
    "typescript": "^5.0.4",
    "webpack": "^5.88.1",
--- a/yarn.lock
+++ b/yarn.lock
@ -7,6 +7,11 @@
  resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
  integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==

+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
 "@ampproject/remapping@^2.2.0":
  version "2.2.1"
  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
@ -5757,16 +5762,7 @@ acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==

-acorn-node@^1.8.2:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
-  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
-  dependencies:
-    acorn "^7.0.0"
-    acorn-walk "^7.0.0"
-    xtend "^4.0.2"
-
-acorn-walk@^7.0.0, acorn-walk@^7.1.1, acorn-walk@^7.2.0:
+acorn-walk@^7.1.1, acorn-walk@^7.2.0:
  version "7.2.0"
  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
@ -5776,7 +5772,7 @@ acorn-walk@^8.0.0:
  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==

-acorn@^7.0.0, acorn@^7.1.1, acorn@^7.4.1:
+acorn@^7.1.1, acorn@^7.4.1:
  version "7.4.1"
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@ -6022,6 +6018,11 @@ ansi-styles@^6.0.0:
  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.1.0.tgz#87313c102b8118abd57371afab34618bf7350ed3"
  integrity sha512-VbqNsoz55SYGczauuup0MFUyXNQviSpFTj1RQtFzmQLk18qbVSpTFFGMT293rmDaQuKCT6InmbuEyUne4mTuxQ==

+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
 anymatch@^3.0.3, anymatch@~3.1.2:
  version "3.1.3"
  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
@ -7260,7 +7261,7 @@ color-name@1.1.3:
  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==

-color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
  version "1.1.4"
  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
@ -7341,6 +7342,11 @@ commander@^2.19.0, commander@^2.20.0, commander@^2.7.1, commander@^2.8.1:
  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==

+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
 commander@^6.2.1:
  version "6.2.1"
  resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
@ -7944,11 +7950,6 @@ define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0:
    has-property-descriptors "^1.0.0"
    object-keys "^1.1.1"

-defined@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
-  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
-
 defu@^6.1.2:
  version "6.1.2"
  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.2.tgz#1217cba167410a1765ba93893c6dbac9ed9d9e5c"
@ -8056,15 +8057,6 @@ detect-port@^1.3.0:
    address "^1.0.1"
    debug "4"

-detective@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
-  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
-  dependencies:
-    acorn-node "^1.8.2"
-    defined "^1.0.0"
-    minimist "^1.2.6"
-
 didyoumean@^1.2.2:
  version "1.2.2"
  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@ -8579,10 +8571,10 @@ eslint-config-airbnb@^19.0.4:
    object.assign "^4.1.2"
    object.entries "^1.1.5"

-eslint-config-prettier@^8.7.0:
-  version "8.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz#bfda738d412adc917fd7b038857110efe98c9348"
-  integrity sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==
+eslint-config-prettier@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz#eb25485946dd0c66cd216a46232dc05451518d1f"
+  integrity sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==

 eslint-import-resolver-alias@^1.1.2:
  version "1.1.2"
@ -9005,6 +8997,17 @@ fast-glob@^3.2.11:
    merge2 "^1.3.0"
    micromatch "^4.0.4"

+fast-glob@^3.2.12:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4"
+  integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-glob@^3.2.9:
  version "3.2.12"
  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
@ -9579,27 +9582,27 @@ glob-to-regexp@^0.4.1:
  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==

-glob@^7.0.0, glob@^7.1.3, glob@^7.1.4:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+glob@7.1.6, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
  dependencies:
    fs.realpath "^1.0.0"
    inflight "^1.0.4"
    inherits "2"
-    minimatch "^3.1.1"
+    minimatch "^3.0.4"
    once "^1.3.0"
    path-is-absolute "^1.0.0"

-glob@^7.0.3, glob@^7.1.1, glob@^7.1.2:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+glob@^7.0.0, glob@^7.1.3, glob@^7.1.4:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
  dependencies:
    fs.realpath "^1.0.0"
    inflight "^1.0.4"
    inherits "2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.1"
    once "^1.3.0"
    path-is-absolute "^1.0.0"

@ -10377,6 +10380,13 @@ is-core-module@^2.11.0, is-core-module@^2.2.0, is-core-module@^2.9.0:
  dependencies:
    has "^1.0.3"

+is-core-module@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
+  dependencies:
+    has "^1.0.3"
+
 is-date-object@^1.0.1, is-date-object@^1.0.5:
  version "1.0.5"
  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@ -12072,6 +12082,15 @@ mute-stream@0.0.8:
  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==

+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
 nano-time@1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/nano-time/-/nano-time-1.0.0.tgz#b0554f69ad89e22d0907f7a12b0993a5d96137ef"
@ -13013,29 +13032,29 @@ postcss-discard-overridden@^6.0.0:
  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz#49c5262db14e975e349692d9024442de7cd8e234"
  integrity sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==

-postcss-import@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
  dependencies:
    postcss-value-parser "^4.0.0"
    read-cache "^1.0.0"
    resolve "^1.1.7"

-postcss-js@^4.0.0:
+postcss-js@^4.0.1:
  version "4.0.1"
  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
  dependencies:
    camelcase-css "^2.0.1"

-postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+postcss-load-config@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.1.tgz#152383f481c2758274404e4962743191d73875bd"
+  integrity sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==
  dependencies:
    lilconfig "^2.0.5"
-    yaml "^1.10.2"
+    yaml "^2.1.1"

 postcss-loader@^7.2.4:
  version "7.3.2"
@ -13134,12 +13153,12 @@ postcss-modules-values@^4.0.0:
  dependencies:
    icss-utils "^5.0.0"

-postcss-nested@5.0.6:
-  version "5.0.6"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.6.tgz#466343f7fc8d3d46af3e7dba3fcd47d052a945bc"
-  integrity sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==
+postcss-nested@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.1.tgz#f83dc9846ca16d2f4fa864f16e9d9f7d0961662c"
+  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
  dependencies:
-    postcss-selector-parser "^6.0.6"
+    postcss-selector-parser "^6.0.11"

 postcss-normalize-charset@^6.0.0:
  version "6.0.0"
@ -13226,7 +13245,7 @@ postcss-reduce-transforms@^6.0.0:
  dependencies:
    postcss-value-parser "^4.2.0"

-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.6:
+postcss-selector-parser@^6.0.11:
  version "6.0.13"
  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
  integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
@ -13275,7 +13294,7 @@ postcss-value-parser@^4.0.2:
  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
  integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==

-postcss@^8.2.14, postcss@^8.4.14:
+postcss@^8.2.14:
  version "8.4.24"
  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
@ -13302,6 +13321,15 @@ postcss@^8.4.21:
    picocolors "^1.0.0"
    source-map-js "^1.0.2"

+postcss@^8.4.23:
+  version "8.4.28"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.28.tgz#c6cc681ed00109072816e1557f889ef51cf950a5"
+  integrity sha512-Z7V5j0cq8oEKyejIKfpD8b4eBy9cwW2JWPk0+fB1HOAMsfHbnAXLLS+PfVWlzMSLQaWttKDt607I0XHmpE67Vw==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 postcss@^8.4.25:
  version "8.4.25"
  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.25.tgz#4a133f5e379eda7f61e906c3b1aaa9b81292726f"
@ -13321,16 +13349,21 @@ prelude-ls@~1.1.2:
  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==

-prettier-plugin-tailwindcss@^0.2.6:
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.8.tgz#e9c0356680331f909a86fefe8fc2b247c21e23a2"
-  integrity sha512-KgPcEnJeIijlMjsA6WwYgRs5rh3/q76oInqtMXBA/EMcamrcYJpyhtRhyX1ayT9hnHlHTuO8sIifHF10WuSDKg==
+prettier-plugin-tailwindcss@^0.5.3:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.3.tgz#ed4b31ee75bbce1db4ac020a859267d5b65ad8df"
+  integrity sha512-M5K80V21yM+CTm/FEFYRv9/9LyInYbCSXpIoPAKMm8zy89IOwdiA2e4JVbcO7tvRtAQWz32zdj7/WKcsmFyAVg==

-prettier@^2.8.0, prettier@^2.8.8:
+prettier@^2.8.0:
  version "2.8.8"
  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==

+prettier@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
+  integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
+
 pretty-error@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
@ -13493,11 +13526,6 @@ queue-microtask@^1.2.2:
  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==

-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
 ramda@0.29.0:
  version "0.29.0"
  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.29.0.tgz#fbbb67a740a754c8a4cbb41e2a6e0eb8507f55fb"
@ -14129,7 +14157,7 @@ resolve.exports@^1.1.0:
  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
  integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==

-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.0, resolve@^1.22.1:
+resolve@^1.1.6, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.1:
  version "1.22.2"
  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@ -14146,6 +14174,15 @@ resolve@^1.1.7, resolve@^1.20.0:
    is-core-module "^2.2.0"
    path-parse "^1.0.6"

+resolve@^1.22.2:
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 resolve@^2.0.0-next.4:
  version "2.0.0-next.4"
  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.4.tgz#3d37a113d6429f496ec4752d2a2e58efb1fd4660"
@ -15055,6 +15092,19 @@ stylis@^4.0.10:
  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.10.tgz#446512d1097197ab3f02fb3c258358c3f7a14240"
  integrity sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg==

+sucrase@^3.32.0:
+  version "3.34.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.34.0.tgz#1e0e2d8fcf07f8b9c3569067d92fbd8690fb576f"
+  integrity sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "7.1.6"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
 supports-color@^5.3.0, supports-color@^5.5.0:
  version "5.5.0"
  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@ -15143,33 +15193,33 @@ tabbable@^5.3.3:
  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-5.3.3.tgz#aac0ff88c73b22d6c3c5a50b1586310006b47fbf"
  integrity sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==

-tailwindcss@3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.4.tgz#64b09059805505902139fa805d97046080bd90b9"
-  integrity sha512-NrxbFV4tYsga/hpWbRyUfIaBrNMXDxx5BsHgBS4v5tlyjf+sDsgBg5m9OxjrXIqAS/uR9kicxLKP+bEHI7BSeQ==
+tailwindcss@3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.3.tgz#90da807393a2859189e48e9e7000e6880a736daf"
+  integrity sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==
  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
    arg "^5.0.2"
    chokidar "^3.5.3"
-    color-name "^1.1.4"
-    detective "^5.2.1"
    didyoumean "^1.2.2"
    dlv "^1.1.3"
-    fast-glob "^3.2.11"
+    fast-glob "^3.2.12"
    glob-parent "^6.0.2"
    is-glob "^4.0.3"
-    lilconfig "^2.0.5"
+    jiti "^1.18.2"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
    normalize-path "^3.0.0"
    object-hash "^3.0.0"
    picocolors "^1.0.0"
-    postcss "^8.4.14"
-    postcss-import "^14.1.0"
-    postcss-js "^4.0.0"
-    postcss-load-config "^3.1.4"
-    postcss-nested "5.0.6"
-    postcss-selector-parser "^6.0.10"
-    postcss-value-parser "^4.2.0"
-    quick-lru "^5.1.1"
-    resolve "^1.22.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"

 tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
  version "2.2.1"
@ -15321,6 +15371,20 @@ text-table@^0.2.0:
  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=

+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
 throat@^6.0.1:
  version "6.0.1"
  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.1.tgz#d514fedad95740c12c2d7fc70ea863eb51ade375"
@ -15450,6 +15514,11 @@ ts-dedent@^2.0.0, ts-dedent@^2.2.0:
  resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
  integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==

+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
 ts-xor@^1.1.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/ts-xor/-/ts-xor-1.1.0.tgz#dc579e04f1ebce219217cee18b0d2685b3b57a8d"
@ -16393,7 +16462,7 @@ xmlchars@^2.2.0:
  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==

-xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
+xtend@^4.0.0, xtend@~4.0.1:
  version "4.0.2"
  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
@ -16433,6 +16502,11 @@ yaml@^1.10.0, yaml@^1.10.2:
  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==

+yaml@^2.1.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.1.tgz#02fe0975d23cd441242aa7204e09fc28ac2ac33b"
+  integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==
+
 yaml@^2.2.2:
  version "2.2.2"
  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.2.2.tgz#ec551ef37326e6d42872dad1970300f8eb83a073"