💄 style: add scroll button UI

features/home/sections/Recommendation/components/ScrollingButton.tsx

@@ -0,0 +1,21 @@
+import { Button } from "@/shared/libs/shadcn/ui/button";
+import { ButtonGroup } from "@/shared/libs/shadcn/ui/button-group";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import React from "react";
+
+const ScrollingButton = () => {
+  return (
+    <div>
+      <ButtonGroup>
+        <Button variant="outline">
+          <ArrowLeft />
+        </Button>
+        <Button variant="outline">
+          <ArrowRight />
+        </Button>
+      </ButtonGroup>
+    </div>
+  );
+};
+
+export default ScrollingButton;

features/home/sections/Recommendation/wrapper.tsx

@@ -1,14 +1,18 @@
 import { Suspense } from "react";
 import RecommendationMain from "./main";
 import RecommendationSkeleton from "./skeleton";
+import ScrollingButton from "./components/ScrollingButton";
 
 const Recommendation = async () => {
   return (
     <div className="mt-12">
-      <div>
+      <div className="flex justify-between">
         <h1 className="text-[26px] text-neutral-100 font-semibold w-fit tracking-tight">
           Maybe You Like
         </h1>
+        <div>
+          <ScrollingButton />
+        </div>
       </div>
       <Suspense fallback={<RecommendationSkeleton />}>
         <RecommendationMain />