fix: lucide react and offline

next.config.js

@@ -0,0 +1,12 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  webpack: (config) => {
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      fs: false,
+    };
+    return config;
+  },
+};
+
+module.exports = nextConfig;

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -25,7 +25,7 @@
     "framer-motion": "12.4.10",
     "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.4",
-    "lucide-react": "^0.476.0",
+    "lucide-react": "^0.487.0",
     "mongoose": "8.1.0",
     "next": "15.2.0",
     "next-auth": "4.24.5",

src/components/common/UnreadFilterButton.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useTranslate } from "@/hooks/useTranslate";
 import { Filter } from "lucide-react";
 

src/components/home/HeroSection.tsx

@@ -35,8 +35,6 @@ export function HeroSection({ series }: HeroSectionProps) {
             <SeriesCover
               series={series as KomgaSeries}
               alt={t("home.hero.coverAlt", { title: series.metadata.title })}
-              quality={25}
-              sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 16.666vw"
               showProgressUi={false}
             />
           </div>

src/types/lucide-react.d.ts

@@ -0,0 +1,5 @@
+declare module "lucide-react/dist/esm/icons/funnel" {
+  import { LucideIcon } from "lucide-react";
+  const Filter: LucideIcon;
+  export default Filter;
+}

yarn.lock

@@ -3069,10 +3069,10 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-lucide-react@^0.476.0:
-  version "0.476.0"
-  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.476.0.tgz#a33354832ea85b2c3764faf09d85c9a9332f7f60"
-  integrity sha512-x6cLTk8gahdUPje0hSgLN1/MgiJH+Xl90Xoxy9bkPAsMPOUiyRSKR4JCDPGVCEpyqnZXH3exFWNItcvra9WzUQ==
+lucide-react@^0.487.0:
+  version "0.487.0"
+  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.487.0.tgz#c18a463404e8ef106d46a7c9cceddf9fc8b9ff6b"
+  integrity sha512-aKqhOQ+YmFnwq8dWgGjOuLc8V1R9/c/yOd+zDY4+ohsR2Jo05lSGc3WsstYPIzcTpeosN7LoCkLReUUITvaIvw==
 
 make-dir@^3.1.0:
   version "3.1.0"