🚧 wip: add recommendation component

features/home/sections/Recommendation/main.tsx

@@ -0,0 +1,13 @@
+import { getRecommendationAnimeAction } from "../../actions/getRecommenationAnime";
+
+const RecommendationMain = async () => {
+  const data = async () => await getRecommendationAnimeAction();
+  const result = await data();
+  return (
+    <div>
+      <div>{JSON.stringify(result)}</div>
+    </div>
+  );
+};
+
+export default RecommendationMain;

features/home/sections/Recommendation/skeleton.tsx

@@ -0,0 +1,5 @@
+const RecommendationSkeleton = () => {
+  return <div>loading...</div>;
+};
+
+export default RecommendationSkeleton;

features/home/sections/Recommendation/wrapper.tsx

@@ -0,0 +1,20 @@
+import { Suspense } from "react";
+import RecommendationMain from "./main";
+import RecommendationSkeleton from "./skeleton";
+import { getRecommendationAnimeAction } from "../../actions/getRecommenationAnime";
+
+const Recommendation = async () => {
+  return (
+    <div className="mt-12">
+      <h1 className="text-2xl text-neutral-100 font-semibold w-fit">
+        Maybe You Like
+        <div className="w-full h-0.5 bg-primary -mt-1.5" />
+      </h1>
+      <Suspense fallback={<RecommendationSkeleton />}>
+        <RecommendationMain />
+      </Suspense>
+    </div>
+  );
+};
+
+export default Recommendation;