fix: text wrap and overflow issues (#214)

Author: akash3444

apps/dashboard/app/(main)/websites/[id]/settings/transfer/page.tsx

@@ -233,11 +233,14 @@ function TransferPageContent() {
 						<Alert className="border-orange-200 bg-orange-50 text-orange-800 dark:border-orange-800 dark:bg-orange-950/20 dark:text-orange-200">
 							<WarningIcon className="size-4" />
 							<AlertDescription className="text-xs">
-								<strong className="font-semibold">Important:</strong> This
-								action is irreversible. All data, settings, and analytics will
-								be transferred to{" "}
-								<strong className="font-semibold">{selectedOrg?.name}</strong>.
-								Ensure you have the necessary permissions on both organizations.
+								<div>
+									<strong className="font-semibold">Important:</strong> This
+									action is irreversible. All data, settings, and analytics will
+									be transferred to{" "}
+									<strong className="font-semibold">{selectedOrg?.name}</strong>
+									. Ensure you have the necessary permissions on both
+									organizations.
+								</div>
 							</AlertDescription>
 						</Alert>
 					</section>

apps/dashboard/components/organizations/api-key-create-dialog.tsx

@@ -238,7 +238,10 @@ export function ApiKeyCreateDialog({
 					</div>
 				</SheetHeader>
 
-				<form className="flex flex-1 flex-col" onSubmit={onSubmit}>
+				<form
+					className="flex flex-1 flex-col overflow-y-auto"
+					onSubmit={onSubmit}
+				>
 					<SheetBody className="space-y-6">
 						{/* Name Section */}
 						<section className="space-y-3">