From 0e2eb17220096066844652aebb9fa043f15d9f19 Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chiptus@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:20:36 +0100
Subject: [PATCH] chore(deps): upgrade tailwind and prettier [EE-5218] (#10068)

---
 .prettierrc                                   |  12 +-
 app/__mocks__/i18next.test.ts                 |   2 +-
 app/assets/fonts/nomad-icon.css               |   7 +-
 .../networkRowContent.html                    |   2 +-
 .../serviceTasksDatatable.html                |   2 +-
 .../services-datatable/servicesDatatable.html |   2 +-
 .../tasks-datatable/tasksDatatable.html       |   2 +-
 .../volumes-datatable/volumesDatatable.html   |   2 +-
 .../engine-details-panel.html                 |   6 +-
 .../containers/create/createcontainer.html    |   2 +-
 .../containers/inspect/containerinspect.html  |   2 +-
 app/docker/views/images/edit/image.html       |   8 +-
 .../views/services/edit/includes/mounts.html  |   4 +-
 app/docker/views/swarm/swarm.html             |   2 +-
 .../swarm/visualizer/swarmvisualizer.html     |   4 +-
 app/index.html                                |   2 +-
 .../applicationsDatatable.html                |   2 +-
 .../integratedApplicationsDatatable.html      |   2 +-
 .../nodeApplicationsDatatable.html            |   2 +-
 .../resourcePoolApplicationsDatatable.html    |   2 +-
 .../helm/helm-templates/helm-templates.html   |   4 +-
 .../create/createApplication.html             | 137 +++++-----
 app/kubernetes/views/configure/configure.html |   6 +-
 .../components/access-table/accessTable.html  |   2 +-
 .../customTemplatesList.html                  |   2 +-
 app/portainer/components/focusIf.js           |   9 +-
 .../template-list/templateList.html           |   2 +-
 app/portainer/services/axios.ts               |   2 +-
 app/portainer/views/auth/auth.html            |   2 +-
 app/react-tools/react-query.ts                |   4 +-
 app/react-tools/withControlledInput.tsx       |   4 +-
 app/react-tools/withFormValidation.ts         |   6 +-
 .../components/BoxSelector/BoxOption.tsx      |   2 +-
 .../BoxSelector/LimitedToBeIndicator.tsx      |   2 +-
 .../DashboardItem/DashboardItem.tsx           |   4 +-
 .../components/EnvironmentStatusBadgeItem.tsx |   2 +-
 .../components/InsightsBox/InsightsBox.tsx    |   2 +-
 .../SliderTooltip/SliderTooltip.module.css    |   4 +-
 .../TooltipWithChildren.module.css            |   4 +-
 app/react/components/datatables/types.ts      |   4 +-
 .../components/datatables/useTableState.ts    |   2 +-
 .../FormSectionTitle/FormSectionTitle.tsx     |   4 +-
 .../InputGroup/InputGroupButtonWrapper.tsx    |   2 +-
 .../form-components/ReactSelect.css           |  24 +-
 .../form-components/ReactSelect.tsx           |  10 +-
 .../form-components/SwitchField/Switch.css    |  16 +-
 .../form-components/useCaretPosition.ts       |   2 +-
 .../components/modals/Modal/CloseButton.tsx   |   2 +-
 .../EnvironmentsDatatable.tsx                 |   2 +-
 .../EnvironmentsDatatable/columns.tsx         |   2 +-
 .../application-services/KubeServicesForm.tsx |  44 ++--
 .../PublishingExplaination.tsx                |   2 +-
 .../ApplicationIngressesTable.tsx             |  19 +-
 .../applications/application.service.ts       |   4 +-
 .../applications/autoscaling.service.ts       |   4 +-
 app/react/kubernetes/applications/utils.ts    |  32 ++-
 .../ListView/ConfigMapsDatatable/utils.ts     |  11 +-
 .../ListView/SecretsDatatable/utils.ts        |  11 +-
 .../CreateIngressView/Annotations/index.tsx   |   4 +-
 .../CreateIngressView/CreateIngressView.tsx   |   2 +-
 .../CreateIngressView/IngressForm.tsx         |  16 +-
 .../AMTButton/AssociateAMTDialog.tsx          |   2 +-
 .../CreateView/CreateView.tsx                 |   2 +-
 .../update-schedules/ItemView/ItemView.tsx    |   2 +-
 .../update-schedules/ListView/ListView.tsx    |   2 +-
 app/react/sidebar/Sidebar.tsx                 |   2 +-
 app/react/sidebar/SidebarItem/Head.tsx        |   2 +-
 package.json                                  |  10 +-
 yarn.lock                                     | 246 ++++++++++++------
 69 files changed, 442 insertions(+), 314 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index a9d2ada8a..2f43352e6 100644
--- 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
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/app/__mocks__/i18next.test.ts b/app/__mocks__/i18next.test.ts
index e6cc9707f..a1dbf0bf7 100644
--- 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 }) => {
diff --git a/app/assets/fonts/nomad-icon.css b/app/assets/fonts/nomad-icon.css
index e266b5819..93e2534c0 100644
--- 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;
diff --git a/app/docker/components/datatables/networks-datatable/network-row-content/networkRowContent.html b/app/docker/components/datatables/networks-datatable/network-row-content/networkRowContent.html
index ca3842bd5..d335615a7 100644
--- 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>
diff --git a/app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.html b/app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.html
index e98d84bea..734414b09 100644
--- 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">
diff --git a/app/docker/components/datatables/services-datatable/servicesDatatable.html b/app/docker/components/datatables/services-datatable/servicesDatatable.html
index ddb0274bc..173c57ced 100644
--- 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>
diff --git a/app/docker/components/datatables/tasks-datatable/tasksDatatable.html b/app/docker/components/datatables/tasks-datatable/tasksDatatable.html
index 7af8b6fd1..f53d42405 100644
--- 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">
diff --git a/app/docker/components/datatables/volumes-datatable/volumesDatatable.html b/app/docker/components/datatables/volumes-datatable/volumesDatatable.html
index 64787999d..80a8918bc 100644
--- 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"
diff --git 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
index b67837b81..0ea5fd90a 100644
--- 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>
diff --git a/app/docker/views/containers/create/createcontainer.html b/app/docker/views/containers/create/createcontainer.html
index ddb5d4f15..841c5e913 100644
--- 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 -->
diff --git a/app/docker/views/containers/inspect/containerinspect.html b/app/docker/views/containers/inspect/containerinspect.html
index 82d24b754..fba446693 100644
--- 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>
diff --git a/app/docker/views/images/edit/image.html b/app/docker/views/images/edit/image.html
index 48e86a9cd..c37d49139 100644
--- 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>
diff --git a/app/docker/views/services/edit/includes/mounts.html b/app/docker/views/services/edit/includes/mounts.html
index 906c4e2ee..4ac69c902 100644
--- 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]"
diff --git a/app/docker/views/swarm/swarm.html b/app/docker/views/swarm/swarm.html
index 8eed2b237..cc577b785 100644
--- 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">
diff --git a/app/docker/views/swarm/visualizer/swarmvisualizer.html b/app/docker/views/swarm/visualizer/swarmvisualizer.html
index 32247cf80..a4971c382 100644
--- 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>
diff --git a/app/index.html b/app/index.html
index a1ac6e2f5..c27b020dd 100644
--- 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" />
diff --git a/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html b/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html
index 41f424e4b..42c163087 100644
--- 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">
diff --git a/app/kubernetes/components/datatables/integrated-applications-datatable/integratedApplicationsDatatable.html b/app/kubernetes/components/datatables/integrated-applications-datatable/integratedApplicationsDatatable.html
index 4f757f8f0..14ba7f01d 100644
--- 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>
diff --git a/app/kubernetes/components/datatables/node-applications-datatable/nodeApplicationsDatatable.html b/app/kubernetes/components/datatables/node-applications-datatable/nodeApplicationsDatatable.html
index 5cb84ca33..dd20be274 100644
--- 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>
diff --git a/app/kubernetes/components/datatables/resource-pool-applications-datatable/resourcePoolApplicationsDatatable.html b/app/kubernetes/components/datatables/resource-pool-applications-datatable/resourcePoolApplicationsDatatable.html
index 7afee2b44..babdb3e46 100644
--- 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>
diff --git a/app/kubernetes/components/helm/helm-templates/helm-templates.html b/app/kubernetes/components/helm/helm-templates/helm-templates.html
index e81f71031..d241ea88e 100644
--- 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>
diff --git a/app/kubernetes/views/applications/create/createApplication.html b/app/kubernetes/views/applications/create/createApplication.html
index 7f60839e8..5593981f6 100644
--- 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>
diff --git a/app/kubernetes/views/configure/configure.html b/app/kubernetes/views/configure/configure.html
index 50abdcf3e..2b5a5c21b 100644
--- 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 }}"
diff --git a/app/portainer/components/access-table/accessTable.html b/app/portainer/components/access-table/accessTable.html
index 640b9b80a..eade123c8 100644
--- 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>
diff --git a/app/portainer/components/custom-templates-list/customTemplatesList.html b/app/portainer/components/custom-templates-list/customTemplatesList.html
index a43864243..96bd2ea82 100644
--- 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>
diff --git a/app/portainer/components/focusIf.js b/app/portainer/components/focusIf.js
index 29c76b373..6a8650ea4 100644
--- 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
+          );
         }
       }
     },
