I am trying to set up a custom Clerk profile page (custom tab in the account portal).
I am having issues understanding how to make this work.
just as a test, I want to show the user their clerk if in the database. so I was doing something like this:

'use client';
import ...;
export default function UserProfilePage() {
  const userID = getUserId();
  return (
    <UserProfile path="/settings" routing="path">
      <UserProfile.Page label="Billing" url="billing">
      {userID}
      </UserProfile.Page>
      </UserProfile>
  );
}

async function getUserID() {
  'use server';
  return '12345';
}

how do I get the user ID because this does not work