chore: move all components into Components dir with pascal case (#934)

app/assets/javascripts/components/Preferences/panes/AccountPreferences.tsx

@@ -0,0 +1,33 @@
+import {
+  Sync,
+  Subscription,
+  Credentials,
+  SignOutWrapper,
+  Authentication,
+} from '@/components/Preferences/panes/account';
+import { PreferencesPane } from '@/components/Preferences/components';
+import { observer } from 'mobx-react-lite';
+import { WebApplication } from '@/ui_models/application';
+import { AppState } from '@/ui_models/app_state';
+
+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>
+  )
+);