diff --git a/app/portainer/components/template-list/templateList.html b/app/portainer/components/template-list/templateList.html
index 023389194..70f25e9d5 100644
--- 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.
diff --git a/app/portainer/services/axios.ts b/app/portainer/services/axios.ts
index c811747f1..1f33df70b 100644
--- 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);
 }
diff --git a/app/portainer/views/auth/auth.html b/app/portainer/views/auth/auth.html
index 8e7f8df86..77de57f9a 100644
--- 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"
diff --git a/app/react-tools/react-query.ts b/app/react-tools/react-query.ts
index 5da82bfff..fe1136dee 100644
--- 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);
 }
diff --git a/app/react-tools/withControlledInput.tsx b/app/react-tools/withControlledInput.tsx
index 50e01627b..f42a19f6b 100644
--- 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
diff --git a/app/react-tools/withFormValidation.ts b/app/react-tools/withFormValidation.ts
index ebfcdd201..76d9e040c 100644
--- 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>`,
diff --git a/app/react/components/BoxSelector/BoxOption.tsx b/app/react/components/BoxSelector/BoxOption.tsx
index d5a16cd46..6b4485b21 100644
--- 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,
diff --git a/app/react/components/BoxSelector/LimitedToBeIndicator.tsx b/app/react/components/BoxSelector/LimitedToBeIndicator.tsx
index 6f3b7fa4d..2ed016a96 100644
--- 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}
diff --git a/app/react/components/DashboardItem/DashboardItem.tsx b/app/react/components/DashboardItem/DashboardItem.tsx
index 630c3db1e..73be79c04 100644
--- 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'
         )}
       >
diff --git a/app/react/components/EnvironmentStatusBadgeItem.tsx b/app/react/components/EnvironmentStatusBadgeItem.tsx
index 5664f9ffd..ec63a5201 100644
--- 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',
diff --git a/app/react/components/InsightsBox/InsightsBox.tsx b/app/react/components/InsightsBox/InsightsBox.tsx
index 6cc60f26e..392759dc3 100644
--- 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"
diff --git a/app/react/components/Tip/SliderTooltip/SliderTooltip.module.css b/app/react/components/Tip/SliderTooltip/SliderTooltip.module.css
index 476decada..b9e9ea45c 100644
--- 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;
diff --git a/app/react/components/Tip/TooltipWithChildren/TooltipWithChildren.module.css b/app/react/components/Tip/TooltipWithChildren/TooltipWithChildren.module.css
index 79ee04534..24a18945a 100644
--- 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;
diff --git a/app/react/components/datatables/types.ts b/app/react/components/datatables/types.ts
index c9952641c..c3fdb440e 100644
--- 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)}`,
       }
