chore: strict eslint check (#1084)

apps/web/src/pages/404.tsx

@@ -1,6 +1,7 @@
-import NotfoundPage from '@/components/404';
 import Head from 'next/head';
 
+import NotfoundPage from '@/components/404';
+
 export default function Custom404() {
   return (
     <>

apps/web/src/pages/_app.tsx

@@ -1,30 +1,31 @@
-import type { AppProps } from 'next/app';
-import dynamic from 'next/dynamic';
 import '../../public/globals.css';
 import '../../public/variable.css';
 import './temporary.css';
-import { Logger } from '@toeverything/pathfinder-logger';
 import '@fontsource/space-mono';
 import '@fontsource/poppins';
 import '../utils/print-build-info';
-import ProviderComposer from '@/components/provider-composer';
-import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
+import '@affine/i18n';
+
+import { useTranslation } from '@affine/i18n';
+import { Logger } from '@toeverything/pathfinder-logger';
 import type { NextPage } from 'next';
+import type { AppProps } from 'next/app';
+import dynamic from 'next/dynamic';
+import Head from 'next/head';
+// import AppStateProvider2 from '@/providers/app-state-provider2/provider';
+import { useRouter } from 'next/router';
+import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { Suspense, useEffect } from 'react';
+import React from 'react';
+
+import { PageLoading } from '@/components/loading';
+import { MessageCenterHandler } from '@/components/message-center-handler';
+import ProviderComposer from '@/components/provider-composer';
 import { AppStateProvider } from '@/providers/app-state-provider';
 import ConfirmProvider from '@/providers/ConfirmProvider';
-import { ModalProvider } from '@/store/globalModal';
-// import AppStateProvider2 from '@/providers/app-state-provider2/provider';
-
-import { useRouter } from 'next/router';
-import { Suspense, useEffect } from 'react';
-import { PageLoading } from '@/components/loading';
-import Head from 'next/head';
-import '@affine/i18n';
-import { useTranslation } from '@affine/i18n';
-import React from 'react';
 import { GlobalAppProvider } from '@/store/app';
 import { DataCenterPreloader } from '@/store/app/datacenter';
-import { MessageCenterHandler } from '@/components/message-center-handler';
+import { ModalProvider } from '@/store/globalModal';
 
 const ThemeProvider = dynamic(() => import('@/providers/ThemeProvider'), {
   ssr: false,

apps/web/src/pages/_document.tsx

@@ -1,12 +1,11 @@
-import createEmotionServer from '@emotion/server/create-instance';
 import { cache } from '@emotion/css';
-
+import createEmotionServer from '@emotion/server/create-instance';
 import Document, {
-  Html,
+  DocumentContext,
   Head,
+  Html,
   Main,
   NextScript,
-  DocumentContext,
 } from 'next/document';
 import * as React from 'react';
 

apps/web/src/pages/invite/[invite_code].tsx

@@ -1,9 +1,10 @@
-import { useWorkspaceHelper } from '@/hooks/use-workspace-helper';
 import { styled } from '@affine/component';
 import { Empty } from '@affine/component';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
+
 import { PageLoading } from '@/components/loading';
+import { useWorkspaceHelper } from '@/hooks/use-workspace-helper';
 
 // const User = ({ name, avatar }: { name: string; avatar?: string }) => {
 //   return (

apps/web/src/pages/public-workspace/[workspaceId]/[pageId].tsx

@@ -1,17 +1,19 @@
-import { ReactElement, useEffect, useMemo } from 'react';
-import type { NextPageWithLayout } from '../..//_app';
 import { displayFlex, styled } from '@affine/component';
-import dynamic from 'next/dynamic';
-import { useRouter } from 'next/router';
-import { PageLoading } from '@/components/loading';
 import { Breadcrumbs } from '@affine/component';
 import { IconButton } from '@affine/component';
-import NextLink from 'next/link';
-import { PaperIcon, SearchIcon } from '@blocksuite/icons';
-import { WorkspaceUnitAvatar } from '@/components/workspace-avatar';
-import { useModal } from '@/store/globalModal';
-import { useLoadPublicWorkspace } from '@/hooks/use-load-public-workspace';
 import { useTranslation } from '@affine/i18n';
+import { PaperIcon, SearchIcon } from '@blocksuite/icons';
+import dynamic from 'next/dynamic';
+import NextLink from 'next/link';
+import { useRouter } from 'next/router';
+import { ReactElement, useEffect, useMemo } from 'react';
+
+import { PageLoading } from '@/components/loading';
+import { WorkspaceUnitAvatar } from '@/components/workspace-avatar';
+import { useLoadPublicWorkspace } from '@/hooks/use-load-public-workspace';
+import { useModal } from '@/store/globalModal';
+
+import type { NextPageWithLayout } from '../..//_app';
 
 const DynamicBlocksuite = dynamic(() => import('@/components/editor'), {
   ssr: false,

apps/web/src/pages/public-workspace/[workspaceId]/index.tsx

@@ -1,19 +1,21 @@
+import { Breadcrumbs } from '@affine/component';
+import { SearchIcon } from '@blocksuite/icons';
+import { useRouter } from 'next/router';
+import { ReactElement, useEffect, useMemo } from 'react';
+
+import { PageLoading } from '@/components/loading';
 import { PageList } from '@/components/page-list';
 import { WorkspaceUnitAvatar } from '@/components/workspace-avatar';
 import { useLoadPublicWorkspace } from '@/hooks/use-load-public-workspace';
 import { PageMeta } from '@/providers/app-state-provider';
 import { useModal } from '@/store/globalModal';
-import { Breadcrumbs } from '@affine/component';
-import { SearchIcon } from '@blocksuite/icons';
-import { useRouter } from 'next/router';
-import { ReactElement, useMemo, useEffect } from 'react';
+
 import {
   NavContainer,
   PageContainer,
   SearchButton,
   StyledBreadcrumbs,
 } from './[pageId]';
-import { PageLoading } from '@/components/loading';
 
 const All = () => {
   const router = useRouter();

apps/web/src/pages/workspace/[workspaceId]/[pageId].tsx

@@ -1,3 +1,8 @@
+import { useTranslation } from '@affine/i18n';
+import { assertEquals } from '@blocksuite/store';
+import dynamic from 'next/dynamic';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
 import {
   PropsWithChildren,
   ReactElement,
@@ -5,18 +10,15 @@ import {
   useEffect,
   useState,
 } from 'react';
+
 import { EditorHeader } from '@/components/header';
 import MobileModal from '@/components/mobile-modal';
-import type { NextPageWithLayout } from '../..//_app';
 import WorkspaceLayout from '@/components/workspace-layout';
-import { useRouter } from 'next/router';
 import { usePageHelper } from '@/hooks/use-page-helper';
-import dynamic from 'next/dynamic';
-import Head from 'next/head';
-import { useTranslation } from '@affine/i18n';
 import { useGlobalState, useGlobalStateApi } from '@/store/app';
 import exampleMarkdown from '@/templates/Welcome-to-AFFiNE-Alpha-Downhills.md';
-import { assertEquals } from '@blocksuite/store';
+
+import type { NextPageWithLayout } from '../..//_app';
 
 const DynamicBlocksuite = dynamic(() => import('@/components/editor'), {
   ssr: false,

apps/web/src/pages/workspace/[workspaceId]/all.tsx

@@ -1,10 +1,11 @@
-import { PageList } from '@/components/page-list';
-import { AllPagesIcon } from '@blocksuite/icons';
-import { PageListHeader } from '@/components/header';
-import { ReactElement, useCallback } from 'react';
-import WorkspaceLayout from '@/components/workspace-layout';
 import { useTranslation } from '@affine/i18n';
+import { AllPagesIcon } from '@blocksuite/icons';
 import Head from 'next/head';
+import { ReactElement, useCallback } from 'react';
+
+import { PageListHeader } from '@/components/header';
+import { PageList } from '@/components/page-list';
+import WorkspaceLayout from '@/components/workspace-layout';
 import { useGlobalState } from '@/store/app';
 
 const All = () => {

apps/web/src/pages/workspace/[workspaceId]/favorite.tsx

@@ -1,10 +1,11 @@
+import { useTranslation } from '@affine/i18n';
+import { FavouritesIcon } from '@blocksuite/icons';
+import Head from 'next/head';
+import { ReactElement } from 'react';
+
 import { PageListHeader } from '@/components/header';
 import { PageList } from '@/components/page-list';
-import { FavouritesIcon } from '@blocksuite/icons';
-import { ReactElement } from 'react';
 import WorkspaceLayout from '@/components/workspace-layout';
-import { useTranslation } from '@affine/i18n';
-import Head from 'next/head';
 import { useGlobalState } from '@/store/app';
 
 export const Favorite = () => {

apps/web/src/pages/workspace/[workspaceId]/index.tsx

@@ -1,7 +1,8 @@
-import { useCallback, useEffect } from 'react';
 import { useRouter } from 'next/router';
-import useEnsureWorkspace from '@/hooks/use-ensure-workspace';
+import { useCallback, useEffect } from 'react';
+
 import { PageLoading } from '@/components/loading';
+import useEnsureWorkspace from '@/hooks/use-ensure-workspace';
 import usePageHelper from '@/hooks/use-page-helper';
 import { useGlobalState } from '@/store/app';
 

apps/web/src/pages/workspace/[workspaceId]/setting.tsx

@@ -1,31 +1,32 @@
+import { styled } from '@affine/component';
+import { WorkspaceUnit } from '@affine/datacenter';
+import { useTranslation } from '@affine/i18n';
+import { SettingsIcon } from '@blocksuite/icons';
+import Head from 'next/head';
+import {
+  CSSProperties,
+  ReactElement,
+  ReactNode,
+  startTransition,
+  useCallback,
+  useEffect,
+  useState,
+} from 'react';
+
+import { PageListHeader } from '@/components/header';
+import WorkspaceLayout from '@/components/workspace-layout';
+import {
+  ExportPage,
+  GeneralPage,
+  MembersPage,
+  PublishPage,
+  SyncPage,
+} from '@/components/workspace-setting';
 import {
   StyledSettingContainer,
   StyledSettingContent,
   WorkspaceSettingTagItem,
 } from '@/components/workspace-setting/style';
-import {
-  ReactElement,
-  ReactNode,
-  useState,
-  CSSProperties,
-  useEffect,
-  startTransition,
-  useCallback,
-} from 'react';
-import {
-  GeneralPage,
-  MembersPage,
-  PublishPage,
-  ExportPage,
-  SyncPage,
-} from '@/components/workspace-setting';
-import { SettingsIcon } from '@blocksuite/icons';
-import WorkspaceLayout from '@/components/workspace-layout';
-import { WorkspaceUnit } from '@affine/datacenter';
-import { useTranslation } from '@affine/i18n';
-import { PageListHeader } from '@/components/header';
-import Head from 'next/head';
-import { styled } from '@affine/component';
 import { useGlobalState } from '@/store/app';
 
 const useTabMap = () => {

apps/web/src/pages/workspace/[workspaceId]/trash.tsx

@@ -1,10 +1,11 @@
+import { useTranslation } from '@affine/i18n';
+import { TrashIcon } from '@blocksuite/icons';
+import Head from 'next/head';
+import { ReactElement, useCallback } from 'react';
+
 import { PageListHeader } from '@/components/header';
 import { PageList } from '@/components/page-list';
-import { TrashIcon } from '@blocksuite/icons';
-import { ReactElement, useCallback } from 'react';
 import WorkspaceLayout from '@/components/workspace-layout';
-import { useTranslation } from '@affine/i18n';
-import Head from 'next/head';
 import { useGlobalState } from '@/store/app';
 
 export const Trash = () => {

apps/web/src/pages/workspace/index.tsx

@@ -1,7 +1,8 @@
-import { useCallback, useEffect } from 'react';
 import { useRouter } from 'next/router';
-import useEnsureWorkspace from '@/hooks/use-ensure-workspace';
+import { useCallback, useEffect } from 'react';
+
 import { PageLoading } from '@/components/loading';
+import useEnsureWorkspace from '@/hooks/use-ensure-workspace';
 import { useGlobalState } from '@/store/app';
 
 export const WorkspaceIndex = () => {