feat: add user search

app/components/UserSection/UserSection.tsx

@@ -0,0 +1,33 @@
+import { Avatar, Card } from "flowbite-react";
+import Link from "next/link";
+
+export const UserSection = (props: { sectionTitle?: string; content: any }) => {
+  return (
+    <section>
+      {props.sectionTitle && (
+        <div className="flex justify-between px-4 py-2 border-b-2 border-black dark:border-white">
+          <h1 className="font-bold text-md sm:text-xl md:text-lg xl:text-xl">
+            {props.sectionTitle}
+          </h1>
+        </div>
+      )}
+      <div className="m-4">
+        <div className="flex flex-wrap gap-4">
+          {props.content.map((user) => {
+            return (
+              <Link href={`/profile/${user.id}`} key={user.id} className="w-full max-w-[234px] h-full max-h-[234px] aspect-square flex-shrink-0">
+                <Card className="items-center justify-center w-full h-full">
+                  <Avatar img={user.avatar} alt={user.login} size="lg" rounded={true} />
+                  <h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
+                    {user.login}
+                  </h5>
+                </Card>
+              </Link>
+            );
+          })}
+          {props.content.length == 1 && <div></div>}
+        </div>
+      </div>
+    </section>
+  );
+};

app/pages/Search.tsx

@@ -10,6 +10,7 @@ import { useSearchParams } from "next/navigation";
 import { useUserStore } from "../store/auth";
 import { Button, Dropdown, Modal } from "flowbite-react";
 import { CollectionsSection } from "#/components/CollectionsSection/CollectionsSection";
+import { UserSection } from "#/components/UserSection/UserSection";
 
 const fetcher = async (url: string) => {
   const res = await fetch(url);
@@ -243,7 +244,10 @@ export function SearchPage() {
                   content={content}
                 />
               ) : where == "profiles" ? (
-                <>Not Implemented Yet</>
+                <UserSection
+                  sectionTitle="Найденные Пользователи"
+                  content={content}
+                />
               ) : (
                 <ReleaseSection
                   sectionTitle="Найденные релизы"