fix sorting and add opacity while sorting

src/app/components/tanstak-table/MonitoringDropDown.tsx

@@ -48,11 +48,11 @@ export function MonitoringDropDown({ file }: {
 		};
 	}, [dropdownRef, setIsOpen, isOpen]);
 
-/* 	useEffect(() => {
+	useEffect(() => {
 		if (file.monitoring) {
 			setCurrentMonitoringStatus(file.monitoring ? file.monitoring : 'NONE');
 		}
-	}, [file.monitoring]); */
+	}, [file.monitoring]);
 
 	useEffect(() => {
 		if (isOpen && buttonRef.current) {

src/app/components/tanstak-table/TanstakTable.tsx

@@ -141,6 +141,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 	const {
 		data: apiResponse,
 		isLoading,
+		isFetching,
 		isError,
 		error,
 		refetch
@@ -876,7 +877,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 							</tr>
 						))}
 					</thead>
-					<tbody className="tanstak-table-body">
+					<tbody className={`tanstak-table-body ${isFetching ? 'loading' : ''}`}>
 						{table.getRowModel().rows.length > 0 ? (
 							table.getRowModel().rows.map(row => (
 								<tr key={row.id}>