build: Upgrade pnpm-lock.yaml (#11036)

* build: upgrade pnpm-lock.yaml

* style: format

packages/ui/src/lib/components/Alert.tsx

@@ -52,14 +52,14 @@ export function Alert({ title, type, children }: PropsWithChildren<IAlert>) {
 			<div className="relative flex">
 				<div className="p-4">{children}</div>
 				<div className="pointer-events-none absolute h-full w-full flex">
-					<div className={`rounded-tl-1.5 rounded-bl-1.5 w-4 shrink-0 border-b-2 border-l-2 border-t-2 ${border}`} />
+					<div className={`w-4 shrink-0 border-b-2 border-l-2 border-t-2 rounded-bl-1.5 rounded-tl-1.5 ${border}`} />
 					<div className={`relative border-b-2 ${border}`}>
-						<div className={`-translate-y-50% pointer-events-auto flex place-items-center gap-2 px-2 ${text}`}>
+						<div className={`pointer-events-auto flex place-items-center gap-2 px-2 -translate-y-50% ${text}`}>
 							{icon}
 							{title ? <span className={`font-semibold ${text}`}>{title}</span> : null}
 						</div>
 					</div>
-					<div className={`rounded-tr-1.5 rounded-br-1.5 flex-1 border-b-2 border-r-2 border-t-2 ${border}`} />
+					<div className={`flex-1 border-b-2 border-r-2 border-t-2 rounded-br-1.5 rounded-tr-1.5 ${border}`} />
 				</div>
 			</div>
 		</div>

packages/ui/src/lib/components/Section.tsx

@@ -50,7 +50,7 @@ export function Section({
 				</div>
 			</Disclosure>
 			<DisclosureContent
-				className={`${background ? 'bg-light-700 dark:bg-dark-500 rounded' : ''} ${gutter ? 'mt-2' : ''}`}
+				className={`${background ? 'bg-light-700 dark:bg-dark-500 rounded' : ''}  ${gutter ? 'mt-2' : ''}`}
 				state={disclosure}
 			>
 				{padded ? <div className="mx-2 px-0 py-5 md:mx-6.5 md:px-4.5">{children}</div> : children}

packages/ui/src/lib/components/discord/Message.tsx

@@ -28,7 +28,7 @@ export function DiscordMessage({
 	return (
 		<div className="relative" id="outer-message-wrapper">
 			<div
-				className={`pl-18 hover:bg-[rgb(4_4_5)]/7 group py-0.5 pr-12 leading-snug ${followUp ? '' : 'mt-4'}`}
+				className={`group py-0.5 pl-18 pr-12 leading-snug hover:bg-[rgb(4_4_5)]/7 ${followUp ? '' : 'mt-4'}`}
 				id="message-wrapper"
 			>
 				{(reply || replyNode) && !followUp ? reply ? <DiscordMessageReply {...reply} /> : (replyNode ?? null) : null}

packages/ui/src/lib/components/discord/Messages.tsx

@@ -7,7 +7,7 @@ export interface IDiscordMessages {
 export function DiscordMessages({ rounded, children }: PropsWithChildren<IDiscordMessages>) {
 	return (
 		<div
-			className={`font-source-sans-pro pt-0.1 bg-[rgb(54_57_63)] pb-4 ${rounded ? 'rounded' : ''}`}
+			className={`font-source-sans-pro bg-[rgb(54_57_63)] pb-4 pt-0.1 ${rounded ? 'rounded' : ''}`}
 			id="messages-wrapper"
 		>
 			{children}