CI stack for Authentik with ldap

frontend/src/pages/Certificates/Table.tsx

@@ -1,10 +1,9 @@
 import { useEffect, useMemo, useState } from "react";
 
 import { FiDownload, FiEdit, FiRefreshCw, FiTrash2 } from "react-icons/fi";
-import { useSortBy, useFilters, useTable, usePagination } from "react-table";
+import { useFilters, usePagination, useSortBy, useTable } from "react-table";
 
 import {
-	tableEvents,
 	ActionsFormatter,
 	CertificateStatusFormatter,
 	CertificateTypeFormatter,
@@ -12,6 +11,7 @@ import {
 	GravatarFormatter,
 	IDFormatter,
 	MonospaceFormatter,
+	tableEvents,
 	TableFilter,
 	TableLayout,
 	TablePagination,
@@ -123,7 +123,7 @@ function Table({
 			},
 		];
 		return [columns, data];
-	}, [data, onRenewal]);
+	}, [data, onRenewal, onDelete]);
 
 	const tableInstance = useTable(
 		{

frontend/src/pages/Setup/index.tsx

@@ -25,7 +25,6 @@ import { validateEmail, validateString } from "src/modules/Validations";
 
 interface Payload {
 	name: string;
-	nickname: string;
 	email: string;
 	password: string;
 }
@@ -122,7 +121,6 @@ function Setup() {
 								initialValues={
 									{
 										name: "",
-										nickname: "",
 										email: "",
 										password: "",
 									} as Payload
@@ -131,7 +129,7 @@ function Setup() {
 								{({ isSubmitting }) => (
 									<Form>
 										<Stack spacing={4}>
-											<Field name="name" validate={validateString(2, 100)}>
+											<Field name="name" validate={validateString(2, 50)}>
 												{({ field, form }: any) => (
 													<FormControl
 														isRequired
@@ -153,29 +151,6 @@ function Setup() {
 													</FormControl>
 												)}
 											</Field>
-											<Field name="nickname" validate={validateString(2, 100)}>
-												{({ field, form }: any) => (
-													<FormControl
-														isRequired
-														isInvalid={
-															form.errors.nickname && form.touched.nickname
-														}>
-														<FormLabel htmlFor="nickname">
-															{intl.formatMessage({ id: "user.nickname" })}
-														</FormLabel>
-														<Input
-															{...field}
-															id="nickname"
-															placeholder={intl.formatMessage({
-																id: "user.nickname",
-															})}
-														/>
-														<FormErrorMessage>
-															{form.errors.nickname}
-														</FormErrorMessage>
-													</FormControl>
-												)}
-											</Field>
 											<Field name="email" validate={validateEmail()}>
 												{({ field, form }: any) => (
 													<FormControl