minor #6951 Add a JS and CSS linter and formatter (javiereguiluz)

This PR was squashed before being merged into the 4.x branch.

Discussion
----------

Add a JS and CSS linter and formatter

Commits
-------

8eae1c3 Add a JS and CSS linter and formatter

Author: javiereguiluz

.github/copilot-instructions.md

@@ -43,6 +43,8 @@ Welcome, 🤖 AI assistant! Please follow these guidelines when contributing to
 - Run `make build-assets` to recompile assets whenever you make any change in assets/ directory
 - Run `./vendor/bin/simple-phpunit` to run PHPUnit tests via Symfony's PHPUnitBridge wrapper
 - Run `./vendor/bin/phpstan analyse` to run PHPStan checks
+- Run `yarn ci` to run JavaScript/CSS linters
+- Run `yarn biome check --write` to apply the safe formatting fixes in JSS/CSS files
 
 ## PHP Code
 

.github/workflows/ci.yaml

@@ -168,3 +168,14 @@ jobs:
             -   name: Lint logical CSS properties
                 run: |
                     php ./src/Resources/bin/logical-css-properties-linter.php
+
+    js-linter:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+            - run: npm i -g corepack && corepack enable
+            - uses: actions/setup-node@v4
+              with:
+                  cache: 'yarn'
+            - run: yarn --immutable
+            - run: yarn ci

assets/css/easyadmin-theme/autocomplete.css

@@ -2,63 +2,63 @@
 /* ------------------------------------------------------------------------- */
 
 .badge + .badge {
-  margin-inline-start: 8px;
+    margin-inline-start: 8px;
 }
 
 .badge.badge-pill {
-  border-radius: 20px;
-  font-size: var(--font-size-xs);
-  line-height: 16px;
-  padding: 1px 6px;
+    border-radius: 20px;
+    font-size: var(--font-size-xs);
+    line-height: 16px;
+    padding: 1px 6px;
 }
 
 .badge {
-  box-shadow: var(--badge-box-shadow);
-  line-height: 16px;
+    box-shadow: var(--badge-box-shadow);
+    line-height: 16px;
 }
 
 .badge.badge-success {
-  background-color: var(--badge-success-bg);
-  box-shadow: var(--badge-success-box-shadow);
-  color: var(--badge-success-color);
+    background-color: var(--badge-success-bg);
+    box-shadow: var(--badge-success-box-shadow);
+    color: var(--badge-success-color);
 }
 .badge.badge-warning {
-  background-color: var(--badge-warning-bg);
-  box-shadow: var(--badge-warning-box-shadow);
-  color: var(--badge-warning-color);
+    background-color: var(--badge-warning-bg);
+    box-shadow: var(--badge-warning-box-shadow);
+    color: var(--badge-warning-color);
 }
 .badge.badge-danger {
-  background-color: var(--badge-danger-bg);
-  box-shadow: var(--badge-danger-box-shadow);
-  color: var(--badge-danger-color);
+    background-color: var(--badge-danger-bg);
+    box-shadow: var(--badge-danger-box-shadow);
+    color: var(--badge-danger-color);
 }
 .badge.badge-info {
-  background-color: var(--badge-info-bg);
-  box-shadow: var(--badge-info-box-shadow);
-  color: var(--badge-info-color);
+    background-color: var(--badge-info-bg);
+    box-shadow: var(--badge-info-box-shadow);
+    color: var(--badge-info-color);
 }
 .badge.badge-primary {
-  background-color: var(--badge-primary-bg);
-  box-shadow: var(--badge-primary-box-shadow);
-  color: var(--badge-primary-color);
+    background-color: var(--badge-primary-bg);
+    box-shadow: var(--badge-primary-box-shadow);
+    color: var(--badge-primary-color);
 }
 .badge.badge-secondary {
-  background-color: var(--badge-secondary-bg);
-  box-shadow: var(--badge-secondary-box-shadow);
-  color: var(--badge-secondary-color);
+    background-color: var(--badge-secondary-bg);
+    box-shadow: var(--badge-secondary-box-shadow);
+    color: var(--badge-secondary-color);
 }
 .badge.badge-light {
-  background-color: var(--badge-light-bg);
-  box-shadow: var(--badge-light-box-shadow);
-  color: var(--badge-light-color);
+    background-color: var(--badge-light-bg);
+    box-shadow: var(--badge-light-box-shadow);
+    color: var(--badge-light-color);
 }
 .badge.badge-dark {
-  background-color: var(--badge-dark-bg);
-  box-shadow: var(--badge-dark-box-shadow);
-  color: var(--badge-dark-color);
+    background-color: var(--badge-dark-bg);
+    box-shadow: var(--badge-dark-box-shadow);
+    color: var(--badge-dark-color);
 }
 .badge.badge-outline {
-  background-color: transparent;
-  box-shadow: var(--badge-outline-box-shadow);
-  color: var(--badge-outline-color);
+    background-color: transparent;
+    box-shadow: var(--badge-outline-box-shadow);
+    color: var(--badge-outline-color);
 }