Replace webpack with only esbuild

reduce node_modules size to only 18M

web/src/component/AudioPlayer.jsx

@@ -1,6 +1,7 @@
-import { useEffect, useState } from "react";
-import { useNavigate } from "react-router";
-import { CalcReadableFilesizeDetail } from "./Common";
+import * as React from 'react';
+import {useEffect, useState} from "react";
+import {useNavigate} from "react-router";
+import {CalcReadableFilesizeDetail} from "./Common";
 import FfmpegConfig from "./FfmpegConfig";
 import FileDialog from "./FileDialog";
 import { Tr } from "../translate";

web/src/component/Database.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect, useContext } from "react";
 import { Tr, tr, langCodeContext } from "../translate";
 

web/src/component/EditReview.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useContext, useEffect, useState } from "react";
 import { useParams, useNavigate } from "react-router";
 import { tr, Tr, langCodeContext } from "../translate";

web/src/component/EditTag.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect, useContext } from "react";
 import { useParams, useNavigate } from "react-router";
 import { tr, Tr, langCodeContext } from "../translate";

web/src/component/FeedbackPage.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect } from "react";
 import { Link } from "react-router-dom";
 import { convertIntToDateTime } from "./Common";

web/src/component/FfmpegConfig.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useEffect, useState } from "react";
 
 function FfmpegConfig(props) {

web/src/component/FileDialog.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useNavigate } from "react-router";
 import { Tr } from "../translate";
 

web/src/component/FileEntry.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState } from "react";
 import { useNavigate } from "react-router";
 import { CalcReadableFilesize } from "./Common";

web/src/component/FileInfo.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import {useNavigate, useParams} from "react-router";
 import {useContext, useEffect, useState} from "react";
 import {Tr, tr, langCodeContext} from "../translate";

web/src/component/FilesInFolder.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import {useParams} from "react-router";
 import {useState, useEffect} from "react";
 import {useNavigate} from "react-router-dom";

web/src/component/FilesTable.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import FileEntry from "./FileEntry";
 import { Tr } from "../translate";
 

web/src/component/FoldersTable.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useNavigate } from "react-router";
 import { Tr } from "../translate";
 

web/src/component/GetRandomFiles.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useContext, useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useQuery } from "./Common";

web/src/component/Login.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useNavigate } from "react-router-dom";
 import { useContext, useState } from "react";
 import { Tr, tr, langCodeContext } from "../translate";

web/src/component/Manage.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useNavigate } from "react-router";
 import Database from "./Database";
 

web/src/component/ManageUser.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect } from "react";
 import { Link } from "react-router-dom";
 import { Tr } from "../translate";

web/src/component/Register.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useNavigate } from "react-router-dom";
 import { useContext, useState } from "react";
 import { tr, Tr, langCodeContext } from "../translate";

web/src/component/ReviewEntry.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Link } from "react-router-dom";
 import { convertIntToDateTime } from "./Common";
 import { Tr, tr, langCodeContext } from "../translate";

web/src/component/ReviewPage.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect } from "react";
 import { useParams } from "react-router";
 import ReviewEntry from "./ReviewEntry";

web/src/component/SearchFiles.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect, useContext } from "react";
 import { useNavigate } from "react-router-dom";
 import { useQuery } from "./Common";

web/src/component/SearchFolders.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useContext, useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useQuery } from "./Common";

web/src/component/Share.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useContext, useEffect, useState } from "react";
 import { useParams } from "react-router";
 import FilesTable from "./FilesTable";

web/src/component/Tags.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { Tr } from "../translate";

web/src/component/UserProfile.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect, useContext } from "react";
 import { useParams } from "react-router";
 import ReviewEntry from "./ReviewEntry";

web/src/component/UserStatus.jsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useEffect } from 'react';
 
 function UserStatus(props) {