chore: improve eslint config

Author: kantord

.eslintrc.json

@@ -1,12 +1,31 @@
 {
-    "extends": "next",
+    "extends": ["next", "plugin:unicorn/recommended"],
     "settings": {
         "next": {
             "rootDir": "./apps/librelingo-web/src"
         }
     },
     "ignorePatterns": ["playwright-report", "apps/librelingo-web/out"],
     "rules": {
-        "@next/next/no-html-link-for-pages": "off"
-    }
+        "@next/next/no-html-link-for-pages": "off",
+        "unicorn/prevent-abbreviations": [
+            "error",
+            {
+                "allowList": {
+                    "Props": true,
+                    "generateStaticParams": true,
+                    "props": true,
+                    "env": true
+                }
+            }
+        ]
+    },
+    "overrides": [
+        {
+            "files": ["./apps/librelingo-web/src/components/ui/**/*"],
+            "rules": {
+                "unicorn/prevent-abbreviations": "off"
+            }
+        }
+    ]
 }

apps/librelingo-web/src/app/CourseCard.tsx renamed to apps/librelingo-web/src/app/course-card.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from 'next'
-import CourseCard from './CourseCard'
 import { Course, listAvailableCourses } from '@/data/course'
+import CourseCard from './course-card'
 
 export const metadata: Metadata = {
     title: 'LibreLingo',

apps/librelingo-web/src/app/page.tsx

@@ -1,6 +1,6 @@
-import path from 'path'
+import path from 'node:path'
 import courseConfig from '@/courses/config.json'
-import fs from 'fs'
+import fs from 'node:fs'
 
 export type Course = {
     id: string
@@ -24,7 +24,7 @@ function getFullJsonPath(jsonPath: string) {
 async function getCourseMetadataByJsonPath(jsonPath: string) {
     const fileContent = await fs.promises.readFile(
         getFullJsonPath(jsonPath),
-        'utf-8'
+        'utf8'
     )
     return JSON.parse(fileContent)
 }

apps/librelingo-web/src/data/course.ts

@@ -1,4 +1,5 @@
 import { fontFamily } from 'tailwindcss/defaultTheme'
+import tailwindAnimate from 'tailwindcss-animate'
 import type { Config } from 'tailwindcss'
 
 const config = {
@@ -78,7 +79,7 @@ const config = {
             },
         },
     },
-    plugins: [require('tailwindcss-animate')],
+    plugins: [tailwindAnimate],
 } satisfies Config
 
 export default config