Rewrite web front-end using React

This is a big commit, some font-end function are still working,
including manage, error handle, as others.

web/src/component/FilesTable.js

@@ -0,0 +1,26 @@
+import FileEntry from "./FileEntry";
+
+function FilesTable(props) {
+  return (
+    <table>
+      <thead>
+        <tr>
+          <th>Filename</th>
+          <th>Folder Name</th>
+          <th>Size</th>
+        </tr>
+      </thead>
+      <tbody>
+        {props.files.map((file) => (
+          <FileEntry
+            setPlayingFile={props.setPlayingFile}
+            key={file.id}
+            file={file}
+          />
+        ))}
+      </tbody>
+    </table>
+  );
+}
+
+export default FilesTable;