Removed any and added hook documentation

src/Components/Files/FileUpload.tsx

@@ -16,7 +16,7 @@ import useFileManager from "../../Utils/useFileManager.js";
 import Tabs from "../Common/components/Tabs.js";
 import FileBlock from "./FileBlock.js";
 
-export const LinearProgressWithLabel = (props: any) => {
+export const LinearProgressWithLabel = (props: { value: number }) => {
   return (
     <div className="flex align-middle">
       <div className="my-auto mr-2 w-full">
@@ -51,7 +51,7 @@ export interface ModalDetails {
   id?: string;
   reason?: string;
   userArchived?: string;
-  archiveTime?: any;
+  archiveTime?: string;
   associatedId?: string;
 }
 

src/Utils/useTimer.tsx

@@ -1,17 +1,38 @@
 import { useEffect, useState } from "react";
 
+/**
+ * Custom hook to manage a timer in MM:SS format. This can be useful for tracking time during recording sessions, user actions, or any other timed event.
+ *
+ * @returns {Object} A set of properties and methods to control and display the timer:
+ *
+ * @property {number} seconds - The total elapsed time in seconds.
+ * @property {JSX.Element} time - A JSX element displaying the current time in MM:SS format.
+ * @property {function} start - Function to start the timer.
+ * @property {function} stop - Function to stop the timer.
+ *
+ * @example
+ * const { time, start, stop } = useTimer();
+ *
+ * // To start the timer:
+ * start();
+ *
+ * // To stop the timer:
+ * stop();
+ *
+ * // To display the timer in your component:
+ * <div>{time}</div>
+ */
 export const useTimer = () => {
   const [running, setRunning] = useState(false);
   const [time, setTime] = useState(0);
 
   useEffect(() => {
-    let interval: any;
+    let interval: NodeJS.Timeout;
     if (running) {
       interval = setInterval(() => {
         setTime((prevTime) => prevTime + 1);
       }, 10);
     } else {
-      clearInterval(interval);
       setTime(0);
     }
     return () => clearInterval(interval);