refactor: structure YMB as enterprise React app

src/data/catalog.js

@@ -0,0 +1,18 @@
+// Author: fruit.com.cn
+export const videos = [
+  { id: 'wedding', title: 'Pernikahan yang Tak Terduga', channel: 'YMB Originals', genre: 'Romansa', image: 'wedding.jpg', duration: '12:48', views: '1,2 jt tayangan' },
+  { id: 'secret', title: 'Rahasia di Balik Senyuman', channel: 'Cerita Senja', genre: 'Rahasia', image: 'secret.jpg', duration: '09:32', views: '842 rb tayangan' },
+  { id: 'heir', title: 'Pewaris yang Kembali', channel: 'Drama Pilihan', genre: 'Keluarga', image: 'heir.jpg', duration: '15:20', views: '2,1 jt tayangan' },
+  { id: 'second-chance', title: 'Kesempatan Kedua untuk Kita', channel: 'YMB Originals', genre: 'Kisah kedua', image: 'second-chance.jpg', duration: '11:04', views: '763 rb tayangan' },
+  { id: 'revenge', title: 'Cinta Setelah Balas Dendam', channel: 'Cerita Senja', genre: 'Balas dendam', image: 'revenge.jpg', duration: '13:40', views: '1,8 jt tayangan' },
+  { id: 'friends', title: 'Sahabat yang Selalu Ada', channel: 'Drama Pilihan', genre: 'Keluarga', image: 'friends.jpg', duration: '08:16', views: '541 rb tayangan' },
+  { id: 'city-secret', title: 'Kota Kecil, Rahasia Besar', channel: 'YMB Originals', genre: 'Rahasia', image: 'hero.jpg', duration: '10:12', views: '426 rb tayangan' },
+  { id: 'promise', title: 'Satu Janji Terakhir', channel: 'Drama Pilihan', genre: 'Romansa', image: 'romance.jpg', duration: '07:55', views: '320 rb tayangan' }
+];
+export const shorts = videos.slice(1, 7).map((video) => ({ ...video, title: `${video.title} · Shorts` }));
+export const channels = [
+  { name: 'YMB Originals', followers: '2,4 jt pengikut', color: '#ca4d43' },
+  { name: 'Cerita Senja', followers: '986 rb pengikut', color: '#5c4aa1' },
+  { name: 'Drama Pilihan', followers: '742 rb pengikut', color: '#2e7d71' },
+  { name: 'Kisah Hari Ini', followers: '428 rb pengikut', color: '#a06a39' }
+];