refactor: migrate account-menu to react - implement functionality

- implement different handlers, such as set/change/remove passcode, etc.
- setup correct initial values
- rename React component

app/assets/javascripts/app.ts

@@ -1,7 +1,5 @@
 'use strict';
 
-// import { AccountMenu2 } from '@/components/AccountMenu';
-
 declare const __VERSION__: string;
 declare const __WEB__: boolean;
 
@@ -61,7 +59,7 @@ import { SessionsModalDirective } from './components/SessionsModal';
 import { NoAccountWarningDirective } from './components/NoAccountWarning';
 import { NoProtectionsdNoteWarningDirective } from './components/NoProtectionsNoteWarning';
 import { SearchOptionsDirective } from './components/SearchOptions';
-import { AccountMenu2 } from './components/AccountMenu2';
+import { AccountMenuReact } from './components/AccountMenuReact';
 import { ConfirmSignoutDirective } from './components/ConfirmSignoutModal';
 import { MultipleSelectedNotesDirective } from './components/MultipleSelectedNotes';
 import { NotesContextMenuDirective } from './components/NotesContextMenu';
@@ -153,7 +151,7 @@ const startApplication: StartApplication = async function startApplication(
     .directive('historyMenu', () => new HistoryMenu())
     .directive('syncResolutionMenu', () => new SyncResolutionMenu())
     .directive('sessionsModal', SessionsModalDirective)
-    .directive('accountMenu2', AccountMenu2)
+    .directive('accountMenuReact', AccountMenuReact)
     .directive('noAccountWarning', NoAccountWarningDirective)
     .directive('protectedNotePanel', NoProtectionsdNoteWarningDirective)
     .directive('searchOptions', SearchOptionsDirective)