feat: implement CategorySection component and update carousel usage in news pages

app/pages/news-categories/index.tsx

@@ -1,5 +1,5 @@
 import { Card } from '~/components/ui/card'
-import { Carousel } from '~/components/ui/carousel'
+import { CategorySection } from '~/components/ui/category-section'
 
 import { BERITA } from './data'
 
@@ -7,7 +7,7 @@ export const NewsCategoriesPage = () => {
   return (
     <div className="relative">
       <Card>
-        <Carousel {...BERITA} />
+        <CategorySection {...BERITA} />
       </Card>
     </div>
   )