chore: update packages, format all files, fix downshift errors

src/components/profile-settings/delete-account.tsx

@@ -39,11 +39,7 @@ export default function DeleteAccount() {
 
 	return (
 		<>
-			<button
-				name="deletion"
-				onClick={() => setIsOpen(true)}
-				className="pill button w-fit h-min ml-auto bg-red-400! border-red-500! hover:bg-red-500!"
-			>
+			<button name="deletion" onClick={() => setIsOpen(true)} className="pill button w-fit h-min ml-auto bg-red-400! border-red-500! hover:bg-red-500!">
 				Delete Account
 			</button>
 
@@ -69,9 +65,7 @@ export default function DeleteAccount() {
 								</button>
 							</div>
 
-							<p className="text-sm text-zinc-500">
-								Are you sure? This is permanent and will remove all uploaded Miis. This action cannot be undone.
-							</p>
+							<p className="text-sm text-zinc-500">Are you sure? This is permanent and will remove all uploaded Miis. This action cannot be undone.</p>
 
 							{error && <span className="text-red-400 font-bold mt-2">Error: {error}</span>}
 
@@ -83,7 +77,7 @@ export default function DeleteAccount() {
 							</div>
 						</div>
 					</div>,
-					document.body
+					document.body,
 				)}
 		</>
 	);

src/components/profile-settings/index.tsx

@@ -151,13 +151,7 @@ export default function ProfileSettings({ currentDescription }: Props) {
 				</div>
 
 				<div className="flex justify-end gap-1 h-min col-span-2">
-					<input
-						type="text"
-						className="pill input flex-1"
-						placeholder="Type here..."
-						value={displayName}
-						onChange={(e) => setDisplayName(e.target.value)}
-					/>
+					<input type="text" className="pill input flex-1" placeholder="Type here..." value={displayName} onChange={(e) => setDisplayName(e.target.value)} />
 					<SubmitDialogButton
 						title="Confirm Display Name Change"
 						description="Are you sure? This will only be visible on your profile. You can change it again later."

src/components/profile-settings/profile-picture.tsx

@@ -86,8 +86,8 @@ export default function ProfilePictureSettings() {
 						onSubmit={handleSubmit}
 					>
 						<p className="text-sm text-zinc-500 mt-2">
-							After submitting, you can change it again on{" "}
-							{changeDate.toDate().toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })}.
+							After submitting, you can change it again on {changeDate.toDate().toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })}
+							.
 						</p>
 
 						<div className="bg-orange-100 rounded-xl border-2 border-amber-500 mt-4 px-2 py-1 flex items-center">

src/components/profile-settings/submit-dialog-button.tsx

@@ -76,7 +76,7 @@ export default function SubmitDialogButton({ title, description, onSubmit, error
 							</div>
 						</div>
 					</div>,
-					document.body
+					document.body,
 				)}
 		</>
 	);