added participant overview, (admin), Date input

apps/hub/app/_components/PaginatedTable.tsx

@@ -24,6 +24,7 @@ interface PaginatedTableProps<TData>
 	include?: Record<string, boolean>;
 	leftOfSearch?: React.ReactNode;
 	rightOfSearch?: React.ReactNode;
+	leftOfPagination?: React.ReactNode;
 	ref?: Ref<PaginatedTableRef>;
 }
 
@@ -37,6 +38,7 @@ export function PaginatedTable<TData>({
 	ref,
 	leftOfSearch,
 	rightOfSearch,
+	leftOfPagination,
 	...restProps
 }: PaginatedTableProps<TData>) {
 	const [data, setData] = useState<TData[]>([]);
@@ -62,6 +64,10 @@ export function PaginatedTable<TData>({
 		});
 	};
 
+	useEffect(() => {
+		RefreshTableData();
+	}, [filter]);
+
 	useImperativeHandle(ref, () => ({
 		refresh: () => {
 			RefreshTableData();
@@ -111,11 +117,14 @@ export function PaginatedTable<TData>({
 				showEditButton={showEditButton}
 				{...restProps}
 			/>
-			<Pagination
-				totalPages={Math.ceil(total / rowsPerPage)}
-				page={page}
-				setPage={setPage}
-			/>
+			<div className="flex items-between">
+				{leftOfPagination}
+				<Pagination
+					totalPages={Math.ceil(total / rowsPerPage)}
+					page={page}
+					setPage={setPage}
+				/>
+			</div>
 		</div>
 	);
 }