How to create Sidebar in React js |Vite App | Responsive Sidebar Navigation in React with Ant design

array(10) { [0]=> object(stdClass)#5032 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "C60KfJ37C-Y" ["related_video_title"]=> string(161) "ШАРП: Итоги войны Израиля и Ирана. Трамп в ярости. Что выгодно Путину. Саммит НАТО в Гааге" ["posted_time"]=> string(24) "11 часов назад" ["channelName"]=> string(29) "Ходорковский LIVE" } [1]=> object(stdClass)#5005 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GeulXZP_kZ8" ["related_video_title"]=> string(113) "Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(63) "Frontend Fundamentals | Александр Караджиков" } [2]=> object(stdClass)#5030 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "r-EmVpg6rQo" ["related_video_title"]=> string(93) "Make an Animated Responsive Website with React & Tailwind CSS | React Web App development" ["posted_time"]=> string(27) "7 месяцев назад" ["channelName"]=> string(9) "Code Info" } [3]=> object(stdClass)#5037 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cnwGIu3Kzro" ["related_video_title"]=> string(152) "«Вселенная: сборник космических открытий» - Познавательно и Для Хорошего Сна." ["posted_time"]=> string(0) "" ["channelName"]=> string(67) "MagnetarO - Теории и Гипотезы о Вселенной." } [4]=> object(stdClass)#5016 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "vcRq9m6gRJ8" ["related_video_title"]=> string(109) "У тебя есть n8n? Без этого расширения ты тратишь кучу времени!" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(58) "Евгений Орел | ИИ. Автоматизация" } [5]=> object(stdClass)#5034 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "IgLGiJ00a1I" ["related_video_title"]=> string(151) "Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> string(14) "Mister Exploit" } [6]=> object(stdClass)#5029 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "qKlUpmZwsyw" ["related_video_title"]=> string(53) "Feeling Good Mix - Emma Péters, Carla Morrison" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> string(13) "Nonstop Music" } [7]=> object(stdClass)#5039 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "CiydZwft2x0" ["related_video_title"]=> string(43) "Html,css,js նախագիծ Guess the number" ["posted_time"]=> string(21) "6 дней назад" ["channelName"]=> string(13) "Arm programer" } [8]=> object(stdClass)#5015 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "__zKkBdiLBg" ["related_video_title"]=> string(173) "❗️ЛИПСИЦ: СРОЧНО! Путин тратит ПОСЛЕДНЮЮ заначку! Россиян готовят к НИЩЕТЕ — что произошло?" ["posted_time"]=> string(23) "9 часов назад" ["channelName"]=> string(16) "Одеса. LIVE" } [9]=> object(stdClass)#5033 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "45Tqpk93Jpk" ["related_video_title"]=> string(179) "12-Ти Дневная Война Закончилась🤝ВС РФ Зачистили Новосергеевку И Дылеевку⚔️Военные Сводки 24.06.2025" ["posted_time"]=> string(24) "10 часов назад" ["channelName"]=> string(27) "Военные Сводки" } }