🏗️ Refactored the Import page

src/client/components/App.tsx

@@ -1,45 +1,9 @@
-import React, { ReactElement, useContext, useEffect } from "react";
-import Dashboard from "./Dashboard/Dashboard";
-import Import from "./Import/Import";
-import { ComicDetailContainer } from "./ComicDetail/ComicDetailContainer";
-import TabulatedContentContainer from "./Library/TabulatedContentContainer";
-import LibraryGrid from "./Library/LibraryGrid";
-import Search from "./Search/Search";
-import Settings from "./Settings/Settings";
-import VolumeDetail from "./VolumeDetail/VolumeDetail";
-import Downloads from "./Downloads/Downloads";
-
-import { Routes, Route } from "react-router-dom";
+import React, { ReactElement } from "react";
 import { Outlet } from "react-router-dom";
 import Navbar from "./shared/Navbar";
 import "../assets/scss/App.scss";
 
-import { SocketIOProvider } from "../context/SocketIOContext";
-import socketIOConnectionInstance from "../shared/socket.io/instance";
-import { isEmpty, isNil, isUndefined } from "lodash";
-import {
-  AIRDCPP_DOWNLOAD_PROGRESS_TICK,
-  LS_SINGLE_IMPORT,
-} from "../constants/action-types";
-
 export const App = (): ReactElement => {
-  // useEffect(() => {
-  //   // Check if there is a sessionId in localStorage
-  //   const sessionId = localStorage.getItem("sessionId");
-  //   if (!isNil(sessionId)) {
-  //     // Resume the session
-  //     dispatch({
-  //       type: "RESUME_SESSION",
-  //       meta: { remote: true },
-  //       session: { sessionId },
-  //     });
-  //   } else {
-  //     // Inititalize the session and persist the sessionId to localStorage
-  //     socketIOConnectionInstance.on("sessionInitialized", (sessionId) => {
-  //       localStorage.setItem("sessionId", sessionId);
-  //     });
-  //   }
-  // }, []);
   return (
     <>
       <Navbar />

src/client/components/Import/Import.tsx

@@ -81,7 +81,13 @@ export const Import = (props: IProps): ReactElement => {
       (data) => console.log(data),
     );
   };
-
+  /**
+   * Method to render import job queue pause/resume controls on the UI
+   *
+   * @param status The `string` status (either `"pause"` or `"resume"`)
+   * @returns ReactElement A `<button/>` that toggles queue status
+   * @remarks Sets the global `importJobQueue.status` state upon toggling
+   */
   const renderQueueControls = (status: string): ReactElement | null => {
     switch (status) {
       case "running":