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>
   )

app/pages/news/index.tsx

@@ -2,8 +2,7 @@ import { Card } from '~/components/ui/card'
 import { CarouselHero } from '~/components/ui/carousel-hero'
 import { CarouselSection } from '~/components/ui/carousel-section'
 import { Newsletter } from '~/components/ui/newsletter'
-
-import { SPOTLIGHT, BERITA } from './data'
+import { BERITA, SPOTLIGHT } from '~/data/contents'
 
 export const NewsPage = () => {
   return (