chore: update ESLint configuration and dependencies

apps/frontend/eslint.config.mjs

@@ -26,6 +26,7 @@ export default defineConfig([
     rules: {
       "react/react-in-jsx-scope": "off",
       "react/jsx-uses-react": "off",
+      "@typescript-eslint/no-explicit-any": "off",
     },
   },
 ]);

apps/frontend/package.json

@@ -26,13 +26,15 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@typescript-eslint/eslint-plugin": "^8.42.0",
+    "@typescript-eslint/parser": "^8.42.0",
     "eslint": "^9.34.0",
     "eslint-config-next": "15.2.4",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^16.3.0",
     "postcss": "^8.5.3",
     "tailwindcss": "^4.1.4",
     "typescript": "^5",
-    "typescript-eslint": "^8.41.0"
+    "typescript-eslint": "^8.42.0"
   }
 }

apps/frontend/src/features/dashboard/components/LeftPanel.tsx

@@ -2,6 +2,7 @@ import Button from "@/components/Button";
 import Skeleton from "react-loading-skeleton";
 import StoryList from "@/features/story/components/StoryList";
 import { Story } from "@/features/story/types";
+import Image from "next/image";
 
 export default function LeftPanel({
   isLoading,
@@ -25,7 +26,7 @@ export default function LeftPanel({
         <div className="flex flex-row justify-between items-center">
           <h2 className="font-semibold text-xl tracking-tight text-slate-900">Stories</h2>
           <p className="text-2xl font-bold text-slate-900">
-            <img
+            <Image
               src="/logo_min.png"
               alt="Lingput Logo"
               className="h-12 w-auto inline-block align-middle"

apps/frontend/src/features/dashboard/components/TopPanelMob.tsx

@@ -1,4 +1,5 @@
 import Button from "@/components/Button";
+import Image from "next/image";
 
 export default function TopPanelMob({
   viewMode,
@@ -27,7 +28,7 @@ export default function TopPanelMob({
       </div>
       <div className="mr-2">
         <p className="text-2xl font-bold text-slate-900">
-          <img
+          <Image
             src="/logo_min.png"
             alt="Lingput Logo"
             className="h-12 w-auto inline-block align-middle"

apps/frontend/src/features/story/components/StoryGeneration.tsx

@@ -49,7 +49,6 @@ export default function StoryGeneration({
       }
       setToNewStory(story);
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const onError = ({ error, data }: { error?: Error; data?: any }) => {
       // Display form errors
       const normalizedErrors = errorNormalizer(error);

apps/frontend/src/lib/backendApi.ts

@@ -8,14 +8,12 @@ export interface JobStatusResponse {
   status: "completed" | "failed" | "waiting" | "active" | "delayed" | "paused";
   value?: unknown;
   failedReason?: string;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   progress?: any;
 }
 
 export class BackendApi {
   constructor(private clientApi: ClientApi) {}
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   protected post<T>(path: string, body?: any): Promise<T> {
     return this.clientApi.api<T>({
       path,

apps/frontend/src/lib/errorNormalizer.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function errorNormalizer(error: any): { fields: Record<string, string>; general: string[] } {
   const fields: Record<string, string> = {};
   const general: string[] = [];

apps/frontend/src/lib/jobHandler.ts

@@ -7,7 +7,6 @@ export type JobStatusChecker = (jobId: string) => Promise<JobStatusResponse>;
 
 export type OptimisticUpdate<T> = (data: T | undefined) => T | undefined;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type onProgress = (progress: any) => void;
 
 export async function handleJob<T>({

apps/landing/components/landing/Header.tsx

@@ -1,13 +1,14 @@
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
+import Image from "next/image";
 
 export default function Header() {
   return (
     <header className="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-sm border-b border-gray-200">
       <div className="container mx-auto px-4 md:px-6">
         <div className="flex items-center justify-between h-16">
           <Link href="/" className="text-2xl font-bold text-slate-900">
-            <img
+            <Image
               src="/logo_min.png"
               alt="Lingput Logo"
               className="h-12 w-auto inline-block align-middle"