chore: upgrade deps (#906)

* chore: upgrade deps

* fix: MenuArrowRight import

* fix: type naming

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

@@ -1,19 +1,16 @@
 import { observer } from 'mobx-react-lite';
 import { AppState } from '@/ui_models/app_state';
 import { WebApplication } from '@/ui_models/application';
-import { User } from '@standardnotes/snjs/dist/@types/services/api/responses';
+import { User as UserType } from '@standardnotes/responses';
 
 type Props = {
   appState: AppState;
   application: WebApplication;
-}
+};
 
-const User = observer(({
-  appState,
-  application,
-}: Props) => {
+const User = observer(({ appState, application }: Props) => {
   const { server } = appState.accountMenu;
-  const user = application.getUser();
+  const user = application.getUser() as UserType;
 
   return (
     <div className="sk-panel-section">
@@ -21,8 +18,8 @@ const User = observer(({
         <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}
+            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"
@@ -36,12 +33,8 @@ const User = observer(({
       )}
       <div className="sk-panel-row">
         <div className="sk-panel-column">
-          <div className="sk-h1 sk-bold wrap">
-            {(user as User).email}
-          </div>
-          <div className="sk-subtitle neutral">
-            {server}
-          </div>
+          <div className="sk-h1 sk-bold wrap">{user.email}</div>
+          <div className="sk-subtitle neutral">{server}</div>
         </div>
       </div>
       <div className="sk-panel-row" />