fix: resolve 3 bugs

src/components/AlgoliaSiteSearch/index.tsx

@@ -112,7 +112,7 @@ export default function AlgoliaSiteSearch(): React.ReactElement | null {
           return;
         }
 
-        container.innerHTML = "";
+        container.textContent = "";
         window.SiteSearch.init({
           container: `#${containerId}`,
           applicationId,

src/components/blogCarousel/blogCard.tsx

@@ -37,7 +37,7 @@ function tagColor(label: string) {
 function formatDate(dateStr?: string) {
   if (!dateStr) return "";
   const d = new Date(dateStr);
-  if (isNaN(d.getTime())) return dateStr;
+  if (Number.isNaN(d.getTime())) return dateStr;
   return d.toLocaleDateString("en-US", {
     month: "short",
     day: "2-digit",
@@ -122,7 +122,7 @@ const BlogCard = ({
             {/* Avatar stack — shows all authors overlapped */}
             {authorProfiles.length > 0 && (
               <div className="card-avatar-stack">
-                {authorProfiles.map((author, i) => (
+                {(authorProfiles ?? []).map((author, i) => (
                   <div
                     key={author.id || i}
                     className="card-avatar"

src/pages/broadcasts/details.tsx

@@ -47,7 +47,8 @@ export default function VideoDetails(): ReactElement {
         const response = await fetch(
           `https://www.youtube.com/oembed?url=${encodeURIComponent(video.youtubeUrl)}&format=json`,
         );
-        const data = await response.json();
+        if (!response.ok) throw new Error("Request failed");
+const data = await response.json();
         setTitle(data.title);
       } catch (error) {
         setTitle("Video Title Unavailable");

src/pages/broadcasts/index.tsx

@@ -123,7 +123,8 @@ const VideoCard: React.FC<{
         const response = await fetch(
           `https://www.youtube.com/oembed?url=${encodeURIComponent(video.youtubeUrl)}&format=json`,
         );
-        const data = await response.json();
+        if (!response.ok) throw new Error("Request failed");
+const data = await response.json();
         setTitle(data.title);
       } catch (error) {
         setTitle("Video Title Unavailable");
@@ -192,7 +193,7 @@ const VideoSection: React.FC<{
     <div className="video-section">
       <h2>{title}</h2>
       <div className="video-grid">
-        {videos.map((video) => (
+        {(videos ?? []).map((video) => (
           <VideoCard key={video.id} video={video} onClick={onClick} />
         ))}
       </div>

src/pages/courses/explore.tsx

@@ -67,7 +67,7 @@ function CourseCard({ course }: { course: Course }) {
 
       {/* Tags */}
       <div className="explore-tags">
-        {course.tags.map((tag) => (
+        {course.(tags ?? []).map((tag) => (
           <span key={tag} className="explore-tag">
             {tag}
           </span>
@@ -180,7 +180,7 @@ export default function ExploreCourses() {
       );
     } else if (sortOption === "duration-asc") {
       result = [...result].sort(
-        (a, b) => parseInt(a.duration) - parseInt(b.duration),
+        (a, b) => parseInt(a.duration, 10) - parseInt(b.duration, 10),
       );
     }