userProfile with clerk

app/(content)/(user)/[userid]/page.tsx

+import { ClerkProvider, UserButton, UserProfile } from "@clerk/nextjs";
+import { dark } from '@clerk/themes';
+
 export default function User({ params }: { params: { userid: string } }) {
     return (
-        <div>
-            <h1>User Profile Page WIP</h1>
-            <p>Unique UserName: {params.userid}</p>
-        </div>
+            <UserProfile appearance={{baseTheme:dark}}/>
     )
 }
\ No newline at end of file