Update prettier to 3.0.3 and fix warnings (#1778)

Author: megahirt

.github/workflows/pull-request.yml

@@ -69,4 +69,6 @@ jobs:
           cache: "npm"
       -
         name: Run prettier check
-        run: npx prettier --check .
+        run: |
+          npx prettier -v
+          npx prettier --check .

package-lock.json

@@ -47,7 +47,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.29",
-    "@prettier/plugin-php": "^0.19.1",
+    "@prettier/plugin-php": "^0.20.1",
     "@types/angular": "1.8.1",
     "@types/angular-mocks": "^1.7.0",
     "@types/angular-route": "^1.7.1",
@@ -80,7 +80,7 @@
     "ng-annotate-loader": "^0.7.0",
     "ngtemplate-loader": "^2.1.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.7.1",
+    "prettier": "3.0.3",
     "sass": "^1.39.0",
     "sass-loader": "^8.0.2",
     "style-loader": "^1.2.1",

package.json

@@ -468,7 +468,9 @@ dc-entry .card {
   }
   .right-panel-list {
     width: 0;
-    transition: width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
+    transition:
+      width 0.5s ease-in-out,
+      margin-left 0.5s ease-in-out;
     margin-left: 0;
     position: relative;
     .right-panel {
@@ -479,7 +481,10 @@ dc-entry .card {
       top: 0;
       width: 100%;
       &.panel-closing {
-        transition: width 0.5s ease-in-out 0.5s, margin-left 0.5s ease-in-out 0.5s, opacity 0.5s;
+        transition:
+          width 0.5s ease-in-out 0.5s,
+          margin-left 0.5s ease-in-out 0.5s,
+          opacity 0.5s;
         overflow: visible !important;
         height: auto !important;
       }
@@ -507,7 +512,9 @@ dc-entry .card {
   }
   &.panel-closing {
     .right-panel-list {
-      transition: width 0.5s ease-in-out 0.5s, margin-left 0.5s ease-in-out 0.5s;
+      transition:
+        width 0.5s ease-in-out 0.5s,
+        margin-left 0.5s ease-in-out 0.5s;
       overflow: visible !important;
       height: auto !important;
     }

src/angular-app/languageforge/lexicon/editor/_editor.scss

@@ -34,7 +34,9 @@ form.dc-multiparagraph textarea {
 form.dc-multiparagraph textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
   outline: 0;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(82, 168, 236, 0.6);
 }
 
 /* input prepend sized to input and textarea */

src/angular-app/languageforge/lexicon/editor/field/_dc-multiparagraph.scss

@@ -28,7 +28,9 @@ form.dc-multitext .uneditable-input:hover {
 form.dc-multitext textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
   outline: 0;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(82, 168, 236, 0.6);
 }
 
 form.dc-multitext .wsid {