✨ feat: add scroll button and card skeleton loading

features/home/sections/Recommendation/main.tsx

@@ -1,16 +1,10 @@
 import { getRecommendationAnimeAction } from "../../actions/getRecommenationAnime";
-import AnimeRecommendationCard from "./components/Card";
+import RecommendationClient from "./main.client";
 
 const RecommendationMain = async () => {
   const data = async () => await getRecommendationAnimeAction();
   const result = await data();
-  return (
-    <div className="flex gap-2 w-full overflow-x-scroll py-2 my-2 hide-scrollbar">
-      {result.map((item, index) => (
-        <AnimeRecommendationCard data={item} key={index} />
-      ))}
-    </div>
-  );
+  return <RecommendationClient result={result} />;
 };
 
 export default RecommendationMain;