anix/feat: add recommended to discovery page

app/components/Discovery/RecommendedCarousel.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { ENDPOINTS } from "#/api/config";
+import { useSWRfetcher } from "#/api/utils";
+import { useUserStore } from "#/store/auth";
+import { ReleaseCourusel } from "../ReleaseCourusel/ReleaseCourusel";
+import useSWR from "swr";
+
+export const RecommendedCarousel = () => {
+  const token = useUserStore((state) => state.token);
+  const { data, isLoading, error } = useSWR(
+    `${ENDPOINTS.discover.recommendations}/-1?previous_page=-1${token ? `&token=${token}` : ""}`,
+    useSWRfetcher,
+    {
+      revalidateOnFocus: false,
+      revalidateIfStale: false,
+      revalidateOnReconnect: false,
+    }
+  );
+
+  if (!token) return <></>;
+  if (error) return <></>;
+  if (isLoading) return <></>;
+
+  return <ReleaseCourusel content={data.content} sectionTitle={"Рекомендации"} showAllLink={"/discovery/recommendations"} />;
+};