Fix linting

.eslintrc.cjs

@@ -1,8 +1,6 @@
 module.exports = {
-  root: true,
-  extends: ['plugin:@next/next/recommended', 'plugin:prettier/recommended'],
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 2020,
+  extends: ['next', 'plugin:prettier/recommended'],
+  rules: {
+    '@next/next/no-img-element': 'off',
   },
 };

components/Logo.tsx

@@ -1,13 +1,10 @@
-import Link from "next/link";
-import classes from "./Logo.module.css";
-import logoUrl from "../public/icon-light.png"
+import Link from 'next/link';
+import classes from './Logo.module.css';
+import logoUrl from '../public/icon-light.png';
 
 export function Logo() {
   return (
-    <Link
-      href="/"
-      className={classes.logo}
-    >
+    <Link href="/" className={classes.logo}>
       <img src={logoUrl.src} alt="Logo of movie-web" />
     </Link>
   );

package.json

@@ -10,9 +10,9 @@
     "lint:fix": "next lint --fix"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^14.1.4",
     "@types/react": "18.2.73",
     "eslint": "^8.56.0",
+    "eslint-config-next": "^14.1.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.2",
     "prettier": "^3.1.1",

pages/backend/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/backend/introduction' });

pages/client/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/client/introduction' });

pages/extra/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/extra/streaming' });

pages/index.tsx

@@ -12,7 +12,8 @@ export default function LandingPage() {
       <Hero>
         <Hero.Title>movie-web</Hero.Title>
         <Hero.Subtitle>
-        A simple and no-BS app for watching movies and TV shows. Totally free and open source, forever.
+          A simple and no-BS app for watching movies and TV shows. Totally free
+          and open source, forever.
         </Hero.Subtitle>
         <Hero.Actions>
           <Button to="/self-hosting/hosting-intro">Get Started</Button>
@@ -29,28 +30,36 @@ export default function LandingPage() {
           movie-web will never show ads, enjoy watching without interruptions.
         </Card>
         <Card icon="ic:baseline-ondemand-video" title="Custom Player">
-          Enjoy a fully custom video player including streaming integration, subtitle customization and easy TV season navigation.
+          Enjoy a fully custom video player including streaming integration,
+          subtitle customization and easy TV season navigation.
         </Card>
         <Card icon="mdi:content-save" title="Saves your progress">
-          Will remember your progress in movies and TV shows, so you can easily continue where you left off.
+          Will remember your progress in movies and TV shows, so you can easily
+          continue where you left off.
         </Card>
         <Card icon="mdi:bookmark" title="Bookmarking">
-          Allows you to bookmark your favorite movies and TV shows, so you can easily find them again.
+          Allows you to bookmark your favorite movies and TV shows, so you can
+          easily find them again.
         </Card>
         <Card icon="mdi:cloud-refresh" title="Syncing across devices">
-          Enjoy uninterrupted streaming as your progress, proxies, and bookmarks sync effortlessly across all your devices.
+          Enjoy uninterrupted streaming as your progress, proxies, and bookmarks
+          sync effortlessly across all your devices.
         </Card>
         <Card icon="mdi:power-plug-outline" title="Modular by design">
-          Mix and match different parts of the movie-web service, [host your backend](4.backend/1.deploy.md) or use ours, it'll work either way.
+          Mix and match different parts of the movie-web service, host your
+          backend or use ours, it&apos;ll work either way.
         </Card>
         <Card icon="mdi:flag" title="Multiple Languages">
-          Supports over 25 languages, including English, German, French, Spanish, Italian, Czech, Hindi, Arabic, Hebrew and more.
+          Supports over 25 languages, including English, German, French,
+          Spanish, Italian, Czech, Hindi, Arabic, Hebrew and more.
         </Card>
         <Card icon="mdi:brush-variant" title="Customizable">
-          Supports various themes, subtitle colors and subtitle sizes so you can make it look however you want.
+          Supports various themes, subtitle colors and subtitle sizes so you can
+          make it look however you want.
         </Card>
         <Card icon="mdi:cellphone" title="Progressive Web App Support">
-          Supports PWA, so you can install it on your phone and use it just like a native app.
+          Supports PWA, so you can install it on your phone and use it just like
+          a native app.
         </Card>
       </CardGrid>
     </GuiderLayout>

pages/proxy/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/proxy/introduction' });

pages/self-hosting/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/self-hosting/hosting-intro' });