feat: profile

services/frontend/src/pages/Profile/index.tsx

@@ -0,0 +1,38 @@
+import { User } from "@/shared/types/user";
+import { UserInfo } from "./widgets/user-info";
+import { UserAchievements } from "./widgets/user-achievements";
+import { UserStats } from "./widgets/user-stats";
+import { useQuery } from "@tanstack/react-query";
+import { getCurrentUser } from "@/shared/api/user";
+import { Loading } from "@/components/ui/loading";
+import { useNavigate } from "react-router";
+
+const ProfilePage = () => {
+  const { data: user, isLoading } = useQuery({
+    queryKey: ["user"],
+    queryFn: getCurrentUser,
+  });
+
+  const navigate = useNavigate();
+
+  if (isLoading) {
+    return <Loading />;
+  }
+
+  if (!user) {
+    navigate("/");
+    return;
+  }
+
+  return (
+    <div className="flex flex-col items-stretch gap-14">
+      <div className="flex">
+        <UserInfo user={user} />
+        <UserAchievements achievements={user.achievements} />
+      </div>
+      <UserStats />
+    </div>
+  );
+};
+
+export default ProfilePage;