refactor: format and lint codebase (#971)

app/assets/javascripts/Components/Preferences/Panes/Account/index.tsx

@@ -0,0 +1,29 @@
+import { PreferencesPane } from '@/Components/Preferences/PreferencesComponents'
+import { observer } from 'mobx-react-lite'
+import { WebApplication } from '@/UIModels/Application'
+import { AppState } from '@/UIModels/AppState'
+import { Authentication } from './Authentication'
+import { Credentials } from './Credentials'
+import { Sync } from './Sync'
+import { Subscription } from './Subscription/Subscription'
+import { SignOutWrapper } from './SignOutView'
+
+type Props = {
+  application: WebApplication
+  appState: AppState
+}
+
+export const AccountPreferences = observer(({ application, appState }: Props) => (
+  <PreferencesPane>
+    {!application.hasAccount() ? (
+      <Authentication application={application} appState={appState} />
+    ) : (
+      <>
+        <Credentials application={application} appState={appState} />
+        <Sync application={application} />
+      </>
+    )}
+    <Subscription application={application} appState={appState} />
+    <SignOutWrapper application={application} appState={appState} />
+  </PreferencesPane>
+))