chore: reflect lint(cspell) (#344)

# Overview

<!--
    A clear and concise description of what this pr is about.
 -->

I reflected lint(cspell)

## PR Checklist

- [x] I did below actions if need

1. I read the [Contributing
Guide](https://github.com/suspensive/react/blob/main/CONTRIBUTING.md)
2. I added documents and tests.

configs/eslint-config-js/.eslintrc.cjs

@@ -1,5 +1,5 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
   root: true,
-  extends: ['./javascript.js'],
+  extends: ['./index.js'],
 }

configs/eslint-config-js/javascript.js → configs/eslint-config-js/index.js

@@ -1,7 +1,7 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
   root: true,
-  extends: ['plugin:import/recommended', './noimport.js'],
+  extends: ['plugin:import/recommended', './no-import.js'],
   plugins: ['import'],
   rules: {
     'sort-imports': ['error', { ignoreDeclarationSort: true }],

configs/eslint-config-js/package.json

@@ -2,9 +2,9 @@
   "name": "@suspensive/eslint-config-js",
   "version": "0.0.0",
   "private": true,
-  "main": "javascript.js",
+  "main": "index.js",
   "files": [
-    "noimport.js"
+    "no-import.js"
   ],
   "scripts": {
     "lint": "eslint ."

configs/eslint-config-ts/typescript.js → configs/eslint-config-ts/index.js

@@ -1,7 +1,7 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
   root: true,
-  extends: ['plugin:import/typescript', './noimport.js'],
+  extends: ['plugin:import/typescript', './no-import.js'],
   plugins: ['import'],
   settings: {
     'import/resolver': {

configs/eslint-config-ts/noimport.js → configs/eslint-config-ts/no-import.js

@@ -4,7 +4,7 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['jsdoc', '@typescript-eslint'],
   extends: [
-    '@suspensive/eslint-config-js/noimport',
+    '@suspensive/eslint-config-js/no-import',
     'plugin:jsdoc/recommended-typescript',
     'plugin:@typescript-eslint/recommended',
   ],

configs/eslint-config-ts/package.json

@@ -2,9 +2,9 @@
   "name": "@suspensive/eslint-config-ts",
   "version": "0.0.0",
   "private": true,
-  "main": "typescript.js",
+  "main": "index.js",
   "files": [
-    "./noimport.js"
+    "./no-import.js"
   ],
   "scripts": {
     "lint": "eslint ."

configs/eslint-config/package.json

@@ -5,7 +5,7 @@
   "files": [
     "react-js.js",
     "react-ts.js",
-    "react-ts-noimport.js"
+    "react-ts-no-import.js"
   ],
   "scripts": {
     "lint": "eslint ."

configs/eslint-config/react-ts-noimport.js → configs/eslint-config/react-ts-no-import.js

@@ -1,7 +1,7 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
   root: true,
-  extends: ['./react.js', '@suspensive/eslint-config-ts/noimport'],
+  extends: ['./react.js', '@suspensive/eslint-config-ts/no-import'],
   rules: {
     'jsdoc/check-tag-names': ['warn', { jsxTags: true }],
     'jsdoc/require-param': ['off'],

packages/react/src/hooks/useTimeout.spec.tsx

@@ -31,7 +31,7 @@ describe('useTimeout', () => {
     expect(fn).toHaveBeenCalledTimes(1)
   })
 
-  it('should not re-call callback reveived as argument even if component using this hook is rerendered', () => {
+  it('should not re-call callback received as argument even if component using this hook is rerendered', () => {
     const { rerender } = render(<TestComponent />)
 
     expect(screen.getByText('0')).toBeInTheDocument()

websites/visualization/src/app/CommonLayout.tsx

@@ -19,7 +19,7 @@ const TopNavigation = () => (
   <Flex.Center as={'nav'} padding={'8px 16px'} fontWeight={500} backgroundColor={'#ffffff20'}>
     <Link href="/">
       <Flex align={'center'}>
-        <Image src="/logo_notcropped.png" width={40} height={40} alt="logo" />
+        <Image src="/logo_not_cropped.png" width={40} height={40} alt="logo" />
         Visualization
       </Flex>
     </Link>

websites/visualization/src/components/uis/index.tsx

@@ -66,14 +66,14 @@ export const BaseBox = styled.div`
   gap: 8px;
   color: black;
   transition: all 200ms;
-  animation: fadein 200ms;
+  animation: fadeIn 200ms;
   font-size: 12px;
 
   :hover {
     opacity: 0.8;
   }
 
-  @keyframes fadein {
+  @keyframes fadeIn {
     from {
       opacity: 0;
     }