frontend: add route to view other user profiles by id

TODO.md

@@ -20,7 +20,3 @@
 - [ ] Избранное
 - [ ] История
 - [ ] ...
-
-## интерфейс
-
-- [X] Динамический цвет от аватарки

frontend/app/components/UserProfile/UserProfile.jsx

@@ -97,7 +97,7 @@ export const UserProfile = (props) => {
               <Image
                 className="circle"
                 src={props.profile.avatar}
-                alt="Ваш профиль"
+                alt=""
                 width="512"
                 height="512"
                 style={{ blockSize: "7rem", inlineSize: "7rem" }}

frontend/app/profile/[id]/page.js

@@ -0,0 +1,34 @@
+"use client";
+import { UserProfile } from "@/app/components/UserProfile/UserProfile";
+import { endpoints } from "@/app/api/config";
+import { getData } from "@/app/api/api-utils";
+import { useEffect, useState } from "react";
+import { notFound } from "next/navigation";
+
+export default function Profile(props) {
+  const [profile, setProfile] = useState(null);
+
+  useEffect(() => {
+    async function _getProfile() {
+      const _profile = await getData(
+        `${endpoints.user.profile}/${props.params.id}`,
+      );
+      setProfile(_profile);
+    }
+    _getProfile();
+  }, [props.params.id]);
+
+  return (
+    <>
+      {profile ? (
+        profile.profile ? (
+          <UserProfile profile={profile.profile} />
+        ) : (
+          notFound()
+        )
+      ) : (
+        <progress></progress>
+      )}
+    </>
+  );
+}

frontend/next.config.mjs

@@ -7,6 +7,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "anixstatic.com",
       },
+      {
+        protocol: "https",
+        hostname: "i.imgur.com",
+      },
     ],
   },
 };