Refactor the rqbit-web file by breaking it down into components and helper functions. Improve code organization and maintainability

crates/librqbit/webui/src/components/RootContent.tsx

@@ -0,0 +1,27 @@
+import { useContext } from "react";
+import { Container } from "react-bootstrap";
+import { TorrentId, ErrorDetails as ApiErrorDetails } from "../api-types";
+import { AppContext } from "../context";
+import { TorrentsList } from "./TorrentsList";
+import { ErrorComponent } from "./ErrorComponent";
+import { Buttons } from "./Buttons";
+
+export const RootContent = (props: {
+  closeableError: ApiErrorDetails | null;
+  otherError: ApiErrorDetails | null;
+  torrents: Array<TorrentId> | null;
+  torrentsLoading: boolean;
+}) => {
+  let ctx = useContext(AppContext);
+  return (
+    <Container>
+      <ErrorComponent
+        error={props.closeableError}
+        remove={() => ctx.setCloseableError(null)}
+      />
+      <ErrorComponent error={props.otherError} />
+      <TorrentsList torrents={props.torrents} loading={props.torrentsLoading} />
+      <Buttons />
+    </Container>
+  );
+};