fix(web): avoid Clerk close button overlap (#6442)

Co-authored-by: t3-code[bot] <236186684+t3-code[bot]@users.noreply.github.com>
Co-authored-by: Wout Stiens <71498452+StiensWout@users.noreply.github.com>

Author: 3 people

apps/web/src/components/clerk/ClerkUserProfilePage.tsx

@@ -19,7 +19,7 @@ export function ClerkUserProfilePage({
 }) {
   return (
     <div className={cn("w-full min-w-0 text-foreground", className)}>
-      <header className="flex flex-col gap-3 pb-4 sm:flex-row sm:items-start sm:justify-between sm:gap-4">
+      <header className="flex flex-col gap-3 pb-4 sm:flex-row sm:items-start sm:justify-between sm:gap-4 sm:pr-8">
         <div className="min-w-0">
           <h2 className="text-[1.0625rem] leading-6 font-semibold">{title}</h2>
           {description ? (