fix: lint config; fix: ts & lint errors

Author: vikdiesel

.eslintrc.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: ["next/core-web-vitals", "eslint-config-prettier", 'eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  root: true,
+};

.eslintrc.json

@@ -7,7 +7,7 @@ type Props = {
   menu: MenuAsideItem[]
   isAsideMobileExpanded: boolean
   isAsideLgActive: boolean
-  onAsideLgClose: Function
+  onAsideLgClose: () => void
 }
 
 export default function AsideMenu({

components/AsideMenu.tsx

@@ -9,7 +9,7 @@ import { useAppSelector } from '../src/stores/hooks'
 type Props = {
   menu: MenuAsideItem[]
   className?: string
-  onAsideLgCloseClick: Function
+  onAsideLgCloseClick: () => void
 }
 
 export default function AsideMenuLayer({ menu, className = '', ...props }: Props) {

components/AsideMenuLayer.tsx

@@ -20,7 +20,7 @@ type Props = {
   disabled?: boolean
   roundedFull?: boolean
   isGrouped?: boolean
-  onClick?: Function
+  onClick?: (e: React.MouseEvent) => void
 }
 
 export default function BaseButton({

components/BaseButton.tsx

@@ -1,4 +1,4 @@
-import React, { Children, cloneElement, ReactNode } from 'react'
+import React, { ReactNode } from 'react'
 
 type Props = {
   type?: string

components/BaseButtons.tsx

@@ -13,7 +13,7 @@ type Props = {
   isModal?: boolean
   children: ReactNode
   footer?: ReactNode
-  onClick?: Function
+  onClick?: (e: React.MouseEvent) => void
 }
 
 export default function CardBox({

components/CardBox.tsx

@@ -1,6 +1,6 @@
 import { mdiTrendingDown, mdiTrendingNeutral, mdiTrendingUp } from '@mdi/js'
 import React from 'react'
-import { Client, ColorKey } from '../interfaces'
+import { Client } from '../interfaces'
 import BaseLevel from './BaseLevel'
 import CardBox from './CardBox'
 import PillTag from './PillTag'

components/CardBoxClient.tsx

@@ -1,6 +1,6 @@
 import { mdiCashMinus, mdiCashPlus, mdiCreditCard, mdiReceipt } from '@mdi/js'
 import React from 'react'
-import { ColorKey, Transaction } from '../interfaces'
+import { Transaction } from '../interfaces'
 import BaseLevel from './BaseLevel'
 import CardBox from './CardBox'
 import IconRounded from './IconRounded'

components/CardBoxTransaction.tsx

@@ -6,7 +6,6 @@ import BaseButton from './BaseButton'
 import BaseIcon from './BaseIcon'
 import BaseLevel from './BaseLevel'
 import CardBox from './CardBox'
-import NumberDynamic from './NumberDynamic'
 import PillTagTrend from './PillTagTrend'
 
 type Props = {