feat: add user profile to manage account

.env.development

@@ -3,5 +3,5 @@ CLERK_SECRET_KEY=your_secret_key
 
 NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
 NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
-NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
-NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
+NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
+NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard

src/app/(auth)/dashboard/page.tsx

@@ -0,0 +1,18 @@
+import type { Metadata } from 'next';
+
+import { Main } from '@/templates/Main';
+
+export const metadata: Metadata = {
+  title: 'Dashboard',
+  description: 'User dashboard',
+};
+
+const Dashboard = async () => {
+  return (
+    <Main>
+      <p>Hello</p>
+    </Main>
+  );
+};
+
+export default Dashboard;

src/app/(auth)/dashboard/user-profile/[[...user-profile]]/page.tsx

@@ -0,0 +1,16 @@
+import { UserProfile } from '@clerk/nextjs';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Sign up',
+  description:
+    'Seamlessly sign in to your account with our user-friendly login process.',
+};
+
+const UserProfilePage = () => (
+  <div className="flex min-h-screen items-center justify-center">
+    <UserProfile />
+  </div>
+);
+
+export default UserProfilePage;