Backend MP4 conversion (#23)

* ADD conversion queue

* ADD RemuxService for MP4 conversion

* REMOVE unused conversion queue

* REORGANISE Job-related classes

* ADD Job stages

* REVERT to old commit, using Spring Async instead

* ADD asynchronous processing for video tasks

* PATCH and streamline progress tracking

* ADD asynchronous video processing and job restructuring

* REFACTOR job service method

* ADD job remux functionality

* ADD remuxing endpoint

* PATCH complete flag not updating in API response

* ADD progress type in frontend

* ADD reset functionality for job status

* PATCH missing progress bar for subsequent exports

* REDESIGN settings box

* ADD tracking video file conversion in frontend

* PATCH extension bug

* REMOVE autowired decorator

frontend/src/components/video/MetadataBox.tsx

@@ -1,6 +1,5 @@
 import clsx from "clsx";
 import type {VideoMetadata} from "../../utils/types.ts";
-import Selector from "../Selector.tsx";
 
 type MetadataBoxProps = {
     setMetadata: Function
@@ -10,30 +9,18 @@ type MetadataBoxProps = {
 const MetadataBox = ({setMetadata, className}: MetadataBoxProps) => {
     return (
         <div className={clsx("flex flex-col content-between p-10 gap-2", className)}>
-            <h2 className={"text-3xl font-bold mb-4 col-span-2"}>Metadata Settings</h2>
+            {/*<h2 className={"text-2xl font-bold col-span-2"}>Metadata</h2>*/}
 
-            <Selector label={"Title"}>
-                <input
-                    type="text"
-                    placeholder="Enter title"
-                    onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
-                        ...prevState,
-                        title: e.target.value
-                    }))}
-                    className={"border-black bg-gray-200 rounded-md w-full p-2"}
-                />
-            </Selector>
-
-            <Selector label={"Description"}>
-                <textarea
-                    placeholder="Enter description"
-                    onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
-                        ...prevState,
-                        description: e.target.value
-                    }))}
-                    className={"border-black bg-gray-200 rounded-md w-full p-2 pb-10 resize-none max-h"}
-                />
-            </Selector>
+            <p className={"w-full font-bold text-xl "}>Title</p>
+            <input
+                type="text"
+                placeholder="Enter title"
+                onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
+                    ...prevState,
+                    title: e.target.value
+                }))}
+                className={"border-black bg-gray-200 rounded-md w-full p-2"}
+            />
         </div>
     )
 }