Update packages and minor change in docs

Author: avine

client/package-lock.json

@@ -23,47 +23,47 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.3",
-    "@angular/cdk": "^18.2.3",
-    "@angular/common": "^18.2.3",
-    "@angular/compiler": "^18.2.3",
-    "@angular/core": "^18.2.3",
-    "@angular/forms": "^18.2.3",
-    "@angular/material": "^18.2.3",
-    "@angular/platform-browser": "^18.2.3",
-    "@angular/platform-browser-dynamic": "^18.2.3",
-    "@angular/router": "^18.2.3",
-    "@fontsource/nunito": "^5.0.18",
+    "@angular/animations": "^18.2.4",
+    "@angular/cdk": "^18.2.4",
+    "@angular/common": "^18.2.4",
+    "@angular/compiler": "^18.2.4",
+    "@angular/core": "^18.2.4",
+    "@angular/forms": "^18.2.4",
+    "@angular/material": "^18.2.4",
+    "@angular/platform-browser": "^18.2.4",
+    "@angular/platform-browser-dynamic": "^18.2.4",
+    "@angular/router": "^18.2.4",
+    "@fontsource/nunito": "^5.1.0",
     "@material-symbols/font-600": "^0.23.0",
     "canvas-confetti": "^1.9.3",
     "firebase": "^10.12.3",
     "js-cookie": "^3.0.5",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.3",
-    "@angular/cli": "^18.2.3",
-    "@angular/compiler-cli": "^18.2.3",
-    "@angular/localize": "^18.2.3",
+    "@angular-devkit/build-angular": "^18.2.4",
+    "@angular/cli": "^18.2.4",
+    "@angular/compiler-cli": "^18.2.4",
+    "@angular/localize": "^18.2.4",
     "@types/canvas-confetti": "^1.6.4",
-    "@types/jest": "^29.5.12",
+    "@types/jest": "^29.5.13",
     "@types/js-cookie": "^3.0.6",
-    "angular-eslint": "^18.2.0",
+    "angular-eslint": "18.3.1",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.8.0",
+    "eslint": "^9.9.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "jest": "^29.7.0",
-    "jest-preset-angular": "^14.2.2",
-    "postcss": "^8.4.40",
+    "jest-preset-angular": "^14.2.4",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "prettier-plugin-organize-imports": "^4.0.0",
     "prettier-plugin-tailwindcss": "^0.6.5",
-    "tailwindcss": "^3.4.7",
+    "tailwindcss": "^3.4.11",
     "ts-node": "^10.9.2",
     "typescript": "~5.5.2",
-    "typescript-eslint": "^8.0.0"
+    "typescript-eslint": "8.2.0"
   }
 }

client/package.json

@@ -7,6 +7,12 @@ title: Client app
 You can update the Angular framework dependencies by following the [instructions provided by Angular](https://angular.dev/update).
 Other dependencies can be updated manually.
 
+But to make it short, just run the following command:
+
+```bash
+ng update @angular/core @angular/cli @angular/localize @angular/material
+```
+
 The rest of the document describes how to recreate all the dependencies from scratch.
 This is very useful for understanding the links between dependencies.
 
@@ -111,35 +117,20 @@ ng add @angular-eslint/schematics
 npm i -D prettier eslint-config-prettier eslint-plugin-prettier prettier-plugin-organize-imports prettier-plugin-tailwindcss
 ```
 
-Update `.eslintrc.json` file:
+Update `eslint.config.js` file:
 
-```json
-{
-  "extends": ["prettier"],
-  "plugins": ["prettier"],
-  "rules": {
-    "prettier/prettier": "warn",
-    "arrow-body-style": "off",
-    "prefer-arrow-callback": "off"
-  },
-  "overrides": [
-    {
-      "files": ["*.ts"], // <-- existing line
-      "extends": ["plugin:prettier/recommended"],
-      "rules": {
-        "@angular-eslint/no-host-metadata-property": ["off"],
-        "prettier/prettier": "warn"
-      }
+```js
+const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended');
+
+module.exports = tseslint.config(
+  {
+    rules: {
+      // Note: the following rule is an addon (by default, type definitions use `interface`, but we prefer to use `type`)
+      '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
     },
-    {
-      "files": ["*.html"], // <-- existing line
-      "extends": ["plugin:prettier/recommended"],
-      "rules": {
-        "prettier/prettier": "warn"
-      }
-    }
-  ]
-}
+  },
+  eslintPluginPrettierRecommended
+);
 ```
 
 :::note

docs-source/docs/update/client.md

@@ -5,7 +5,7 @@
 <meta name="generator" content="Docusaurus v3.4.0">
 <title data-rh="true">Page Not Found | FeedZback</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://feedzback.znk.io/feedzback/404.html"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Page Not Found | FeedZback"><link data-rh="true" rel="icon" href="/feedzback/img/favicon.svg"><link data-rh="true" rel="canonical" href="https://feedzback.znk.io/feedzback/404.html"><link data-rh="true" rel="alternate" href="https://feedzback.znk.io/feedzback/404.html" hreflang="en"><link data-rh="true" rel="alternate" href="https://feedzback.znk.io/feedzback/404.html" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/feedzback/blog/rss.xml" title="FeedZback RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/feedzback/blog/atom.xml" title="FeedZback Atom Feed"><link rel="stylesheet" href="/feedzback/assets/css/styles.dbf239ef.css">
-<script src="/feedzback/assets/js/runtime~main.089448c8.js" defer="defer"></script>
+<script src="/feedzback/assets/js/runtime~main.6ce73e57.js" defer="defer"></script>
 <script src="/feedzback/assets/js/main.a7566b5f.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">