build: update npm install command to use --legacy-peer-deps

This change modifies the build scripts to use --legacy-peer-deps flag when installing npm dependencies to resolve potential peer dependency conflicts during the build process. The change is applied to both bash (build.sh) and batch (build.bat) build scripts.

frontend/node_modules/eslint/lib/cli-engine/formatters/stylish.js

@@ -5,8 +5,8 @@
 "use strict";
 
 const chalk = require("chalk"),
-	util = require("node:util"),
-	table = require("../../shared/text-table");
+    stripAnsi = require("strip-ansi"),
+    table = require("text-table");
 
 //------------------------------------------------------------------------------
 // Helpers
@@ -15,108 +15,87 @@ const chalk = require("chalk"),
 /**
  * Given a word and a count, append an s if count is not one.
  * @param {string} word A word in its singular form.
- * @param {number} count A number controlling whether word should be pluralized.
+ * @param {int} count A number controlling whether word should be pluralized.
  * @returns {string} The original word with an s on the end if count is not one.
  */
 function pluralize(word, count) {
-	return count === 1 ? word : `${word}s`;
+    return (count === 1 ? word : `${word}s`);
 }
 
 //------------------------------------------------------------------------------
 // Public Interface
 //------------------------------------------------------------------------------
 
-module.exports = function (results) {
-	let output = "\n",
-		errorCount = 0,
-		warningCount = 0,
-		fixableErrorCount = 0,
-		fixableWarningCount = 0,
-		summaryColor = "yellow";
+module.exports = function(results) {
 
-	results.forEach(result => {
-		const messages = result.messages;
+    let output = "\n",
+        errorCount = 0,
+        warningCount = 0,
+        fixableErrorCount = 0,
+        fixableWarningCount = 0,
+        summaryColor = "yellow";
 
-		if (messages.length === 0) {
-			return;
-		}
+    results.forEach(result => {
+        const messages = result.messages;
 
-		errorCount += result.errorCount;
-		warningCount += result.warningCount;
-		fixableErrorCount += result.fixableErrorCount;
-		fixableWarningCount += result.fixableWarningCount;
+        if (messages.length === 0) {
+            return;
+        }
 
-		output += `${chalk.underline(result.filePath)}\n`;
+        errorCount += result.errorCount;
+        warningCount += result.warningCount;
+        fixableErrorCount += result.fixableErrorCount;
+        fixableWarningCount += result.fixableWarningCount;
 
-		output += `${table(
-			messages.map(message => {
-				let messageType;
+        output += `${chalk.underline(result.filePath)}\n`;
 
-				if (message.fatal || message.severity === 2) {
-					messageType = chalk.red("error");
-					summaryColor = "red";
-				} else {
-					messageType = chalk.yellow("warning");
-				}
+        output += `${table(
+            messages.map(message => {
+                let messageType;
 
-				return [
-					"",
-					String(message.line || 0),
-					String(message.column || 0),
-					messageType,
-					message.message.replace(/([^ ])\.$/u, "$1"),
-					chalk.dim(message.ruleId || ""),
-				];
-			}),
-			{
-				align: ["", "r", "l"],
-				stringLength(str) {
-					return util.stripVTControlCharacters(str).length;
-				},
-			},
-		)
-			.split("\n")
-			.map(el =>
-				el.replace(/(\d+)\s+(\d+)/u, (m, p1, p2) =>
-					chalk.dim(`${p1}:${p2}`),
-				),
-			)
-			.join("\n")}\n\n`;
-	});
+                if (message.fatal || message.severity === 2) {
+                    messageType = chalk.red("error");
+                    summaryColor = "red";
+                } else {
+                    messageType = chalk.yellow("warning");
+                }
 
-	const total = errorCount + warningCount;
+                return [
+                    "",
+                    message.line || 0,
+                    message.column || 0,
+                    messageType,
+                    message.message.replace(/([^ ])\.$/u, "$1"),
+                    chalk.dim(message.ruleId || "")
+                ];
+            }),
+            {
+                align: ["", "r", "l"],
+                stringLength(str) {
+                    return stripAnsi(str).length;
+                }
+            }
+        ).split("\n").map(el => el.replace(/(\d+)\s+(\d+)/u, (m, p1, p2) => chalk.dim(`${p1}:${p2}`))).join("\n")}\n\n`;
+    });
 
-	if (total > 0) {
-		output += chalk[summaryColor].bold(
-			[
-				"\u2716 ",
-				total,
-				pluralize(" problem", total),
-				" (",
-				errorCount,
-				pluralize(" error", errorCount),
-				", ",
-				warningCount,
-				pluralize(" warning", warningCount),
-				")\n",
-			].join(""),
-		);
+    const total = errorCount + warningCount;
 
-		if (fixableErrorCount > 0 || fixableWarningCount > 0) {
-			output += chalk[summaryColor].bold(
-				[
-					"  ",
-					fixableErrorCount,
-					pluralize(" error", fixableErrorCount),
-					" and ",
-					fixableWarningCount,
-					pluralize(" warning", fixableWarningCount),
-					" potentially fixable with the `--fix` option.\n",
-				].join(""),
-			);
-		}
-	}
+    if (total > 0) {
+        output += chalk[summaryColor].bold([
+            "\u2716 ", total, pluralize(" problem", total),
+            " (", errorCount, pluralize(" error", errorCount), ", ",
+            warningCount, pluralize(" warning", warningCount), ")\n"
+        ].join(""));
 
-	// Resets output color, for prevent change on top level
-	return total > 0 ? chalk.reset(output) : "";
+        if (fixableErrorCount > 0 || fixableWarningCount > 0) {
+            output += chalk[summaryColor].bold([
+                "  ", fixableErrorCount, pluralize(" error", fixableErrorCount), " and ",
+                fixableWarningCount, pluralize(" warning", fixableWarningCount),
+                " potentially fixable with the `--fix` option.\n"
+            ].join(""));
+        }
+    }
+
+    // Resets output color, for prevent change on top level
+    return total > 0 ? chalk.reset(output) : "";
 };