chore: clean up ESLint config, enable a few rules (#6514)

* chore: clean up ESLint config, enable a few rules

* enable max-len for comments

* fix build

website/src/plugins/changelog/index.js

@@ -17,7 +17,9 @@ const syncAvatars = require('./syncAvatars');
  * the reverse. Therefore, our publish time has a "fake hour" to order them.
  */
 const publishTimes = new Set();
-/** @type {Record<string, {name: string, url: string, alias: string, imageURL: string}>} */
+/**
+ * @type {Record<string, {name: string, url: string,alias: string, imageURL: string}>}
+ */
 const authorsMap = {};
 
 /**

website/src/plugins/changelog/syncAvatars.js

@@ -14,12 +14,14 @@ const fs = require('fs-extra');
 
 // TODO not sure how the syncing should be done at all... for now it always
 // pretends the limit is reached. We should only fetch a portion of the avatars
-// at a time. But seems avatars.githubusercontent.com API doesn't like HTTP requests?
+// at a time. But seems avatars.githubusercontent.com API doesn't like HTTP
+// requests?
 /**
  * @param {string} username
  * @param {Record<string, number>} lastUpdateCache
  * @param {Record<string, {imageURL: string; url: string}>} authorsMap
- * @returns true if saved successfully (including not found); false if limited reached
+ * @returns true if saved successfully (including not found); false if limit
+ * reached
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 async function fetchImage(username, lastUpdateCache, authorsMap) {

website/src/plugins/changelog/theme/ChangelogAuthor/index.tsx

@@ -22,7 +22,8 @@ function ChangelogAuthor({author}: Props): JSX.Element {
             src={imageURL}
             alt={name}
             onError={(e) => {
-              // Image returns 404 if the user's handle changes. We display a fallback instead.
+              // Image returns 404 if the user's handle changes. We display a
+              // fallback instead.
               e.currentTarget.src =
                 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" fill="none" stroke="%2325c2a0" stroke-width="30" version="1.1"><circle cx="300" cy="230" r="115"/><path stroke-linecap="butt" d="M106.81863443903,481.4 a205,205 1 0,1 386.36273112194,0"/></svg>';
             }}

website/src/plugins/changelog/theme/ChangelogPage/index.tsx

@@ -16,7 +16,8 @@ import TOC from '@theme/TOC';
 import Link from '@docusaurus/Link';
 
 // This page doesn't change anything. It's just swapping BlogPostItem with our
-// own ChangelogItem. We don't want to apply the swizzled item to the actual blog.
+// own ChangelogItem. We don't want to apply the swizzled item to the actual
+// blog.
 function BlogPostPage(props: Props): JSX.Element {
   const {content: BlogPostContents, sidebar} = props;
   const {assets, metadata} = BlogPostContents;