feat: two factor authentication segment in preferences with mocked state (#600)

app/assets/javascripts/preferences/PreferencesMenu.tsx

@@ -0,0 +1,19 @@
+import { observer } from 'mobx-react-lite';
+import { FunctionComponent } from 'preact';
+import { MenuItem } from './components';
+import { Preferences } from './models/preferences';
+
+export const PreferencesMenu: FunctionComponent<{ preferences: Preferences }> =
+  observer(({ preferences }) => (
+    <div className="min-w-55 overflow-y-auto flex flex-col px-3 py-6">
+      {preferences.menuItems.map((pref) => (
+        <MenuItem
+          key={pref.id}
+          iconType={pref.icon}
+          label={pref.label}
+          selected={pref.selected}
+          onClick={() => preferences.selectPane(pref.id)}
+        />
+      ))}
+    </div>
+  ));