style: fix shadow on some clerk components

src/app/account/[[...account]]/page.tsx

@@ -3,7 +3,13 @@ import { UserProfile } from '@clerk/nextjs';
 export default function AccountPage() {
   return (
     <main className='flex flex-col items-center'>
-      <UserProfile />
+      <UserProfile
+        appearance={{
+          elements: {
+            card: 'shadow-md',
+          },
+        }}
+      />
     </main>
   );
 }

src/app/signup/[[...signup]]/page.tsx

@@ -3,7 +3,13 @@ import { SignUp } from '@clerk/nextjs';
 export default function SignUpPage() {
   return (
     <main className='flex flex-col items-center'>
-      <SignUp />
+      <SignUp
+        appearance={{
+          elements: {
+            card: 'shadow-md',
+          },
+        }}
+      />
     </main>
   );
 }