diff --git a/app/react/components/datatables/useTableState.ts b/app/react/components/datatables/useTableState.ts
index 20d8cceb3..0994c4e50 100644
--- 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
diff --git a/app/react/components/form-components/FormSectionTitle/FormSectionTitle.tsx b/app/react/components/form-components/FormSectionTitle/FormSectionTitle.tsx
index 5ac15fcd3..2d7bfaf14 100644
--- 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]
       )}
     >
diff --git a/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx b/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx
index b614594d7..450cc048f 100644
--- 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}
diff --git a/app/react/components/form-components/ReactSelect.css b/app/react/components/form-components/ReactSelect.css
index b1c6c8489..bd7a9bb41 100644
--- 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 {
diff --git a/app/react/components/form-components/ReactSelect.tsx b/app/react/components/form-components/ReactSelect.tsx
index 555d45b9b..912dbc43b 100644
--- 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
diff --git a/app/react/components/form-components/SwitchField/Switch.css b/app/react/components/form-components/SwitchField/Switch.css
index 1004951af..495355a20 100644
--- 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 {
diff --git a/app/react/components/form-components/useCaretPosition.ts b/app/react/components/form-components/useCaretPosition.ts
index cf0eb9146..3681e462c 100644
--- 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);
diff --git a/app/react/components/modals/Modal/CloseButton.tsx b/app/react/components/modals/Modal/CloseButton.tsx
index 8dcc8e617..534d516c6 100644
--- 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()}
     >
