Minor best practices

src/interfaces/user.ts

@@ -24,3 +24,4 @@ export interface Stat {
 }
 
 export type Type = "student" | "teacher" | "admin" | "owner" | "developer";
+export const userTypes: Type[] = ["student", "teacher", "admin", "owner", "developer"];

src/pages/users.tsx

@@ -9,7 +9,7 @@ import {FilterMatchMode, FilterOperator} from "primereact/api";
 import useUsers from "@/hooks/useUsers";
 import {DataTable} from "primereact/datatable";
 import {Column} from "primereact/column";
-import _ from "lodash";
+import {capitalize} from "lodash";
 import {levelCalculator} from "@/resources/level";
 import {Dropdown} from "primereact/dropdown";
 
@@ -45,7 +45,7 @@ export default function Users({user}: {user: User}) {
 		return (
 			<Dropdown
 				value={options.value}
-				options={userTypes.map((x) => _.capitalize(x))}
+				options={userTypes.map(capitalize)}
 				onChange={(e) => options.filterApplyCallback(e.value)}
 				placeholder="Select One"
 				className="p-column-filter"
@@ -93,7 +93,7 @@ export default function Users({user}: {user: User}) {
 							filterElement={typeRowFilterTemplate}
 							sortable
 							header="Type"
-							body={(data: User) => _.capitalize(data.type)}
+							body={(data: User) => capitalize(data.type)}
 						/>
 					</DataTable>
 				</div>