refactor: split AccountMenu to smaller components

Notes:
- remove `url` and keep only `server`, as they are duplicating each other

app/assets/javascripts/components/AccountMenu/User.tsx

@@ -0,0 +1,71 @@
+import { observer } from 'mobx-react-lite';
+import { AppState } from '@/ui_models/app_state';
+import { PasswordWizardType } from '@/types';
+import { WebApplication } from '@/ui_models/application';
+
+type Props = {
+  email: string;
+  server: string | undefined;
+  appState: AppState;
+  application: WebApplication;
+  closeAccountMenu: () => void;
+}
+
+const User = observer(({
+                         email,
+                         server,
+                         appState,
+                         application,
+                         closeAccountMenu
+                       }: Props) => {
+  const openPasswordWizard = () => {
+    closeAccountMenu();
+    application.presentPasswordWizard(PasswordWizardType.ChangePassword);
+  };
+
+  const openSessionsModal = () => {
+    closeAccountMenu();
+    appState.openSessionsModal();
+  };
+
+  return (
+    <div className="sk-panel-section">
+      {appState.sync.errorMessage && (
+        <div className="sk-notification danger">
+          <div className="sk-notification-title">Sync Unreachable</div>
+          <div className="sk-notification-text">
+            Hmm...we can't seem to sync your account.
+            The reason: {appState.sync.errorMessage}
+          </div>
+          <a
+            className="sk-a info-contrast sk-bold sk-panel-row"
+            href="https://standardnotes.org/help"
+            rel="noopener"
+            target="_blank"
+          >
+            Need help?
+          </a>
+        </div>
+      )}
+      <div className="sk-panel-row">
+        <div className="sk-panel-column">
+          <div className="sk-h1 sk-bold wrap">
+            {email}
+          </div>
+          <div className="sk-subtitle neutral">
+            {server}
+          </div>
+        </div>
+      </div>
+      <div className="sk-panel-row" />
+      <a className="sk-a info sk-panel-row condensed" onClick={openPasswordWizard}>
+        Change Password
+      </a>
+      <a className="sk-a info sk-panel-row condensed" onClick={openSessionsModal}>
+        Manage Sessions
+      </a>
+    </div>
+  );
+});
+
+export default User;