fix ESLint

Author: antonscap

next.config.ts

@@ -3,6 +3,9 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   /* config options here */
   reactStrictMode: true,
+  images: {
+    domains: ["img.shields.io"],
+  },
 };
 
 export default nextConfig;

src/components/layout/DocsLayout.tsx

@@ -31,9 +31,11 @@ export function DocsLayout({ children, className }: DocsLayoutProps) {
               aria-label="Star LuckyUI on GitHub"
               title="Star LuckyUI on GitHub"
             >
-              <img
+              <Image
                 src="https://img.shields.io/github/stars/Waveful/lucky-ui?style=social"
                 alt="GitHub Repo stars"
+                width={120}
+                height={24}
                 className="h-6 w-auto"
               />
             </Link>

src/pages/colors.tsx

@@ -1,11 +1,10 @@
 import Head from 'next/head';
 
-import { colors } from '@/theme';
+import { colors, ColorScopes } from '@/theme';
 
 export default function ColorsPage() {
   // Use the new grouped structure (scoped API)
-  const scopes: Record<string, Record<string, string | Record<string, string>>> =
-    (colors as any).scopes;
+  const scopes: ColorScopes = colors.scopes;
 
   // Helper utilities to ensure readable text over color backgrounds
   const hexToRgb = (hex: string) => {