fix: clean lint warnings in touched files

Author: Abhash-Chakraborty

src/components/blogCarousel/blogCard.tsx

@@ -1,13 +1,26 @@
 "use client";
+import React from "react";
 import Link from "@docusaurus/Link";
-import { Card, CardContent } from "../ui/card";
 import { getAuthorProfiles, getAuthorTooltip } from "../../utils/authors";
 
-declare const require: any;
-const React = require("react");
+interface BlogCardProps {
+  type: string;
+  date?: string;
+  title: string;
+  content: string;
+  imageUrl: string;
+  id: string;
+  authors?: string[];
+}
 
-const BlogCard = ({ type, date, title, content, imageUrl, id, authors }) => {
-  const [isHovered, setIsHovered] = React.useState(false);
+const BlogCard = ({
+  type,
+  title,
+  content,
+  imageUrl,
+  id,
+  authors,
+}: BlogCardProps) => {
   const authorProfiles = getAuthorProfiles(authors || []);
 
   if (!id || !type) {
@@ -37,11 +50,7 @@ const BlogCard = ({ type, date, title, content, imageUrl, id, authors }) => {
   const category = getCategory(title);
 
   return (
-    <div
-      onMouseEnter={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-      className="relative h-full overflow-hidden transition-all duration-300"
-    >
+    <div className="relative h-full overflow-hidden transition-all duration-300">
       <div className="article-card h-full">
         {/* Category Badge */}
         <div className="card-category">{category}</div>
@@ -64,7 +73,7 @@ const BlogCard = ({ type, date, title, content, imageUrl, id, authors }) => {
           <div className="card-meta">
             <div className="card-author">
               {/* Stacked Author Avatars */}
-              {authorProfiles.length > 0 && (
+              {authorProfiles.length > 0 &&
                 (() => {
                   const max = 3;
                   const visible = authorProfiles.slice(0, max);
@@ -102,8 +111,7 @@ const BlogCard = ({ type, date, title, content, imageUrl, id, authors }) => {
                       )}
                     </div>
                   );
-                })()
-              )}
+                })()}
 
               {/* Author Names */}
               <div className="author-name-group">

src/components/discussions/DiscussionCard.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { motion } from "framer-motion";
-import { MessageCircle, ThumbsUp, Calendar, Tag, User } from "lucide-react";
+import { MessageCircle, ThumbsUp, Calendar, Tag } from "lucide-react";
 
 export interface Discussion {
   id: string;

src/pages/blogs/index.tsx

@@ -1,5 +1,4 @@
-declare const require: any;
-const React = require("react");
+import React, { type ChangeEvent } from "react";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Link from "@docusaurus/Link";
@@ -47,7 +46,7 @@ export default function Blogs() {
     setFilteredBlogs(filtered);
   }, [searchTerm, selectedCategory]);
 
-  const handleSearchChange = (e: any) => {
+  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {
     setSearchTerm(e.target.value);
   };
 
@@ -146,7 +145,11 @@ export default function Blogs() {
                       onClick={() => setSearchTerm("")}
                       aria-label="Clear search"
                     >
-                      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
+                      <svg
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                      >
                         <line x1="18" y1="6" x2="6" y2="18"></line>
                         <line x1="6" y1="6" x2="18" y2="18"></line>
                       </svg>
@@ -219,17 +222,16 @@ export default function Blogs() {
                     {filteredBlogs.length > 0
                       ? `Found ${filteredBlogs.length} article${filteredBlogs.length !== 1 ? "s" : ""}`
                       : `No articles found`}
-                    {selectedCategory !== "All" &&
-                      ` in ${selectedCategory}`}
+                    {selectedCategory !== "All" && ` in ${selectedCategory}`}
                     {searchTerm && ` for "${searchTerm}"`}
                   </p>
                 </div>
               )}
 
               <div className="articles-grid">
                 {filteredBlogs.length > 0 ? (
-                  filteredBlogs.map((blog, index) => (
-                    <BlogCard key={blog.id ?? blog.slug} blog={blog} index={index} />
+                  filteredBlogs.map((blog) => (
+                    <BlogCard key={blog.id ?? blog.slug} blog={blog} />
                   ))
                 ) : (
                   <div className="no-results">
@@ -257,7 +259,7 @@ export default function Blogs() {
   );
 }
 
-const BlogCard = ({ blog, index }) => {
+const BlogCard = ({ blog }: { blog: (typeof blogs)[number] }) => {
   const authors = getAuthorProfiles(blog.authors || []);
 
   return (
@@ -276,7 +278,7 @@ const BlogCard = ({ blog, index }) => {
         <div className="card-meta">
           <div className="card-author">
             {/* Stacked Author Avatars */}
-            {authors.length > 0 && (
+            {authors.length > 0 &&
               (() => {
                 const max = 3;
                 const visible = authors.slice(0, max);
@@ -314,28 +316,27 @@ const BlogCard = ({ blog, index }) => {
                     )}
                   </div>
                 );
-              })()
-            )}
+              })()}
 
             {/* Author Names */}
             <div className="author-name-group">
-                {authors.map((author, authorIndex) => (
-                  <span key={author.id} className="author-item">
-                    {authorIndex > 0 && (
-                      <span className="author-separator">&</span>
-                    )}
-                    <Link
-                      href={author.githubUrl}
-                      className="author-name author-link"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      data-author-tooltip={getAuthorTooltip(author.id)}
-                      aria-label={`Open ${author.name} on GitHub`}
-                    >
-                      {author.name}
-                    </Link>
-                  </span>
-                ))}
+              {authors.map((author, authorIndex) => (
+                <span key={author.id} className="author-item">
+                  {authorIndex > 0 && (
+                    <span className="author-separator">&</span>
+                  )}
+                  <Link
+                    href={author.githubUrl}
+                    className="author-name author-link"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    data-author-tooltip={getAuthorTooltip(author.id)}
+                    aria-label={`Open ${author.name} on GitHub`}
+                  >
+                    {author.name}
+                  </Link>
+                </span>
+              ))}
             </div>
           </div>
           <span className="card-read-time">5 min read</span>

src/theme/Navbar/Content/index.tsx

@@ -1,9 +1,4 @@
-import React, {
-  type ReactNode,
-  useMemo,
-  Component,
-  type ReactElement,
-} from "react";
+import React, { type ReactNode, useMemo } from "react";
 import { useThemeConfig, ErrorCauseBoundary } from "@docusaurus/theme-common";
 import { splitNavbarItems } from "@docusaurus/theme-common/internal";
 import NavbarItem, { type Props as NavbarItemConfig } from "@theme/NavbarItem";
@@ -23,7 +18,7 @@ function SafeMobileSidebarToggle(): ReactNode {
   // If it fails, the error will be caught by Docusaurus's error boundary
   try {
     return <NavbarMobileSidebarToggle />;
-  } catch (error) {
+  } catch {
     // This won't catch hook errors, but it's here for other potential errors
     console.warn("Mobile sidebar toggle unavailable");
     return null;

src/types/global.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 // Global type declarations for better TypeScript compatibility
 
 // CSS modules and side-effect imports