Refactor codebase to modern standards

[kzndotsh]

Refactor codebase to align with modern best practices, clean code, and Next.js 15 standards.

This comprehensive refactoring includes implementing a robust error handling system, introducing modern data fetching and performance hooks, establishing a standardized API client, and updating TypeScript and ESLint configurations. A detailed REFACTORING_GUIDE.md has been added to document all improvements.

[cursor]

Bug: Unfinished Feature: Placeholder Functions and Props

Three empty, unused placeholder functions (_disableBorder, _resetDisabled, _onFieldReset) were accidentally committed. These functions share names with new, unused props (disableBorder, resetDisabled, onFieldReset) introduced in the FormItem and FormLabel components, suggesting an incomplete or abandoned feature implementation.

src/components/ui/form.tsx#L77-L174

iso.atl.dev/src/components/ui/form.tsx

Lines 77 to 174 in 6cc351f

	function FormItem(
	props: React.ComponentProps<"div"> & { disableBorder?: boolean }
	) {
	const { className, disableBorder, ...rest } = props;
	const _disableBorder = disableBorder;
	const id = React.useId();
	return (
	<FormItemContext.Provider value={{ id }}>
	<div
	data-slot="form-item"
	className={cn("grid gap-2", className)}
	{...rest}
	/>
	</FormItemContext.Provider>
	);
	}
	function FormLabel(
	props: React.ComponentProps<typeof LabelPrimitive.Root> & {
	resetDisabled?: boolean;
	onFieldReset?: () => void;
	}
	) {
	const { className, resetDisabled, onFieldReset, ...rest } = props;
	const _resetDisabled = resetDisabled;
	const _onFieldReset = onFieldReset;
	const { error, formItemId } = useFormField();
	return (
	<Label
	data-slot="form-label"
	data-error={!!error}
	className={cn("data-[error=true]:text-destructive", className)}
	htmlFor={formItemId}
	{...rest}
	/>
	);
	}
	function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
	const { error, formItemId, formDescriptionId, formMessageId } =
	useFormField();
	return (
	<Slot
	data-slot="form-control"
	id={formItemId}
	aria-describedby={
	!error
	? `${formDescriptionId}`
	: `${formDescriptionId} ${formMessageId}`
	}
	aria-invalid={!!error}
	{...props}
	/>
	);
	}
	function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
	const { formDescriptionId } = useFormField();
	return (
	<p
	data-slot="form-description"
	id={formDescriptionId}
	className={cn("text-muted-foreground text-sm", className)}
	{...props}
	/>
	);
	}
	function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
	const { error, formMessageId } = useFormField();
	const body = error ? String(error?.message ?? "") : props.children;
	if (!body) {
	return null;
	}
	return (
	<p
	data-slot="form-message"
	id={formMessageId}
	className={cn("text-destructive text-sm", className)}
	{...props}
	>
	{body}
	</p>
	);
	}
	function _disableBorder() {}
	function _resetDisabled() {}
	function _onFieldReset() {}

Fix in Cursor • Fix in Web

---

Was this report helpful? Give feedback by reacting with 👍 or 👎