diff --git a/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/EnvironmentsDatatable.tsx b/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/EnvironmentsDatatable.tsx
index 6dd261178..e904a536b 100644
--- 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,
diff --git a/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/columns.tsx b/app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/columns.tsx
index 3c1c91a71..9047ca79d 100644
--- 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
diff --git a/app/react/kubernetes/applications/CreateView/application-services/KubeServicesForm.tsx b/app/react/kubernetes/applications/CreateView/application-services/KubeServicesForm.tsx
index 5e223a8ad..094350d08 100644
--- 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>
+  );
 }
diff --git a/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx b/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx
index 80a577983..4ecdb1ef3 100644
--- 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>
diff --git a/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationIngressesTable.tsx b/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationIngressesTable.tsx
index 608fc7867..d22e7e701 100644
--- 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 &&
diff --git a/app/react/kubernetes/applications/application.service.ts b/app/react/kubernetes/applications/application.service.ts
index 469967078..961cc2791 100644
--- 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,
diff --git a/app/react/kubernetes/applications/autoscaling.service.ts b/app/react/kubernetes/applications/autoscaling.service.ts
index cef66001c..390f110e4 100644
--- 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,
diff --git a/app/react/kubernetes/applications/utils.ts b/app/react/kubernetes/applications/utils.ts
index 3461aeecc..b5f62e0c0 100644
--- 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,
diff --git a/app/react/kubernetes/configs/ListView/ConfigMapsDatatable/utils.ts b/app/react/kubernetes/configs/ListView/ConfigMapsDatatable/utils.ts
index 844c3f38c..8d829bbb9 100644
--- 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
diff --git a/app/react/kubernetes/configs/ListView/SecretsDatatable/utils.ts b/app/react/kubernetes/configs/ListView/SecretsDatatable/utils.ts
index ca4546b52..be8182ba3 100644
--- 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
diff --git a/app/react/kubernetes/ingresses/CreateIngressView/Annotations/index.tsx b/app/react/kubernetes/ingresses/CreateIngressView/Annotations/index.tsx
index c0524ab05..fb60a99ba 100644
--- 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>
             )}
diff --git a/app/react/kubernetes/ingresses/CreateIngressView/CreateIngressView.tsx b/app/react/kubernetes/ingresses/CreateIngressView/CreateIngressView.tsx
index 660c3bc7b..fbeffe164 100644
--- 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> = {};
diff --git a/app/react/kubernetes/ingresses/CreateIngressView/IngressForm.tsx b/app/react/kubernetes/ingresses/CreateIngressView/IngressForm.tsx
index 3dd5e300d..b6355036d 100644
--- 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`
diff --git a/app/react/portainer/HomeView/EnvironmentList/AMTButton/AssociateAMTDialog.tsx b/app/react/portainer/HomeView/EnvironmentList/AMTButton/AssociateAMTDialog.tsx
index 55e9951a4..4d1f8ef37 100644
--- 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}`}
diff --git a/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx b/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx
index 53fad79c3..0f40cafdb 100644
--- 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."
       />
 
diff --git a/app/react/portainer/environments/update-schedules/ItemView/ItemView.tsx b/app/react/portainer/environments/update-schedules/ItemView/ItemView.tsx
index 17e0cf809..983e560d1 100644
--- 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."
       />
 
diff --git a/app/react/portainer/environments/update-schedules/ListView/ListView.tsx b/app/react/portainer/environments/update-schedules/ListView/ListView.tsx
index 955a21469..92f964054 100644
--- 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."
       />
 
diff --git a/app/react/sidebar/Sidebar.tsx b/app/react/sidebar/Sidebar.tsx
index ad342d37f..11f5c6afa 100644
--- 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"
diff --git a/app/react/sidebar/SidebarItem/Head.tsx b/app/react/sidebar/SidebarItem/Head.tsx
index de85d3c02..641d77939 100644
--- 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]}
diff --git a/package.json b/package.json
index 1c7c8d179..0cea844b7 100644
--- 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",
diff --git a/yarn.lock b/yarn.lock
index 7d5d20d7d..8090682fe 100644
--- 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"