docs: add jsdoc to TableView hooks

Author: Krumbit

src/app/tasks/TableView.tsx

@@ -46,6 +46,10 @@ export default function TasksTableView() {
     return columns.filter((column) => Array.from(visibleColumns).includes(column.uid));
   }, [visibleColumns]);
 
+  /**
+   * Filters tasks based on the provided search filter and the selected task types
+   * @returns The filtered todos
+   */
   const filteredItems = useMemo(() => {
     let filteredTodos = todos.filter((td) => td.isCompleted === showingCompleted);
 
@@ -70,6 +74,10 @@ export default function TasksTableView() {
     return filteredItems.slice(start, end);
   }, [page, filteredItems, rowsPerPage]);
 
+  /**
+   * Sorts items based on the `Number` representation of the selected sort descriptor
+   * @returns The sorted items
+   */
   const sortedItems = useMemo(() => {
     return [...items].sort((a, b) => {
       const key = columns.find((c) => c.uid === sortDescriptor.column)?.uid as keyof Todo;
@@ -81,7 +89,6 @@ export default function TasksTableView() {
       return sortDescriptor.direction === "descending" ? -cmp : cmp;
     });
   }, [sortDescriptor, items]);
-
   const renderCell = (todo: Todo, columnKey: Key) => {
     const { id } = todo;
     const cellValue = todo[columnKey as keyof Todo];

src/app/tasks/components/DoneButton.tsx

@@ -1,9 +1,8 @@
 import { setTodoCompletedState } from "@/lib/util";
 import { Todo } from "@/types";
-import { Button, Checkbox } from "@nextui-org/react";
-import { toast } from "sonner";
+import { Checkbox } from "@nextui-org/react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { HiCheck } from "react-icons/hi";
+import { toast } from "sonner";
 
 export default function DoneButton({ todo }: { todo: Todo }) {
   const { id, isCompleted } = todo;