refactor(dashboard): basicinfo & re-org codebase (#1337)

* refactor: adjust post element styles

* refactor: clean up the missing type when import

* style: improve wallpaper section

* refactor: extract common comps

* refactor: more basic info & adjust sidebar items

* feat: add theme color item

Author: mydearxym

src/containers/content/CommunityContent/ClassicLayout.tsx

@@ -8,7 +8,7 @@ import { FC, memo } from 'react'
 import { includes } from 'ramda'
 import { isMobile } from 'react-device-detect'
 
-import { TThread } from '@/spec'
+import type { TThread } from '@/spec'
 import { ARTICLE_THREAD } from '@/constant'
 import { buildLog } from '@/utils/logger'
 import CommunityDigest from '@/containers/digest/CommunityDigest'

src/containers/content/HelpCenterContent/store.ts

@@ -7,9 +7,9 @@ import { types as T, getParent, Instance } from 'mobx-state-tree'
 import { values } from 'ramda'
 
 import type { TRootStore, TCommunity } from '@/spec'
-import type { TVisibles } from './spec'
 import { markStates, toJS } from '@/utils/mobx'
 
+import type { TVisibles } from './spec'
 import { VIEW } from './constant'
 
 export const HelpCenterContent = T.model('HelpCenterContent', {

src/containers/content/HelpCenterContent/styles/footer/reaction.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import Img from '@/Img'
 import css, { theme } from '@/utils/css'
 

src/containers/digest/ArticleDigest/logic.ts

@@ -6,8 +6,6 @@ import asyncSuit from '@/utils/async'
 import { send, errRescue } from '@/utils/helper'
 import { buildLog } from '@/utils/logger'
 
-import uid from '@/utils/uid'
-
 import type { TStore } from './store'
 import S from './schema'
 

src/containers/editor/ArticleEditor/logic.ts

@@ -2,7 +2,7 @@ import { useEffect } from 'react'
 import Router from 'next/router'
 import { values } from 'ramda'
 
-import type { TEditValue, TEditMode, TCommunity, TTag } from '@/spec'
+import type { TEditValue, TCommunity, TTag } from '@/spec'
 import { HCN, ERR } from '@/constant'
 import { buildLog } from '@/utils/logger'
 import asyncSuit from '@/utils/async'

src/containers/editor/WallpaperEditor/Footer.tsx

@@ -1,6 +1,6 @@
 import { FC, memo } from 'react'
 
-import { TWallpaperType } from '@/spec'
+import type { TWallpaperType } from '@/spec'
 import { WALLPAPER_TYPE } from '@/constant'
 
 import Button from '@/widgets/Buttons/Button'

src/containers/editor/WorksEditor/Content/NamePart.tsx

@@ -1,6 +1,6 @@
 import { FC, memo, useEffect, useRef } from 'react'
 
-import { TEditMode } from '@/spec'
+import type { TEditMode } from '@/spec'
 import { nilOrEmpty } from '@/utils/validator'
 
 import PublishRules from './PublishRules'

src/containers/editor/WorksEditor/Content/index.tsx

@@ -1,6 +1,6 @@
 import { FC, memo } from 'react'
 
-import { TSelectOption, TTechCommunities, TEditMode, TUser } from '@/spec'
+import type { TSelectOption, TTechCommunities, TEditMode, TUser } from '@/spec'
 
 import type { TStep, TInputData } from '../spec'
 import { STEP } from '../constant'

src/containers/editor/WorksEditor/index.tsx

@@ -6,7 +6,7 @@
 
 import { FC } from 'react'
 
-import { TMetric } from '@/spec'
+import type { TMetric } from '@/spec'
 import { METRIC } from '@/constant'
 
 import { buildLog } from '@/utils/logger'

src/containers/thread/CperMapThread/store.ts

@@ -5,8 +5,8 @@
 
 import { types as T, getParent, Instance } from 'mobx-state-tree'
 
+import type { TCommunity, TTheme, TRootStore } from '@/spec'
 import { markStates, toJS } from '@/utils/mobx'
-import { TCommunity, TTheme, TRootStore } from '@/spec'
 
 const Geo = T.model('Thread', {
   city: T.string,