fix: resolve css issues with button icons

app/routes/users/dialogs/add.tsx

@@ -34,6 +34,7 @@ export default function Add({ magic }: Props) {
 							method="POST"
 							onSubmit={(event) => {
 								submit(event.currentTarget);
+								setUsername('');
 							}}
 						>
 							<input type="hidden" name="_method" value="create" />

app/routes/users/dialogs/remove.tsx

@@ -19,7 +19,7 @@ export default function Remove({ username }: Props) {
 			<Button
 				variant="light"
 				control={dialogState}
-				className="rounded-full p-0 w-8 h-8"
+				className="rounded-full p-0 w-8 h-8 flex items-center justify-center"
 			>
 				<XIcon className="w-4 h-4" />
 			</Button>

app/routes/users/dialogs/rename.tsx

@@ -21,7 +21,7 @@ export default function Rename({ username, magic }: Props) {
 			<Button
 				variant="light"
 				control={dialogState}
-				className="rounded-full p-0 w-8 h-8"
+				className="rounded-full p-0 w-8 h-8 flex items-center justify-center"
 			>
 				<PencilIcon className="w-4 h-4" />
 			</Button>