From 9325a4d4bb1e253302294d1bfa8564f38ae3c85f Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <40239442+ammarahm-ed@users.noreply.github.com>
Date: Fri, 19 Jun 2026 13:55:34 +0500
Subject: [PATCH] mobile: update mobile app settings ui (#9994)

* mobile: update onboarding screen ui

* mobile: update ui for paywall flow

* mobile: update ui

* mobile: update ui

* mobile: fix text capitalization

* mobile: fix Login screen text capitalization and eye icon mismatch with design

* mobile: fix two-factor ui

* mobile: ui fixes

* mobile: update basic settings ui and reorganize settings screen

* mobile: update change-password & recovery-key sheets

* mobile: update 2fa sheets design

* mobile: add force sync sheets

* mobile: replace hard coded strings

* mobile: update theme-selector and notesnook circle ui

* mobile: update behavior settings

* mobile: complete settings module

* mobile: fix errors

* mobile: settings ui update

* mobile: add app-lock password change screens

* mobile: add inbox api

* mobile: finalize settings ui
---
 agent.md                                      |   51 +
 apps/mobile/app/app.tsx                       |    2 +-
 apps/mobile/app/components/app-lock/index.tsx |   21 +-
 .../app/components/attachments/index.tsx      |    2 +-
 .../app/components/auth/change-password.tsx   |   66 +-
 .../app/components/dialog-provider/index.jsx  |    4 +-
 .../app/components/dialog/dialog-buttons.tsx  |    8 +-
 .../components/dialog/dialog-container.tsx    |    3 +-
 .../app/components/dialog/dialog-header.tsx   |  115 +-
 .../mobile/app/components/dialog/functions.ts |    4 +
 apps/mobile/app/components/dialog/index.tsx   |    7 +-
 .../dialogs/applock-password/index.tsx        |  458 +-
 .../components/dialogs/pdf-preview/index.jsx  |    4 +
 .../app/components/dialogs/progress/index.tsx |  164 +-
 .../components/dialogs/progress/progress.tsx  |  210 +
 .../app/components/dialogs/vault/index.tsx    |   97 +-
 apps/mobile/app/components/header/index.tsx   |   29 +-
 .../app/components/sheet-provider/index.jsx   |  140 +-
 .../components/sheets/add-api-key/index.tsx   |  148 +-
 .../sheets/app-lock-timeout/index.tsx         |  178 +
 .../components/sheets/date-format/index.tsx   |  185 +
 .../components/sheets/download-logs/index.tsx |  378 ++
 .../components/sheets/export-notes/index.tsx  |  426 +-
 .../components/sheets/export-notes/share.jsx  |    3 +
 .../components/sheets/force-sync/index.tsx    |  221 +
 .../app/components/sheets/github/issue.tsx    |  358 +-
 .../sheets/lock-vault-timer/index.tsx         |  188 +
 .../app/components/sheets/paywall/index.tsx   |  330 +-
 .../components/sheets/plan-limits/index.tsx   |  127 +-
 .../components/sheets/publish-note/index.tsx  |    6 +-
 .../components/sheets/recovery-key/index.jsx  |  338 --
 .../components/sheets/recovery-key/index.tsx  |  454 ++
 .../app/components/sheets/sort/index.tsx      |   29 +-
 .../sheets/trash-interval/index.tsx           |  189 +
 .../app/components/sheets/update/index.js     |  232 -
 .../app/components/sheets/update/index.tsx    |  306 ++
 .../app/components/sheets/user/index.tsx      |  424 +-
 .../mobile/app/components/side-menu/index.tsx |    5 +
 apps/mobile/app/components/toast/index.tsx    |   21 +-
 .../mobile/app/components/ui/button/index.tsx |    8 +-
 .../ui/circles-background/index.tsx           |  111 +
 .../app/components/ui/input/form-input.tsx    |    2 +-
 apps/mobile/app/components/ui/input/index.tsx |   13 +-
 .../mobile/app/components/ui/notice/index.tsx |   39 +-
 .../app/components/ui/pressable/index.tsx     |   32 +-
 apps/mobile/app/components/ui/sheet/index.jsx |    5 +-
 apps/mobile/app/components/ui/svg/index.tsx   |    1 +
 apps/mobile/app/hooks/use-app-events.tsx      |    2 +-
 apps/mobile/app/hooks/use-feature-manager.ts  |    2 +-
 apps/mobile/app/hooks/use-vault-status.ts     |    3 +
 apps/mobile/app/screens/editor/source.ts      |    2 +-
 .../editor/tiptap/use-editor-events.tsx       |    2 +-
 apps/mobile/app/screens/settings/2fa.tsx      |  825 ----
 .../app/screens/settings/components/2fa.tsx   | 1024 ++++
 .../settings/components/account-card.tsx      |  118 +
 .../attachment-group-progress.tsx             |   18 +-
 .../index.tsx => components/change-email.tsx} |    0
 .../settings/{ => components}/components.tsx  |   26 +-
 .../settings/{ => components}/debug.tsx       |  262 +-
 .../{ => components}/editor/common.tsx        |    0
 .../editor/configure-toolbar.tsx              |   14 +-
 .../{ => components}/editor/group.tsx         |   14 +-
 .../settings/{ => components}/editor/state.ts |    6 +-
 .../{ => components}/editor/tool-sheet.tsx    |   14 +-
 .../settings/{ => components}/editor/tool.tsx |   16 +-
 .../editor/toolbar-definition.ts              |    4 +-
 .../settings/{ => components}/license-data.js |    0
 .../settings/{ => components}/licenses.tsx    |   10 +-
 .../settings/components/notesnook-circle.tsx  |  300 ++
 .../settings/components/picker/index.tsx      |  217 +
 .../{ => components}/picker/pickers.tsx       |  133 +-
 .../settings/components/server-config.tsx     |  247 +
 .../{ => components}/sound-picker.tsx         |   16 +-
 .../settings/components/theme-selector.tsx    | 1124 +++++
 .../settings/components/title-format.tsx      |   98 +
 .../settings/components/user-section.jsx      |  316 ++
 .../screens/settings/failed-inbox-items.tsx   |  314 +-
 apps/mobile/app/screens/settings/functions.js |  159 -
 apps/mobile/app/screens/settings/group.tsx    |   41 +-
 .../app/screens/settings/groups/about.tsx     |   88 +
 .../screens/settings/groups/account-local.ts  |   74 +
 .../app/screens/settings/groups/account.ts    |  842 ++++
 .../screens/settings/groups/back-restore.ts   |  313 ++
 .../app/screens/settings/groups/community.ts  |   76 +
 .../app/screens/settings/groups/customize.ts  |  345 ++
 .../screens/settings/groups/help-support.tsx  |   84 +
 .../app/screens/settings/groups/index.ts      |   48 +
 .../app/screens/settings/groups/legal.ts      |   66 +
 .../settings/groups/privacy-security.ts       |  374 ++
 .../screens/settings/groups/productivity.ts   |  131 +
 apps/mobile/app/screens/settings/home.tsx     |   32 +-
 apps/mobile/app/screens/settings/index.tsx    |    2 +-
 .../screens/settings/manage-inbox-keys.tsx    | 1023 +++-
 .../app/screens/settings/notesnook-circle.tsx |  232 -
 .../app/screens/settings/picker/index.tsx     |  176 -
 .../screens/settings/restore-backup/index.tsx |  253 +-
 .../app/screens/settings/section-group.tsx    |   59 +-
 .../app/screens/settings/section-item.tsx     |  473 +-
 .../app/screens/settings/server-config.tsx    |  238 -
 .../app/screens/settings/settings-data.tsx    | 1837 +------
 .../app/screens/settings/theme-selector.tsx   |  892 ----
 .../app/screens/settings/title-format.tsx     |   62 -
 apps/mobile/app/screens/settings/types.ts     |    4 +-
 .../app/screens/settings/user-section.jsx     |  426 --
 .../app/screens/settings/verify-user.ts       |  165 +
 apps/mobile/app/screens/wrapped/index.tsx     |    2 +
 apps/mobile/app/services/backup.ts            |   22 +-
 apps/mobile/app/services/event-manager.ts     |    1 +
 apps/mobile/app/services/message.tsx          |    9 +-
 apps/mobile/app/utils/constants.ts            |   18 +
 .../fonts/notesnook-icons.glyphmap.json       |    2 +-
 apps/mobile/fonts/notesnook-icons.ttf         |  Bin 11880 -> 30640 bytes
 .../ios/nanoicons-fonts/notesnook-icons.ttf   |  Bin 11880 -> 30640 bytes
 apps/mobile/react-native.config.js            |    2 +-
 package-lock.json                             | 1056 +----
 packages/icons/svgs/arrow-clockwise.svg       |    3 +
 .../icons/svgs/arrow-counter-clockwise.svg    |    3 +
 packages/icons/svgs/arrow-fat-up.svg          |    5 +
 packages/icons/svgs/arrow-right.svg           |    3 +
 packages/icons/svgs/arrow-square-out.svg      |    3 +
 packages/icons/svgs/arrow-u-up-left.svg       |    5 +
 packages/icons/svgs/arrows-clockwise.svg      |    5 +
 packages/icons/svgs/backspace.svg             |    3 +
 packages/icons/svgs/bag-simple.svg            |    5 +
 packages/icons/svgs/bell-z.svg                |    3 +
 packages/icons/svgs/bug-droid.svg             |    5 +
 packages/icons/svgs/calendar-check.svg        |    5 +
 packages/icons/svgs/calendar-day.svg          |    3 +
 packages/icons/svgs/calendar-dots.svg         |    5 +
 packages/icons/svgs/chart-donut.svg           |    3 +
 packages/icons/svgs/chart-line-up.svg         |    5 +
 packages/icons/svgs/check-small.svg           |    3 +
 packages/icons/svgs/check.svg                 |    3 +
 packages/icons/svgs/chevron-right.svg         |    3 +
 .../icons/svgs/clock-counter-clockwise.svg    |    5 +
 packages/icons/svgs/clock.svg                 |    3 +
 packages/icons/svgs/cloud-check.svg           |    5 +
 packages/icons/svgs/copy.svg                  |   11 +
 packages/icons/svgs/crown-simple.svg          |    3 +
 packages/icons/svgs/device-mobile-camera.svg  |    5 +
 packages/icons/svgs/discord-logo.svg          |    5 +
 packages/icons/svgs/download-simple.svg       |    5 +
 packages/icons/svgs/ellipse.svg               |    3 +
 packages/icons/svgs/export.svg                |    5 +
 packages/icons/svgs/eye-filled.svg            |   10 +
 packages/icons/svgs/eye-slash.svg             |    5 +
 packages/icons/svgs/file-cloud.svg            |    3 +
 packages/icons/svgs/file-dashed.svg           |    5 +
 packages/icons/svgs/file-html.svg             |    3 +
 packages/icons/svgs/file-pdf.svg              |    3 +
 packages/icons/svgs/file-text.svg             |    5 +
 packages/icons/svgs/fingerprint-simple.svg    |    3 +
 packages/icons/svgs/folder.svg                |    3 +
 packages/icons/svgs/gift.svg                  |    3 +
 packages/icons/svgs/git-pull-request.svg      |    5 +
 packages/icons/svgs/github-logo.svg           |   10 +
 packages/icons/svgs/hard-drives.svg           |    5 +
 packages/icons/svgs/key.svg                   |    5 +
 packages/icons/svgs/list.svg                  |   10 +
 packages/icons/svgs/markdown.svg              |    3 +
 packages/icons/svgs/mastodon-logo.svg         |    5 +
 packages/icons/svgs/minus.svg                 |    3 +
 packages/icons/svgs/moon.svg                  |    5 +
 packages/icons/svgs/network.svg               |    5 +
 packages/icons/svgs/notification.svg          |    5 +
 packages/icons/svgs/numpad.svg                |    3 +
 packages/icons/svgs/nut.svg                   |    3 +
 packages/icons/svgs/paint-brush-household.svg |    3 +
 packages/icons/svgs/paint-roller.svg          |    5 +
 packages/icons/svgs/palette.svg               |    3 +
 packages/icons/svgs/paperclip.svg             |    5 +
 packages/icons/svgs/pause.svg                 |    5 +
 packages/icons/svgs/pencil-ruler.svg          |    3 +
 packages/icons/svgs/pencil-simple-line.svg    |    5 +
 packages/icons/svgs/pencil-simple.svg         |    3 +
 packages/icons/svgs/plus.svg                  |    2 +-
 packages/icons/svgs/radio-button.svg          |    3 +
 .../svgs/recovery-key-cloud-arrow-down.svg    |    5 +
 packages/icons/svgs/recovery-key-copy.svg     |   11 +
 packages/icons/svgs/recovery-key-file.svg     |    5 +
 packages/icons/svgs/recovery-key-key.svg      |    5 +
 packages/icons/svgs/recovery-key-qr-code.svg  |    5 +
 .../icons/svgs/recovery-key-shield-check.svg  |    5 +
 packages/icons/svgs/shield-check.svg          |    4 +-
 packages/icons/svgs/shield-plus.svg           |    3 +
 packages/icons/svgs/shield.svg                |    5 +
 packages/icons/svgs/sliders-horizontal.svg    |    5 +
 packages/icons/svgs/speaker-high.svg          |    3 +
 packages/icons/svgs/squares-four.svg          |    5 +
 packages/icons/svgs/swatches.svg              |    5 +
 packages/icons/svgs/table.svg                 |    3 +
 packages/icons/svgs/telegram-logo.svg         |    5 +
 packages/icons/svgs/text-aa.svg               |    3 +
 packages/icons/svgs/toggle-off.svg            |    3 +
 packages/icons/svgs/toggle-on.svg             |    3 +
 packages/icons/svgs/tray-arrow-down.svg       |    3 +
 packages/icons/svgs/user-circle-minus.svg     |    5 +
 packages/icons/svgs/user-sheet-docs.svg       |    5 +
 packages/icons/svgs/user-sheet-logout.svg     |    5 +
 packages/icons/svgs/user-sheet-settings.svg   |    5 +
 packages/icons/svgs/user-sheet-support.svg    |    5 +
 packages/icons/svgs/user-sheet-sync.svg       |    5 +
 packages/icons/svgs/user.svg                  |    5 +
 packages/icons/svgs/users-three.svg           |    5 +
 packages/icons/svgs/warning.svg               |    3 +
 packages/icons/svgs/wifi-slash.svg            |    5 +
 packages/icons/svgs/x-logo.svg                |    5 +
 packages/intl/locale/en.po                    | 4170 ++++++++--------
 packages/intl/locale/pseudo-LOCALE.po         | 4208 +++++++++--------
 packages/intl/src/strings.ts                  |  147 +-
 210 files changed, 17024 insertions(+), 12806 deletions(-)
 create mode 100644 agent.md
 create mode 100644 apps/mobile/app/components/dialogs/progress/progress.tsx
 create mode 100644 apps/mobile/app/components/sheets/app-lock-timeout/index.tsx
 create mode 100644 apps/mobile/app/components/sheets/date-format/index.tsx
 create mode 100644 apps/mobile/app/components/sheets/download-logs/index.tsx
 create mode 100644 apps/mobile/app/components/sheets/force-sync/index.tsx
 create mode 100644 apps/mobile/app/components/sheets/lock-vault-timer/index.tsx
 delete mode 100644 apps/mobile/app/components/sheets/recovery-key/index.jsx
 create mode 100644 apps/mobile/app/components/sheets/recovery-key/index.tsx
 create mode 100644 apps/mobile/app/components/sheets/trash-interval/index.tsx
 delete mode 100644 apps/mobile/app/components/sheets/update/index.js
 create mode 100644 apps/mobile/app/components/sheets/update/index.tsx
 create mode 100644 apps/mobile/app/components/ui/circles-background/index.tsx
 delete mode 100644 apps/mobile/app/screens/settings/2fa.tsx
 create mode 100644 apps/mobile/app/screens/settings/components/2fa.tsx
 create mode 100644 apps/mobile/app/screens/settings/components/account-card.tsx
 rename apps/mobile/app/screens/settings/{ => components}/attachment-group-progress.tsx (86%)
 rename apps/mobile/app/screens/settings/{change-email/index.tsx => components/change-email.tsx} (100%)
 rename apps/mobile/app/screens/settings/{ => components}/components.tsx (80%)
 rename apps/mobile/app/screens/settings/{ => components}/debug.tsx (52%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/common.tsx (100%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/configure-toolbar.tsx (92%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/group.tsx (95%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/state.ts (96%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/tool-sheet.tsx (89%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/tool.tsx (96%)
 rename apps/mobile/app/screens/settings/{ => components}/editor/toolbar-definition.ts (95%)
 rename apps/mobile/app/screens/settings/{ => components}/license-data.js (100%)
 rename apps/mobile/app/screens/settings/{ => components}/licenses.tsx (87%)
 create mode 100644 apps/mobile/app/screens/settings/components/notesnook-circle.tsx
 create mode 100644 apps/mobile/app/screens/settings/components/picker/index.tsx
 rename apps/mobile/app/screens/settings/{ => components}/picker/pickers.tsx (67%)
 create mode 100644 apps/mobile/app/screens/settings/components/server-config.tsx
 rename apps/mobile/app/screens/settings/{ => components}/sound-picker.tsx (89%)
 create mode 100644 apps/mobile/app/screens/settings/components/theme-selector.tsx
 create mode 100644 apps/mobile/app/screens/settings/components/title-format.tsx
 create mode 100644 apps/mobile/app/screens/settings/components/user-section.jsx
 delete mode 100644 apps/mobile/app/screens/settings/functions.js
 create mode 100644 apps/mobile/app/screens/settings/groups/about.tsx
 create mode 100644 apps/mobile/app/screens/settings/groups/account-local.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/account.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/back-restore.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/community.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/customize.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/help-support.tsx
 create mode 100644 apps/mobile/app/screens/settings/groups/index.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/legal.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/privacy-security.ts
 create mode 100644 apps/mobile/app/screens/settings/groups/productivity.ts
 delete mode 100644 apps/mobile/app/screens/settings/notesnook-circle.tsx
 delete mode 100644 apps/mobile/app/screens/settings/picker/index.tsx
 delete mode 100644 apps/mobile/app/screens/settings/server-config.tsx
 delete mode 100644 apps/mobile/app/screens/settings/theme-selector.tsx
 delete mode 100644 apps/mobile/app/screens/settings/title-format.tsx
 delete mode 100644 apps/mobile/app/screens/settings/user-section.jsx
 create mode 100644 apps/mobile/app/screens/settings/verify-user.ts
 create mode 100644 packages/icons/svgs/arrow-clockwise.svg
 create mode 100644 packages/icons/svgs/arrow-counter-clockwise.svg
 create mode 100644 packages/icons/svgs/arrow-fat-up.svg
 create mode 100644 packages/icons/svgs/arrow-right.svg
 create mode 100644 packages/icons/svgs/arrow-square-out.svg
 create mode 100644 packages/icons/svgs/arrow-u-up-left.svg
 create mode 100644 packages/icons/svgs/arrows-clockwise.svg
 create mode 100644 packages/icons/svgs/backspace.svg
 create mode 100644 packages/icons/svgs/bag-simple.svg
 create mode 100644 packages/icons/svgs/bell-z.svg
 create mode 100644 packages/icons/svgs/bug-droid.svg
 create mode 100644 packages/icons/svgs/calendar-check.svg
 create mode 100644 packages/icons/svgs/calendar-day.svg
 create mode 100644 packages/icons/svgs/calendar-dots.svg
 create mode 100644 packages/icons/svgs/chart-donut.svg
 create mode 100644 packages/icons/svgs/chart-line-up.svg
 create mode 100644 packages/icons/svgs/check-small.svg
 create mode 100644 packages/icons/svgs/check.svg
 create mode 100644 packages/icons/svgs/chevron-right.svg
 create mode 100644 packages/icons/svgs/clock-counter-clockwise.svg
 create mode 100644 packages/icons/svgs/clock.svg
 create mode 100644 packages/icons/svgs/cloud-check.svg
 create mode 100644 packages/icons/svgs/copy.svg
 create mode 100644 packages/icons/svgs/crown-simple.svg
 create mode 100644 packages/icons/svgs/device-mobile-camera.svg
 create mode 100644 packages/icons/svgs/discord-logo.svg
 create mode 100644 packages/icons/svgs/download-simple.svg
 create mode 100644 packages/icons/svgs/ellipse.svg
 create mode 100644 packages/icons/svgs/export.svg
 create mode 100755 packages/icons/svgs/eye-filled.svg
 create mode 100644 packages/icons/svgs/eye-slash.svg
 create mode 100644 packages/icons/svgs/file-cloud.svg
 create mode 100644 packages/icons/svgs/file-dashed.svg
 create mode 100644 packages/icons/svgs/file-html.svg
 create mode 100644 packages/icons/svgs/file-pdf.svg
 create mode 100644 packages/icons/svgs/file-text.svg
 create mode 100644 packages/icons/svgs/fingerprint-simple.svg
 create mode 100644 packages/icons/svgs/folder.svg
 create mode 100644 packages/icons/svgs/gift.svg
 create mode 100644 packages/icons/svgs/git-pull-request.svg
 create mode 100644 packages/icons/svgs/github-logo.svg
 create mode 100644 packages/icons/svgs/hard-drives.svg
 create mode 100644 packages/icons/svgs/key.svg
 create mode 100644 packages/icons/svgs/list.svg
 create mode 100644 packages/icons/svgs/markdown.svg
 create mode 100644 packages/icons/svgs/mastodon-logo.svg
 create mode 100644 packages/icons/svgs/minus.svg
 create mode 100644 packages/icons/svgs/moon.svg
 create mode 100644 packages/icons/svgs/network.svg
 create mode 100644 packages/icons/svgs/notification.svg
 create mode 100644 packages/icons/svgs/numpad.svg
 create mode 100644 packages/icons/svgs/nut.svg
 create mode 100644 packages/icons/svgs/paint-brush-household.svg
 create mode 100644 packages/icons/svgs/paint-roller.svg
 create mode 100644 packages/icons/svgs/palette.svg
 create mode 100644 packages/icons/svgs/paperclip.svg
 create mode 100644 packages/icons/svgs/pause.svg
 create mode 100644 packages/icons/svgs/pencil-ruler.svg
 create mode 100644 packages/icons/svgs/pencil-simple-line.svg
 create mode 100644 packages/icons/svgs/pencil-simple.svg
 create mode 100644 packages/icons/svgs/radio-button.svg
 create mode 100644 packages/icons/svgs/recovery-key-cloud-arrow-down.svg
 create mode 100644 packages/icons/svgs/recovery-key-copy.svg
 create mode 100644 packages/icons/svgs/recovery-key-file.svg
 create mode 100644 packages/icons/svgs/recovery-key-key.svg
 create mode 100644 packages/icons/svgs/recovery-key-qr-code.svg
 create mode 100644 packages/icons/svgs/recovery-key-shield-check.svg
 create mode 100644 packages/icons/svgs/shield-plus.svg
 create mode 100644 packages/icons/svgs/shield.svg
 create mode 100644 packages/icons/svgs/sliders-horizontal.svg
 create mode 100644 packages/icons/svgs/speaker-high.svg
 create mode 100644 packages/icons/svgs/squares-four.svg
 create mode 100644 packages/icons/svgs/swatches.svg
 create mode 100644 packages/icons/svgs/table.svg
 create mode 100644 packages/icons/svgs/telegram-logo.svg
 create mode 100644 packages/icons/svgs/text-aa.svg
 create mode 100644 packages/icons/svgs/toggle-off.svg
 create mode 100644 packages/icons/svgs/toggle-on.svg
 create mode 100644 packages/icons/svgs/tray-arrow-down.svg
 create mode 100644 packages/icons/svgs/user-circle-minus.svg
 create mode 100644 packages/icons/svgs/user-sheet-docs.svg
 create mode 100644 packages/icons/svgs/user-sheet-logout.svg
 create mode 100644 packages/icons/svgs/user-sheet-settings.svg
 create mode 100644 packages/icons/svgs/user-sheet-support.svg
 create mode 100644 packages/icons/svgs/user-sheet-sync.svg
 create mode 100644 packages/icons/svgs/user.svg
 create mode 100644 packages/icons/svgs/users-three.svg
 create mode 100755 packages/icons/svgs/warning.svg
 create mode 100644 packages/icons/svgs/wifi-slash.svg
 create mode 100644 packages/icons/svgs/x-logo.svg

diff --git a/agent.md b/agent.md
new file mode 100644
index 000000000..1c0b29b8d
--- /dev/null
+++ b/agent.md
@@ -0,0 +1,51 @@
+## Notesnook Design Agent
+
+### Purpose
+
+- Implement Figma designs from user-provided links into the Notesnook app with high visual fidelity.
+- Use related components and files provided by the user as the source of truth for local patterns.
+- Preserve behavior, navigation, and existing data flow while updating UI.
+
+### When To Use This Agent
+
+- Use this agent when the task is design-to-code for app UI.
+- Prefer this agent over a general coding agent when the user provides a Figma link and asks for redesign implementation.
+
+### Scope
+
+- Primary focus: apps/mobile.
+- Secondary scope: shared UI dependencies needed for the design update (tokens, icons, strings, and generated assets).
+- Do not perform unrelated refactors.
+
+### Tool Preferences
+
+- Prefer Figma design-context tools to extract layout, spacing rhythm, typography intent, and asset references from the exact node.
+- Prefer direct workspace edits and targeted validation for touched files.
+- Avoid introducing new UI frameworks or web-specific styling approaches.
+
+### Repo Conventions
+
+- Use theme and token systems first: useThemeColors, spacing/radius constants, and shared typography primitives.
+- Reuse existing UI primitives and patterns before creating new abstractions.
+- Keep dark and light mode compatibility by default.
+- Keep changes minimal, isolated, and review-friendly.
+
+### Icon Conventions
+
+- Add new icon SVGs to packages/icons/svgs with lowercase kebab-case names.
+- Regenerate icon assets from apps/mobile using npx react-native-nano-icons.
+- Use generated icon names through AppIcon with icon family notesnook where applicable.
+
+### Figma To Code Workflow
+
+1. Read the exact Figma node from the provided link.
+2. Compare against existing repo patterns and referenced components.
+3. Implement with React Native conventions already used in the app.
+4. Preserve behavior and interactions unless explicitly changed.
+5. Validate compile and lint state for edited files.
+
+### Output Expectations
+
+- Provide a concise summary of what changed.
+- List modified files and any generated artifacts.
+- Call out follow-up steps only when needed.
diff --git a/apps/mobile/app/app.tsx b/apps/mobile/app/app.tsx
index 44fd2eb0d..6cea1958a 100644
--- a/apps/mobile/app/app.tsx
+++ b/apps/mobile/app/app.tsx
@@ -35,7 +35,7 @@ import { Toast } from "./components/toast";
 import { useAppEvents } from "./hooks/use-app-events";
 import { NotePreviewConfigure } from "./screens/note-preview-configure";
 import { RootNavigation } from "./navigation/navigation-stack";
-import { themeTrpcClient } from "./screens/settings/theme-selector";
+import { themeTrpcClient } from "./screens/settings/components/theme-selector";
 import Notifications from "./services/notifications";
 import SettingsService from "./services/settings";
 import { TipManager } from "./services/tip-manager";
diff --git a/apps/mobile/app/components/app-lock/index.tsx b/apps/mobile/app/components/app-lock/index.tsx
index bcab38b15..183c8340f 100644
--- a/apps/mobile/app/components/app-lock/index.tsx
+++ b/apps/mobile/app/components/app-lock/index.tsx
@@ -55,6 +55,7 @@ import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view
 import { strings } from "@notesnook/intl";
 import { editorController } from "../../screens/editor/tiptap/utils";
 import { useTabStore } from "../../screens/editor/tiptap/use-tab-store";
+import { PASSWORD_PLACEHOLDER } from "../../utils/constants";
 
 const getUser = () => {
   const user = MMKV.getString("user");
@@ -96,9 +97,6 @@ const AppLocked = () => {
   const lastAppState = useRef<AppStateStatus>(appState);
   const biometricUnlockAwaitingUserInput = useRef(false);
   const { height } = useWindowDimensions();
-  const keyboardType = useSettingStore(
-    (state) => state.settings.applockKeyboardType
-  );
   const appLockHasPasswordSecurity = useSettingStore(
     (state) => state.settings.appLockHasPasswordSecurity
   );
@@ -157,8 +155,7 @@ const AppLocked = () => {
         if (!appLockHasPasswordSecurity) {
           await setAppLockVerificationCipher(password.current);
           SettingsService.set({
-            appLockHasPasswordSecurity: true,
-            applockKeyboardType: "default"
+            appLockHasPasswordSecurity: true
           });
           DatabaseLogger.info("App lock migrated to password security");
         }
@@ -167,7 +164,7 @@ const AppLocked = () => {
         password.current = undefined;
       } else {
         ToastManager.show({
-          heading: strings.invalid(keyboardType),
+          heading: strings.invalid("password"),
           type: "error",
           context: "local"
         });
@@ -290,9 +287,7 @@ const AppLocked = () => {
               <Input
                 fwdRef={passwordInputRef}
                 secureTextEntry
-                keyboardType={
-                  appLockHasPasswordSecurity ? keyboardType : "default"
-                }
+                keyboardType={"default"}
                 onLayout={async () => {
                   if (
                     !biometricsAuthEnabled ||
@@ -303,13 +298,7 @@ const AppLocked = () => {
                     }, 32);
                   }
                 }}
-                placeholder={
-                  appLockHasPasswordSecurity
-                    ? keyboardType === "numeric"
-                      ? strings.enterApplockPassword()
-                      : strings.enterApplockPin()
-                    : strings.enterAccountPassword()
-                }
+                placeholder={PASSWORD_PLACEHOLDER}
                 onChangeText={(v) => (password.current = v)}
                 onSubmit={() => {
                   onSubmit();
diff --git a/apps/mobile/app/components/attachments/index.tsx b/apps/mobile/app/components/attachments/index.tsx
index b5b7b6943..cd4da9d02 100644
--- a/apps/mobile/app/components/attachments/index.tsx
+++ b/apps/mobile/app/components/attachments/index.tsx
@@ -34,7 +34,7 @@ import create from "zustand";
 import { db } from "../../common/database";
 import filesystem from "../../common/filesystem";
 import { downloadAttachments } from "../../common/filesystem/download-attachment";
-import { AttachmentGroupProgress } from "../../screens/settings/attachment-group-progress";
+import { AttachmentGroupProgress } from "../../screens/settings/components/attachment-group-progress";
 import { presentSheet, ToastManager } from "../../services/event-manager";
 import { useAttachmentStore } from "../../stores/use-attachment-store";
 import { AppFontSize } from "../../utils/size";
diff --git a/apps/mobile/app/components/auth/change-password.tsx b/apps/mobile/app/components/auth/change-password.tsx
index d10ae1341..739cc155f 100644
--- a/apps/mobile/app/components/auth/change-password.tsx
+++ b/apps/mobile/app/components/auth/change-password.tsx
@@ -23,10 +23,9 @@ import React, { useRef, useState } from "react";
 import { View } from "react-native";
 import { db } from "../../common/database";
 import BackupService from "../../services/backup";
-import { eSendEvent, ToastManager } from "../../services/event-manager";
+import { ToastManager } from "../../services/event-manager";
 import Navigation from "../../services/navigation";
 import { useUserStore } from "../../stores/use-user-store";
-import { eOpenRecoveryKeyDialog } from "../../utils/events";
 import { AppFontSize } from "../../utils/size";
 import { DefaultAppStyles } from "../../utils/styles";
 import { Dialog } from "../dialog";
@@ -36,6 +35,8 @@ import FormInput, { createFormRef, validators } from "../ui/input/form-input";
 import { Notice } from "../ui/notice";
 import Paragraph from "../ui/typography/paragraph";
 import { TextInput } from "react-native-gesture-handler";
+import { Spacing } from "../../common/design/spacing";
+import RecoveryKeySheet from "../sheets/recovery-key";
 
 export const ChangePassword = () => {
   const { colors } = useThemeColors();
@@ -92,7 +93,7 @@ export const ChangePassword = () => {
       });
       setLoading(false);
       Navigation.goBack();
-      eSendEvent(eOpenRecoveryKeyDialog);
+      RecoveryKeySheet.present();
     } catch (e) {
       const message = (e as Error).message;
       setLoading(false);
@@ -109,12 +110,15 @@ export const ChangePassword = () => {
     <View
       style={{
         width: "100%",
-        padding: DefaultAppStyles.GAP
+        paddingTop: Spacing.LEVEL_0,
+        paddingHorizontal: Spacing.LEVEL_3,
+        gap: Spacing.LEVEL_2
       }}
     >
       <Dialog context="change-password-dialog" />
       <FormInput
         name="oldPassword"
+        label={strings.oldPassword()}
         formRef={formRef}
         fwdRef={oldPasswordInputRef}
         loading={loading}
@@ -125,7 +129,7 @@ export const ChangePassword = () => {
         autoComplete="password"
         autoCapitalize="none"
         autoCorrect={false}
-        placeholder={strings.currentPassword()}
+        placeholder={"•••••••••"}
         onSubmitEditing={() => {
           passwordInputRef.current?.focus();
         }}
@@ -133,6 +137,7 @@ export const ChangePassword = () => {
 
       <FormInput
         name="password"
+        label={strings.newPassword()}
         formRef={formRef}
         fwdRef={passwordInputRef}
         loading={loading}
@@ -143,7 +148,28 @@ export const ChangePassword = () => {
         autoComplete="password"
         autoCapitalize="none"
         autoCorrect={false}
-        placeholder={strings.newPassword()}
+        placeholder={"•••••••••"}
+        onSubmitEditing={() => {
+          changePassword();
+        }}
+      />
+
+      <FormInput
+        name="confirmPassword"
+        label={strings.confirmPassword()}
+        formRef={formRef}
+        fwdRef={passwordInputRef}
+        loading={loading}
+        validators={[
+          validators.matchField("password", strings.confirmPasswordRequired())
+        ]}
+        returnKeyLabel={strings.next()}
+        returnKeyType="next"
+        secureTextEntry
+        autoComplete="password"
+        autoCapitalize="none"
+        autoCorrect={false}
+        placeholder={"•••••••••"}
         onSubmitEditing={() => {
           changePassword();
         }}
@@ -168,15 +194,14 @@ export const ChangePassword = () => {
         </Paragraph>
       ) : null}
 
-      <Notice text={strings.changePasswordNotice()} type="alert" />
-
-      <View style={{ height: 10 }} />
-
-      <Notice text={strings.changePasswordNotice2()} type="alert" />
+      <Notice
+        text={strings.changePasswordNotice()}
+        type="information"
+        size="small"
+      />
 
       <Button
         style={{
-          marginTop: DefaultAppStyles.GAP_VERTICAL,
           width: "100%"
         }}
         loading={loading}
@@ -184,6 +209,23 @@ export const ChangePassword = () => {
         type="accent"
         title={loading ? null : strings.changePasswordConfirm()}
       />
+
+      <View
+        style={{
+          flexDirection: "row",
+          gap: Spacing.LEVEL_1,
+          alignSelf: "center",
+          marginTop: Spacing.LEVEL_0
+        }}
+      >
+        <AppIcon
+          size={15}
+          name="shield-check"
+          iconFamily="notesnook"
+          color={colors.secondary.icon}
+        />
+        <Paragraph>{strings.yourSecurityIsPriority()}</Paragraph>
+      </View>
     </View>
   );
 };
diff --git a/apps/mobile/app/components/dialog-provider/index.jsx b/apps/mobile/app/components/dialog-provider/index.jsx
index bbad2daa7..f04047ed2 100644
--- a/apps/mobile/app/components/dialog-provider/index.jsx
+++ b/apps/mobile/app/components/dialog-provider/index.jsx
@@ -31,8 +31,7 @@ import ImagePreview from "../image-preview";
 import MergeConflicts from "../merge-conflicts";
 import SheetProvider from "../sheet-provider";
 import RateAppSheet from "../sheets/rate-app";
-import RecoveryKeySheet from "../sheets/recovery-key";
-import Progress from "../dialogs/progress";
+import Progress from "../dialogs/progress/progress";
 import { useSettingStore } from "../../stores/use-setting-store";
 
 const DialogProvider = () => {
@@ -51,7 +50,6 @@ const DialogProvider = () => {
       {isAppLoading ? null : (
         <>
           <MergeConflicts />
-          <RecoveryKeySheet colors={colors} />
           <VaultDialog colors={colors} />
           <RateAppSheet />
           <ImagePreview />
diff --git a/apps/mobile/app/components/dialog/dialog-buttons.tsx b/apps/mobile/app/components/dialog/dialog-buttons.tsx
index a665bd1e9..853f746b7 100644
--- a/apps/mobile/app/components/dialog/dialog-buttons.tsx
+++ b/apps/mobile/app/components/dialog/dialog-buttons.tsx
@@ -51,7 +51,7 @@ const DialogButtons = ({
         {
           flexDirection: "row",
           gap: Spacing.LEVEL_2,
-          paddingHorizontal: Spacing.LEVEL_4
+          paddingHorizontal: Spacing.LEVEL_3
         }
       ]}
     >
@@ -61,7 +61,8 @@ const DialogButtons = ({
         testID={notesnook.ids.default.dialog.no}
         type="plain-outline"
         style={{
-          width: "48.5%"
+          flexGrow: 1,
+          flexShrink: 1
         }}
         title={negativeTitle}
       />
@@ -71,7 +72,8 @@ const DialogButtons = ({
           fontSize={AppFontSize.md}
           testID={notesnook.ids.default.dialog.yes}
           style={{
-            width: "48.5%"
+            flexGrow: 1,
+            flexShrink: 1
           }}
           loading={loading}
           bold
diff --git a/apps/mobile/app/components/dialog/dialog-container.tsx b/apps/mobile/app/components/dialog/dialog-container.tsx
index 653528dac..49d704a77 100644
--- a/apps/mobile/app/components/dialog/dialog-container.tsx
+++ b/apps/mobile/app/components/dialog/dialog-container.tsx
@@ -47,7 +47,8 @@ const DialogContainer = ({
           maxHeight: height || 450,
           borderRadius: Radius.LG,
           backgroundColor: colors.primary.background,
-          paddingTop: 12
+          paddingTop: 12,
+          marginTop: -300
         },
         restProps?.noBorder
           ? {}
diff --git a/apps/mobile/app/components/dialog/dialog-header.tsx b/apps/mobile/app/components/dialog/dialog-header.tsx
index 27262600d..1d31f6ee1 100644
--- a/apps/mobile/app/components/dialog/dialog-header.tsx
+++ b/apps/mobile/app/components/dialog/dialog-header.tsx
@@ -17,17 +17,20 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
+import { useThemeColors } from "@notesnook/theme";
 import React from "react";
 import { Text, View, ViewStyle } from "react-native";
-import { useThemeColors } from "@notesnook/theme";
-import { AppFontSize } from "../../utils/size";
+import { Radius, Spacing } from "../../common/design/spacing";
+import { DefaultAppStyles } from "../../utils/styles";
+import AppIcon, { IconProps } from "../ui/AppIcon";
 import { Button, ButtonProps } from "../ui/button";
 import Heading from "../ui/typography/heading";
 import Paragraph from "../ui/typography/paragraph";
-import { DefaultAppStyles } from "../../utils/styles";
 
 type DialogHeaderProps = {
   icon?: string;
+  iconFamily?: IconProps["iconFamily"];
+  iconType?: "error" | "normal";
   title?: string;
   paragraph?: string;
   button?: ButtonProps;
@@ -46,7 +49,10 @@ const DialogHeader = ({
   padding,
   centered,
   titlePart,
-  style
+  style,
+  icon,
+  iconFamily,
+  iconType
 }: DialogHeaderProps) => {
   const { colors } = useThemeColors();
 
@@ -63,54 +69,83 @@ const DialogHeader = ({
       >
         <View
           style={{
-            width: "100%"
+            width: "100%",
+            gap: Spacing.LEVEL_4
           }}
         >
+          {icon ? (
+            <View
+              style={{
+                alignSelf: centered ? "center" : "flex-start",
+                width: 40,
+                height: 40,
+                backgroundColor: colors.error.shade,
+                justifyContent: "center",
+                alignItems: "center",
+                borderRadius: Radius.XS
+              }}
+            >
+              <AppIcon
+                name={icon}
+                iconFamily={iconFamily}
+                color={
+                  iconType == "error" ? colors.static.red : colors.primary.icon
+                }
+              />
+            </View>
+          ) : null}
+
           <View
             style={{
-              flexDirection: "row",
-              justifyContent: centered ? "center" : "space-between",
-              alignItems: "center"
+              gap: Spacing.LEVEL_1
             }}
           >
-            <Heading
-              style={{ textAlign: centered ? "center" : "left" }}
-              fontSize="XL"
+            <View
+              style={{
+                flexDirection: "row",
+                justifyContent: centered ? "center" : "space-between",
+                alignItems: "center"
+              }}
             >
-              {title}{" "}
-              {titlePart ? (
-                <Text style={{ color: colors.primary.accent }}>
-                  {titlePart}
-                </Text>
-              ) : null}
-            </Heading>
+              <Heading
+                style={{ textAlign: centered ? "center" : "left" }}
+                fontSize="XL"
+              >
+                {title}{" "}
+                {titlePart ? (
+                  <Text style={{ color: colors.primary.accent }}>
+                    {titlePart}
+                  </Text>
+                ) : null}
+              </Heading>
 
-            {button ? (
-              <Button
+              {button ? (
+                <Button
+                  style={{
+                    borderRadius: 100,
+                    paddingHorizontal: DefaultAppStyles.GAP
+                  }}
+                  fontSize={13}
+                  type={button.type || "secondary"}
+                  height={30}
+                  {...button}
+                />
+              ) : null}
+            </View>
+
+            {paragraph ? (
+              <Paragraph
                 style={{
-                  borderRadius: 100,
-                  paddingHorizontal: DefaultAppStyles.GAP
+                  textAlign: centered ? "center" : "left",
+                  maxWidth: centered ? "90%" : "100%",
+                  alignSelf: centered ? "center" : "flex-start"
                 }}
-                fontSize={13}
-                type={button.type || "secondary"}
-                height={30}
-                {...button}
-              />
+                color={paragraphColor || colors.secondary.paragraph}
+              >
+                {paragraph}
+              </Paragraph>
             ) : null}
           </View>
-
-          {paragraph ? (
-            <Paragraph
-              style={{
-                textAlign: centered ? "center" : "left",
-                maxWidth: centered ? "90%" : "100%",
-                alignSelf: centered ? "center" : "flex-start"
-              }}
-              color={paragraphColor || colors.secondary.paragraph}
-            >
-              {paragraph}
-            </Paragraph>
-          ) : null}
         </View>
       </View>
     </>
diff --git a/apps/mobile/app/components/dialog/functions.ts b/apps/mobile/app/components/dialog/functions.ts
index ce967d510..adc52e6f1 100644
--- a/apps/mobile/app/components/dialog/functions.ts
+++ b/apps/mobile/app/components/dialog/functions.ts
@@ -23,10 +23,12 @@ import { eCloseSimpleDialog, eOpenSimpleDialog } from "../../utils/events";
 import { ButtonProps } from "../ui/button";
 import { FieldValidator, FormRef } from "../ui/input/form-input";
 import { RefObject } from "react";
+import { IconProps } from "../ui/AppIcon";
 
 export type DialogInfo = {
   title?: string;
   paragraph?: string;
+  centered?: boolean;
   positiveText: string;
   negativeText: string;
   background?: string;
@@ -44,6 +46,8 @@ export type DialogInfo = {
     | "error"
     | "errorShade";
   icon?: string;
+  iconFamily?: IconProps["iconFamily"];
+  iconType?: "error" | "normal";
   paragraphColor: string;
   form?: {
     formRef: FormRef;
diff --git a/apps/mobile/app/components/dialog/index.tsx b/apps/mobile/app/components/dialog/index.tsx
index 9c4dc2451..906263630 100644
--- a/apps/mobile/app/components/dialog/index.tsx
+++ b/apps/mobile/app/components/dialog/index.tsx
@@ -143,9 +143,6 @@ export const Dialog = ({ context = "global" }: { context?: string }) => {
   }, [hide, show]);
 
   const onNegativePress = async () => {
-    if (dialogInfo?.onClose) {
-      await dialogInfo.onClose();
-    }
     hide();
   };
 
@@ -218,6 +215,9 @@ export const Dialog = ({ context = "global" }: { context?: string }) => {
             <DialogHeader
               title={dialogInfo.title}
               icon={dialogInfo.icon}
+              iconFamily={dialogInfo.iconFamily}
+              iconType={dialogInfo.iconType}
+              centered={dialogInfo.centered}
               paragraph={dialogInfo.paragraph}
               paragraphColor={dialogInfo.paragraphColor}
               style={{
@@ -236,6 +236,7 @@ export const Dialog = ({ context = "global" }: { context?: string }) => {
                     key={item.name}
                     fwdRef={item.ref}
                     name={item.name}
+                    label={item.label}
                     autoFocus={index === 0}
                     placeholder={item.placeholder}
                     formRef={formRef as RefObject<FormRef>}
diff --git a/apps/mobile/app/components/dialogs/applock-password/index.tsx b/apps/mobile/app/components/dialogs/applock-password/index.tsx
index fea4c13e2..d3265e4f0 100644
--- a/apps/mobile/app/components/dialogs/applock-password/index.tsx
+++ b/apps/mobile/app/components/dialogs/applock-password/index.tsx
@@ -16,9 +16,11 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
+import { strings } from "@notesnook/intl";
 import { useThemeColors } from "@notesnook/theme";
 import React, { useEffect, useRef, useState } from "react";
 import { TextInput, View } from "react-native";
+import { Radius, Spacing } from "../../../common/design/spacing";
 import { db } from "../../../common/database";
 import {
   clearAppLockVerificationCipher,
@@ -33,7 +35,7 @@ import {
   eSubscribeEvent
 } from "../../../services/event-manager";
 import SettingsService from "../../../services/settings";
-import { useSettingStore } from "../../../stores/use-setting-store";
+import { PASSWORD_PLACEHOLDER } from "../../../utils/constants";
 import { getElevationStyle } from "../../../utils/elevation";
 import {
   eCloseAppLocKPasswordDailog,
@@ -42,61 +44,122 @@ import {
 import { AppFontSize } from "../../../utils/size";
 import { sleep } from "../../../utils/time";
 import BaseDialog from "../../dialog/base-dialog";
-import DialogButtons from "../../dialog/dialog-buttons";
-import DialogHeader from "../../dialog/dialog-header";
 import { Toast } from "../../toast";
 import { Button } from "../../ui/button";
-import { IconButton } from "../../ui/icon-button";
-import Input from "../../ui/input";
-import Seperator from "../../ui/seperator";
-import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../../utils/styles";
+import FormInput, {
+  createFormRef,
+  validators
+} from "../../ui/input/form-input";
+import Heading from "../../ui/typography/heading";
 
 export const AppLockPassword = () => {
   const { colors } = useThemeColors();
   const [mode, setMode] = useState<"create" | "change" | "remove">("create");
-  const [keyboardType, setKeyboardType] = useState<"pin" | "password">(
-    useSettingStore.getState().settings.applockKeyboardType === "default"
-      ? "password"
-      : "pin"
-  );
   const [visible, setVisible] = useState(false);
   const currentPasswordInputRef = useRef<TextInput>(null);
   const passwordInputRef = useRef<TextInput>(null);
   const confirmPasswordInputRef = useRef<TextInput>(null);
-  const values = useRef<{
-    currentPassword?: string;
-    password?: string;
-    confirmPassword?: string;
-  }>({});
-  const [secureTextEntry, setSecureTextEntry] = useState(true);
+  const formRef = useRef(
+    createFormRef({
+      currentPassword: "",
+      password: "",
+      confirmPassword: ""
+    })
+  );
   const [accountPass, setAccountPass] = useState(false);
+  const enableApplock = useRef(false);
 
   useEffect(() => {
     const subs = [
       eSubscribeEvent(
         eOpenAppLockPasswordDialog,
-        (mode: "create" | "change" | "remove") => {
+        (mode: "create" | "change" | "remove", _enableApplock = false) => {
           setMode(mode);
           setAccountPass(false);
           setVisible(true);
+          enableApplock.current = _enableApplock;
         }
       ),
       eSubscribeEvent(eCloseAppLocKPasswordDailog, () => {
-        values.current = {};
-        setVisible(false);
+        close();
       })
     ];
     return () => {
       subs.forEach((sub) => sub?.unsubscribe());
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const close = () => {
-    values.current = {};
+    formRef.current.setValue("currentPassword", "");
+    formRef.current.setValue("password", "");
+    formRef.current.setValue("confirmPassword", "");
+    formRef.current.clearErrors();
     setVisible(false);
   };
 
+  const onSubmit = async () => {
+    if (!formRef.current.validate()) return;
+
+    const currentPassword = formRef.current.getValue("currentPassword");
+    const password = formRef.current.getValue("password");
+
+    if (mode === "create") {
+      setAppLockVerificationCipher(password);
+      SettingsService.setProperty("appLockHasPasswordSecurity", true);
+      if (enableApplock.current) {
+        SettingsService.setProperty("appLockEnabled", true);
+      }
+    } else if (mode === "change") {
+      const isCurrentPasswordCorrect =
+        await validateAppLockPassword(currentPassword);
+
+      if (!isCurrentPasswordCorrect) {
+        formRef.current.setError(
+          "currentPassword",
+          strings.incorrect("password")
+        );
+        return;
+      }
+
+      await clearAppLockVerificationCipher();
+      SettingsService.setProperty("appLockHasPasswordSecurity", true);
+      await setAppLockVerificationCipher(password);
+    } else if (mode === "remove") {
+      const isCurrentPasswordCorrect = accountPass
+        ? await db.user.verifyPassword(password)
+        : await validateAppLockPassword(password);
+
+      if (!isCurrentPasswordCorrect) {
+        formRef.current.setError(
+          "password",
+          accountPass
+            ? strings.passwordIncorrect()
+            : strings.incorrect("password")
+        );
+        return;
+      }
+      clearAppLockVerificationCipher();
+      SettingsService.setProperty("appLockHasPasswordSecurity", false);
+
+      if (
+        !(await BiometricService.isBiometryAvailable()) ||
+        SettingsService.getProperty("biometricsAuthEnabled") === false
+      ) {
+        SettingsService.setProperty("appLockEnabled", false);
+        SettingsService.setPrivacyScreen(
+          SettingsService.getProperty("privacyScreen")
+        );
+        ToastManager.show({
+          message: strings.applockDisabled(),
+          type: "success"
+        });
+      }
+    }
+
+    close();
+  };
+
   return !visible ? null : (
     <BaseDialog
       onShow={async () => {
@@ -115,286 +178,132 @@ export const AppLockPassword = () => {
         style={{
           ...getElevationStyle(10),
           width: DDS.isTab ? 350 : "85%",
-          borderRadius: 10,
+          borderRadius: Radius.MD,
           backgroundColor: colors.primary.background,
-          paddingTop: 12
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingVertical: Spacing.LEVEL_4,
+          gap: Spacing.LEVEL_4
         }}
       >
-        <DialogHeader
-          title={strings.changeAppLockCredentials(mode, keyboardType)}
-          icon="shield"
-          padding={12}
-        />
-        <Seperator half />
+        <Heading fontSize="XL" lineHeight="100%">
+          {strings.changeAppLockCredentials(mode, "password")}
+        </Heading>
 
-        <View
-          style={{
-            paddingHorizontal: DefaultAppStyles.GAP
-          }}
-        >
+        <View style={{ gap: Spacing.LEVEL_2 }}>
           {mode === "change" ? (
-            <Input
+            <FormInput
+              name="currentPassword"
+              formRef={formRef}
+              label={strings.currentPassword()}
               fwdRef={currentPasswordInputRef}
               autoCapitalize="none"
-              onChangeText={(value) => {
-                values.current.currentPassword = value;
-              }}
-              onSubmit={() => {
-                passwordInputRef.current?.focus();
-              }}
-              defaultValue={values.current.currentPassword}
               autoComplete="password"
+              onSubmitEditing={() => passwordInputRef.current?.focus()}
               returnKeyLabel={strings.next()}
-              keyboardType={keyboardType === "pin" ? "number-pad" : "default"}
               returnKeyType="next"
-              secureTextEntry={secureTextEntry}
-              placeholder={
-                keyboardType === "pin"
-                  ? strings.currentPin()
-                  : strings.currentPassword()
-              }
+              secureTextEntry
+              placeholder={PASSWORD_PLACEHOLDER}
+              containerStyle={{ borderRadius: Radius.XS }}
+              validators={[validators.required(strings.passwordRequired())]}
             />
           ) : null}
 
-          <Input
+          <FormInput
+            name="password"
+            formRef={formRef}
+            label={
+              mode === "change"
+                ? strings.newPassword()
+                : strings.enterPassword()
+            }
             fwdRef={passwordInputRef}
             autoCapitalize="none"
-            onChangeText={(value) => {
-              values.current.password = value;
-            }}
-            onSubmit={() => {
-              confirmPasswordInputRef.current?.focus();
-            }}
-            defaultValue={values.current.password}
-            keyboardType={
-              keyboardType === "pin" && !accountPass ? "number-pad" : "default"
-            }
             autoComplete="password"
+            onSubmitEditing={() => {
+              if (mode !== "remove") {
+                confirmPasswordInputRef.current?.focus();
+              } else {
+                onSubmit();
+              }
+            }}
             returnKeyLabel={
               mode !== "remove" ? strings.next() : strings.remove()
             }
             returnKeyType={mode !== "remove" ? "next" : "done"}
-            secureTextEntry={secureTextEntry}
-            buttonLeft={
-              accountPass ? null : (
-                <IconButton
-                  name={keyboardType === "password" ? "numeric" : "keyboard"}
-                  onPress={() => {
-                    setKeyboardType(
-                      keyboardType === "password" ? "pin" : "password"
-                    );
-                    setSecureTextEntry(false);
-                    setImmediate(() => {
-                      setSecureTextEntry(true);
-                    });
-                  }}
-                  style={{
-                    width: 25,
-                    height: 25,
-                    marginRight: 5
-                  }}
-                  size={AppFontSize.lg}
-                />
-              )
-            }
-            placeholder={
-              accountPass
-                ? strings.enterAccountPassword()
-                : mode === "change"
-                  ? keyboardType === "pin"
-                    ? strings.newPin()
-                    : strings.newPassword()
-                  : `${
-                      keyboardType === "pin"
-                        ? strings.pin()
-                        : strings.password()
-                    }`
-            }
+            secureTextEntry
+            placeholder={PASSWORD_PLACEHOLDER}
+            containerStyle={{ borderRadius: Radius.XS }}
+            validators={[validators.required(strings.passwordRequired())]}
           />
 
           {mode !== "remove" ? (
-            <Input
-              fwdRef={confirmPasswordInputRef}
-              autoCapitalize="none"
-              onChangeText={(value) => {
-                values.current.confirmPassword = value;
-              }}
-              onSubmit={() => {
-                confirmPasswordInputRef.current?.focus();
-              }}
-              defaultValue={values.current.confirmPassword}
-              keyboardType={keyboardType === "pin" ? "number-pad" : "default"}
-              customValidator={() => values.current.password || ""}
-              validationType="confirmPassword"
-              autoComplete="password"
-              returnKeyLabel={strings.done()}
-              returnKeyType="done"
-              secureTextEntry={secureTextEntry}
-              placeholder={
-                keyboardType === "pin"
-                  ? strings.confirmPin()
+            <FormInput
+              name="confirmPassword"
+              formRef={formRef}
+              label={
+                mode === "change"
+                  ? strings.confirmNewPassword()
                   : strings.confirmPassword()
               }
+              fwdRef={confirmPasswordInputRef}
+              autoCapitalize="none"
+              autoComplete="password"
+              onSubmitEditing={() => onSubmit()}
+              returnKeyLabel={strings.done()}
+              returnKeyType="done"
+              secureTextEntry
+              placeholder={PASSWORD_PLACEHOLDER}
+              containerStyle={{ borderRadius: Radius.XS }}
+              validators={[
+                validators.required(strings.confirmPasswordRequired()),
+                validators.matchField("password", strings.passwordNotMatched())
+              ]}
             />
           ) : null}
 
           {mode === "remove" ? (
-            <>
-              <Button
-                icon={
-                  accountPass ? "checkbox-marked" : "checkbox-blank-outline"
-                }
-                onPress={() => {
-                  setSecureTextEntry(false);
-                  setAccountPass(!accountPass);
-                  setTimeout(() => {
-                    setSecureTextEntry(true);
-                  });
-                }}
-                iconSize={AppFontSize.lg}
-                type="plain"
-                iconColor={
-                  accountPass ? colors.primary.accent : colors.primary.icon
-                }
-                title={strings.useAccountPassword()}
-                style={{
-                  width: "100%",
-                  alignSelf: "flex-start",
-                  justifyContent: "flex-start",
-                  paddingHorizontal: 0,
-                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
-                }}
-              />
-            </>
+            <Button
+              icon={accountPass ? "checkbox" : "box-empty"}
+              iconFamily="notesnook"
+              onPress={() => setAccountPass(!accountPass)}
+              iconSize={AppFontSize.sm}
+              fontFamily="MEDIUM"
+              fontSize={AppFontSize.xs}
+              type="plain"
+              iconColor={
+                accountPass
+                  ? [colors.primary.accent, colors.primary.accentForeground]
+                  : colors.primary.icon
+              }
+              textStyle={{
+                color: colors.primary.paragraph
+              }}
+              title={strings.useAccountPassword()}
+              style={{
+                width: "100%",
+                alignSelf: "flex-start",
+                justifyContent: "flex-start",
+                paddingHorizontal: 0,
+                paddingVertical: 0
+              }}
+            />
           ) : null}
         </View>
 
-        <DialogButtons
-          onPressNegative={close}
-          onPressPositive={async () => {
-            if (mode === "create") {
-              if (!values.current.password || !values.current.confirmPassword) {
-                ToastManager.error(
-                  new Error(strings.allFieldsRequired()),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-
-              if (values.current.password !== values.current.confirmPassword) {
-                ToastManager.error(
-                  new Error(strings.mismatch(keyboardType)),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-              const password = values.current.password;
-              setAppLockVerificationCipher(password);
-              SettingsService.setProperty("appLockHasPasswordSecurity", true);
-            } else if (mode === "change") {
-              if (
-                !values.current.currentPassword ||
-                !values.current.password ||
-                !values.current.confirmPassword
-              ) {
-                ToastManager.error(
-                  new Error(strings.allFieldsRequired()),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-
-              if (values.current.password !== values.current.confirmPassword) {
-                ToastManager.error(
-                  new Error(strings.mismatch(keyboardType)),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-              const isCurrentPasswordCorrect = await validateAppLockPassword(
-                values.current.currentPassword
-              );
-
-              if (!isCurrentPasswordCorrect) {
-                ToastManager.error(
-                  new Error(strings.incorrect(keyboardType)),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-
-              const password = values.current.password;
-              await clearAppLockVerificationCipher();
-              SettingsService.setProperty("appLockHasPasswordSecurity", true);
-              await setAppLockVerificationCipher(password);
-            } else if (mode === "remove") {
-              if (!values.current.password) {
-                ToastManager.error(
-                  new Error(strings.allFieldsRequired()),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-
-              const isCurrentPasswordCorrect = accountPass
-                ? await db.user.verifyPassword(values.current.password)
-                : await validateAppLockPassword(values.current.password);
-
-              if (!isCurrentPasswordCorrect) {
-                ToastManager.error(
-                  new Error(
-                    accountPass
-                      ? strings.passwordIncorrect()
-                      : strings.incorrect(keyboardType)
-                  ),
-                  undefined,
-                  "local"
-                );
-                return;
-              }
-              clearAppLockVerificationCipher();
-              SettingsService.setProperty("appLockHasPasswordSecurity", false);
-
-              if (
-                !(await BiometricService.isBiometryAvailable()) ||
-                SettingsService.getProperty("biometricsAuthEnabled") === false
-              ) {
-                SettingsService.setProperty("appLockEnabled", false);
-                SettingsService.setPrivacyScreen(
-                  SettingsService.getProperty("privacyScreen")
-                );
-                ToastManager.show({
-                  message: strings.applockDisabled(),
-                  type: "success"
-                });
-              }
-            }
-
-            SettingsService.setProperty(
-              "applockKeyboardType",
-              keyboardType === "password" ? "default" : "numeric"
-            );
-
-            close();
-          }}
-          positiveTitle={
-            mode === "remove"
-              ? strings.remove()
-              : mode === "change"
-                ? strings.change()
-                : strings.save()
-          }
-          negativeTitle={strings.cancel()}
-          positiveType="transparent"
-          loading={false}
-          doneText=""
-        />
+        <View style={{ flexDirection: "row", gap: Spacing.LEVEL_2 }}>
+          <Button
+            title={strings.cancel()}
+            type="plain-outline"
+            onPress={close}
+            style={{ flex: 1, paddingVertical: Spacing.LEVEL_3 }}
+          />
+          <Button
+            title={mode === "remove" ? strings.remove() : strings.save()}
+            type="accent"
+            onPress={onSubmit}
+            style={{ flex: 1, paddingVertical: Spacing.LEVEL_3 }}
+          />
+        </View>
       </View>
 
       <Toast context="local" />
@@ -402,6 +311,9 @@ export const AppLockPassword = () => {
   );
 };
 
-AppLockPassword.present = (mode: "create" | "change" | "remove") => {
-  eSendEvent(eOpenAppLockPasswordDialog, mode);
+AppLockPassword.present = (
+  mode: "create" | "change" | "remove",
+  enableAppLock?: boolean
+) => {
+  eSendEvent(eOpenAppLockPasswordDialog, mode, enableAppLock);
 };
diff --git a/apps/mobile/app/components/dialogs/pdf-preview/index.jsx b/apps/mobile/app/components/dialogs/pdf-preview/index.jsx
index f8e404f4d..e52ad43d4 100644
--- a/apps/mobile/app/components/dialogs/pdf-preview/index.jsx
+++ b/apps/mobile/app/components/dialogs/pdf-preview/index.jsx
@@ -45,6 +45,7 @@ import { IconButton } from "../../ui/icon-button";
 import { ProgressBarComponent } from "../../ui/svg/lazy";
 import Paragraph from "../../ui/typography/paragraph";
 import ReactNativeBlobUtil from "react-native-blob-util";
+import { useSettingStore } from "../../../stores/use-setting-store";
 
 const WIN_WIDTH = Dimensions.get("window").width;
 const WIN_HEIGHT = Dimensions.get("window").height;
@@ -286,6 +287,9 @@ const PDFPreview = () => {
                     color={colors.static.white}
                     name="open-in-new"
                     onPress={() => {
+                      useSettingStore
+                        .getState()
+                        .setAppDidEnterBackgroundForAction(true);
                       FileViewer.open(pdfSource, {
                         showOpenWithDialog: true,
                         showAppsSuggestions: true
diff --git a/apps/mobile/app/components/dialogs/progress/index.tsx b/apps/mobile/app/components/dialogs/progress/index.tsx
index 3fac4b083..68d6c413c 100644
--- a/apps/mobile/app/components/dialogs/progress/index.tsx
+++ b/apps/mobile/app/components/dialogs/progress/index.tsx
@@ -17,28 +17,8 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-import { useThemeColors } from "@notesnook/theme";
-import React, { useEffect } from "react";
-import { View } from "react-native";
-import { eSendEvent, eSubscribeEvent } from "../../../services/event-manager";
-import { AppFontSize } from "../../../utils/size";
-import { Dialog } from "../../dialog";
-import BaseDialog from "../../dialog/base-dialog";
-import DialogContainer from "../../dialog/dialog-container";
-import { Button } from "../../ui/button";
-import { ProgressBarComponent } from "../../ui/svg/lazy";
-import Heading from "../../ui/typography/heading";
-import Paragraph from "../../ui/typography/paragraph";
-import { DefaultAppStyles } from "../../../utils/styles";
-
-export type ProgressOptions = {
-  progress?: string;
-  cancelCallback?: () => void;
-  title?: string;
-  paragraph?: string;
-  fillBackground?: boolean;
-  canHideProgress?: boolean;
-};
+import { eSendEvent } from "../../../services/event-manager";
+import { ProgressOptions } from "./progress";
 
 export const PROGRESS_EVENTS = {
   start: "startProgress",
@@ -46,146 +26,6 @@ export const PROGRESS_EVENTS = {
   update: "updateProgress"
 };
 
-export default function Progress() {
-  const { colors } = useThemeColors();
-  const [progress, setProgress] = React.useState<string | undefined>();
-  const [visible, setVisible] = React.useState(false);
-  const cancelCallback = React.useRef<() => void>(undefined);
-  const [data, setData] = React.useState<{
-    title?: string;
-    paragraph?: string;
-    fillBackground?: boolean;
-    canHideProgress?: boolean;
-  }>();
-
-  useEffect(() => {
-    const events = [
-      eSubscribeEvent(PROGRESS_EVENTS.start, (options: ProgressOptions) => {
-        setProgress(options.progress);
-        cancelCallback.current = options.cancelCallback;
-
-        setData({
-          title: options.title,
-          paragraph: options.paragraph,
-          fillBackground: options.fillBackground,
-          canHideProgress: options.canHideProgress
-        });
-        setVisible(true);
-      }),
-      eSubscribeEvent(PROGRESS_EVENTS.end, () => {
-        setProgress(undefined);
-        setVisible(false);
-        setData(undefined);
-        cancelCallback.current?.();
-        cancelCallback.current = undefined;
-      }),
-      eSubscribeEvent(PROGRESS_EVENTS.update, (options: ProgressOptions) => {
-        setProgress(options.progress);
-        if (options.cancelCallback) {
-          cancelCallback.current = options.cancelCallback;
-        }
-
-        const data: ProgressOptions = {};
-        if (options.title) data.title = options.title;
-        if (options.paragraph) data.paragraph = options.paragraph;
-        if (options.fillBackground)
-          data.fillBackground = options.fillBackground;
-
-        setData((current) => {
-          return {
-            ...current,
-            ...data
-          };
-        });
-      })
-    ];
-    return () => {
-      events.forEach((event) => event?.unsubscribe());
-      cancelCallback.current = undefined;
-    };
-  }, []);
-
-  return !visible ? null : (
-    <BaseDialog
-      background={data?.fillBackground ? colors.primary.background : undefined}
-      visible
-    >
-      <DialogContainer
-        style={{
-          paddingHorizontal: DefaultAppStyles.GAP,
-          paddingBottom: 10
-        }}
-        noBorder={data?.fillBackground ? true : false}
-      >
-        <Dialog context="local" />
-        <View
-          style={{
-            justifyContent: "center",
-            alignItems: "center",
-            paddingHorizontal: DefaultAppStyles.GAP,
-            gap: 10,
-            paddingBottom: 20
-          }}
-        >
-          <Heading
-            style={{
-              textAlign: "center"
-            }}
-            color={colors.primary.paragraph}
-            size={AppFontSize.lg}
-          >
-            {data?.title}
-          </Heading>
-          <Paragraph
-            style={{
-              textAlign: "center"
-            }}
-            color={colors.secondary.paragraph}
-          >
-            {progress ? progress : data?.paragraph}
-          </Paragraph>
-
-          <View
-            style={{
-              flexDirection: "row",
-              width: 100,
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            <ProgressBarComponent
-              height={5}
-              width={100}
-              animated={true}
-              useNativeDriver
-              indeterminate
-              indeterminateAnimationDuration={2000}
-              unfilledColor={colors.secondary.background}
-              color={colors.primary.accent}
-              borderWidth={0}
-            />
-          </View>
-
-          {!data?.canHideProgress ? null : (
-            <Button
-              title={cancelCallback.current ? "Cancel" : "Hide"}
-              type="secondaryAccented"
-              onPress={() => {
-                if (cancelCallback.current) {
-                  cancelCallback.current?.();
-                }
-                setVisible(false);
-                setProgress(undefined);
-                setData(undefined);
-              }}
-              width="100%"
-            />
-          )}
-        </View>
-      </DialogContainer>
-    </BaseDialog>
-  );
-}
-
 export function startProgress(options: ProgressOptions) {
   eSendEvent(PROGRESS_EVENTS.start, options);
 }
diff --git a/apps/mobile/app/components/dialogs/progress/progress.tsx b/apps/mobile/app/components/dialogs/progress/progress.tsx
new file mode 100644
index 000000000..80363f435
--- /dev/null
+++ b/apps/mobile/app/components/dialogs/progress/progress.tsx
@@ -0,0 +1,210 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import { useThemeColors } from "@notesnook/theme";
+import React, { useEffect } from "react";
+import { View } from "react-native";
+import { PROGRESS_EVENTS } from ".";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { eSubscribeEvent } from "../../../services/event-manager";
+import { AppFontSize } from "../../../utils/size";
+import { Dialog } from "../../dialog";
+import BaseDialog from "../../dialog/base-dialog";
+import DialogContainer from "../../dialog/dialog-container";
+import AppIcon from "../../ui/AppIcon";
+import { Button } from "../../ui/button";
+import { ProgressBarComponent } from "../../ui/svg/lazy";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+
+export type ProgressOptions = {
+  progress?: string;
+  cancelCallback?: () => void;
+  title?: string;
+  paragraph?: string;
+  fillBackground?: boolean;
+  canHideProgress?: boolean;
+  icon?: string;
+};
+
+export default function Progress() {
+  const { colors } = useThemeColors();
+  const [progress, setProgress] = React.useState<string | undefined>();
+  const [visible, setVisible] = React.useState(false);
+  const cancelCallback = React.useRef<() => void>(undefined);
+  const [data, setData] = React.useState<{
+    title?: string;
+    paragraph?: string;
+    fillBackground?: boolean;
+    canHideProgress?: boolean;
+    icon?: string;
+  }>();
+
+  useEffect(() => {
+    const events = [
+      eSubscribeEvent(PROGRESS_EVENTS.start, (options: ProgressOptions) => {
+        setProgress(options.progress);
+        cancelCallback.current = options.cancelCallback;
+
+        setData({
+          ...options
+        });
+        setVisible(true);
+      }),
+      eSubscribeEvent(PROGRESS_EVENTS.end, () => {
+        setProgress(undefined);
+        setVisible(false);
+        setData(undefined);
+        cancelCallback.current?.();
+        cancelCallback.current = undefined;
+      }),
+      eSubscribeEvent(PROGRESS_EVENTS.update, (options: ProgressOptions) => {
+        setProgress(options.progress);
+        if (options.cancelCallback) {
+          cancelCallback.current = options.cancelCallback;
+        }
+
+        const data: ProgressOptions = {};
+        if (options.title) data.title = options.title;
+        if (options.paragraph) data.paragraph = options.paragraph;
+        if (options.fillBackground)
+          data.fillBackground = options.fillBackground;
+        if (options.icon) {
+          data.icon = options.icon;
+        }
+
+        setData((current) => {
+          return {
+            ...current,
+            ...data
+          };
+        });
+      })
+    ];
+    return () => {
+      events.forEach((event) => event?.unsubscribe());
+      cancelCallback.current = undefined;
+    };
+  }, []);
+
+  return !visible ? null : (
+    <BaseDialog
+      background={data?.fillBackground ? colors.primary.background : undefined}
+      visible
+    >
+      <DialogContainer
+        style={{
+          padding: Spacing.LEVEL_4
+        }}
+        noBorder={data?.fillBackground ? true : false}
+      >
+        <Dialog context="local" />
+        <View
+          style={{
+            justifyContent: "center",
+            alignItems: "center",
+            gap: Spacing.LEVEL_4,
+            paddingTop: Spacing.LEVEL_1
+          }}
+        >
+          {data?.icon ? (
+            <View
+              style={{
+                width: 40,
+                height: 40,
+                borderRadius: Radius.XS,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: colors.secondary.background
+              }}
+            >
+              <AppIcon
+                name={data?.icon}
+                iconFamily="notesnook"
+                size={20}
+                color={colors.primary.icon}
+              />
+            </View>
+          ) : null}
+
+          <View
+            style={{
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <Heading
+              style={{
+                textAlign: "center"
+              }}
+              color={colors.primary.heading}
+              size={AppFontSize.lg}
+            >
+              {data?.title}
+            </Heading>
+            <Paragraph
+              style={{
+                textAlign: "center"
+              }}
+              color={colors.secondary.paragraph}
+            >
+              {progress ? progress : data?.paragraph}
+            </Paragraph>
+
+            <View
+              style={{
+                flexDirection: "row",
+                width: "100%"
+              }}
+            >
+              <ProgressBarComponent
+                height={8}
+                width={null}
+                style={{
+                  flex: 1
+                }}
+                animated={true}
+                useNativeDriver
+                indeterminate
+                indeterminateAnimationDuration={2000}
+                unfilledColor={colors.secondary.background}
+                color={colors.primary.accent}
+                borderWidth={0}
+              />
+            </View>
+          </View>
+
+          {!data?.canHideProgress ? null : (
+            <Button
+              title={cancelCallback.current ? "Cancel" : "Hide"}
+              type="accent"
+              onPress={() => {
+                if (cancelCallback.current) {
+                  cancelCallback.current?.();
+                }
+                setVisible(false);
+                setProgress(undefined);
+                setData(undefined);
+              }}
+              width={160}
+            />
+          )}
+        </View>
+      </DialogContainer>
+    </BaseDialog>
+  );
+}
diff --git a/apps/mobile/app/components/dialogs/vault/index.tsx b/apps/mobile/app/components/dialogs/vault/index.tsx
index d5b24c06c..fd73ff3ec 100644
--- a/apps/mobile/app/components/dialogs/vault/index.tsx
+++ b/apps/mobile/app/components/dialogs/vault/index.tsx
@@ -55,7 +55,6 @@ import FormInput, {
   createFormRef,
   validators
 } from "../../ui/input/form-input";
-import Seperator from "../../ui/seperator";
 import Paragraph from "../../ui/typography/paragraph";
 import { strings } from "@notesnook/intl";
 import { DefaultAppStyles } from "../../../utils/styles";
@@ -67,9 +66,12 @@ import {
 } from "@notesnook/core";
 import { useThemeColors } from "@notesnook/theme";
 import { useUserStore } from "../../../stores/use-user-store";
-import { AppFontSize } from "../../../utils/size";
 import { Pressable } from "../../ui/pressable";
 import AppIcon from "../../ui/AppIcon";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { PASSWORD_PLACEHOLDER } from "../../../utils/constants";
+import { AppFontSize } from "../../../utils/size";
+import { useSettingStore } from "../../../stores/use-setting-store";
 
 export const VaultDialog: React.FC = () => {
   const { colors } = useThemeColors();
@@ -91,7 +93,7 @@ export const VaultDialog: React.FC = () => {
   const paragraphRef = useRef<string | null>(null);
   const buttonTitleRef = useRef<string | null>(null);
   const positiveButtonTypeRef = useRef<"errorShade" | "transparent" | "accent">(
-    "transparent"
+    "accent"
   );
   const customActionTitleRef = useRef<string | null>(null);
   const customActionParagraphRef = useRef<string | null>(null);
@@ -119,6 +121,7 @@ export const VaultDialog: React.FC = () => {
   const passInputRef = useRef<TextInput>(null);
   const confirmPassRef = useRef<TextInput>(null);
   const newPassInputRef = useRef<TextInput>(null);
+  const [icon, setIcon] = useState<string>();
 
   const close = useCallback(() => {
     if (loading) {
@@ -146,7 +149,7 @@ export const VaultDialog: React.FC = () => {
     descriptionRef.current = null;
     paragraphRef.current = null;
     buttonTitleRef.current = null;
-    positiveButtonTypeRef.current = "transparent";
+    positiveButtonTypeRef.current = "accent";
     customActionTitleRef.current = null;
     customActionParagraphRef.current = null;
     noteLockedRef.current = false;
@@ -355,6 +358,7 @@ export const VaultDialog: React.FC = () => {
     async (note: Note & { content?: NoteContent<false> }) => {
       close();
       try {
+        useSettingStore.getState().setAppDidEnterBackgroundForAction(true);
         await Share.open({
           title: note.title,
           failOnCancel: false,
@@ -638,6 +642,7 @@ export const VaultDialog: React.FC = () => {
       setIsBiometryAvailable(available);
       setIsBiometryEnrolled(fingerprint);
       setBiometricUnlock(fingerprint);
+      setIcon(data.icon);
       setDeleteAll(false);
       setLoading(false);
 
@@ -707,9 +712,9 @@ export const VaultDialog: React.FC = () => {
         style={{
           ...getElevationStyle(5),
           width: DDS.isTab ? 350 : "85%",
-          borderRadius: 10,
+          borderRadius: Radius.MD,
           backgroundColor: colors.primary.background,
-          paddingTop: 12,
+          paddingVertical: Spacing.LEVEL_4,
           overflow: "hidden"
         }}
       >
@@ -718,13 +723,21 @@ export const VaultDialog: React.FC = () => {
           paragraph={
             paragraphRef.current || customActionParagraphRef.current || ""
           }
-          icon="shield"
-          padding={12}
+          style={{
+            paddingHorizontal: Spacing.LEVEL_3
+          }}
+          centered={!!icon}
+          icon={icon}
+          iconType="error"
+          iconFamily="notesnook"
         />
 
         <View
           style={{
-            paddingHorizontal: DefaultAppStyles.GAP
+            paddingHorizontal: Spacing.LEVEL_3,
+            gap: isDeleteVault ? 0 : Spacing.LEVEL_4,
+            marginTop: Spacing.LEVEL_4,
+            marginBottom: Spacing.LEVEL_1
           }}
         >
           {(isChangePassword ||
@@ -743,20 +756,16 @@ export const VaultDialog: React.FC = () => {
               <FormInput
                 name="password"
                 formRef={formRef}
+                label={
+                  isChangePassword
+                    ? strings.currentPassword()
+                    : strings.password()
+                }
                 fwdRef={passInputRef}
                 editable={!loading}
                 autoCapitalize="none"
                 testID={notesnook.ids.dialogs.vault.pwd}
                 autoComplete="password"
-                marginBottom={
-                  !biometricUnlock ||
-                  !isBiometryEnrolled ||
-                  isCreateVault ||
-                  isChangePassword ||
-                  isCustomAction
-                    ? 0
-                    : 10
-                }
                 onSubmitEditing={() => {
                   if (isChangePassword) {
                     newPassInputRef.current?.focus();
@@ -769,11 +778,7 @@ export const VaultDialog: React.FC = () => {
                 }
                 returnKeyType={isChangePassword ? "next" : "done"}
                 secureTextEntry
-                placeholder={
-                  isChangePassword
-                    ? strings.currentPassword()
-                    : strings.password()
-                }
+                placeholder={PASSWORD_PLACEHOLDER}
                 validators={[validators.required(strings.passwordRequired())]}
               />
 
@@ -800,37 +805,30 @@ export const VaultDialog: React.FC = () => {
           {isDeleteVault && (
             <Pressable
               onPress={() => setDeleteAll(!deleteAll)}
+              icon={deleteAll ? "checkbox" : "box-empty"}
+              iconFamily="notesnook"
+              fontFamily="MEDIUM"
+              iconSize={14}
+              fontSize={AppFontSize.sm}
+              width="100%"
               style={{
-                paddingVertical: 0,
-                flexDirection: "row",
-                gap: DefaultAppStyles.GAP_SMALL,
-                marginTop: isUserLoggedIn
-                  ? DefaultAppStyles.GAP_VERTICAL_SMALL
-                  : 0,
-                justifyContent: "flex-start"
+                justifyContent: "flex-start",
+                paddingHorizontal: 0
               }}
-            >
-              <AppIcon
-                name={
-                  deleteAll
-                    ? "check-circle-outline"
-                    : "checkbox-blank-circle-outline"
-                }
-                color={colors.error.accent}
-                size={AppFontSize.md}
-              />
-
-              <Paragraph color={colors.error.accent} size={AppFontSize.sm}>
-                {strings.deleteAllNotes()}
-              </Paragraph>
-            </Pressable>
+              title={strings.deleteAllNotes()}
+              type="transparent"
+              iconColor={colors.error.accent}
+              textStyle={{
+                color: colors.error.accent
+              }}
+            />
           )}
 
           {isChangePassword ? (
             <>
-              <Seperator half />
               <FormInput
                 name="newPassword"
+                label={strings.newPassword()}
                 formRef={formRef}
                 fwdRef={newPassInputRef}
                 editable={!loading}
@@ -843,7 +841,7 @@ export const VaultDialog: React.FC = () => {
                 returnKeyLabel="Change"
                 returnKeyType="done"
                 secureTextEntry
-                placeholder={strings.newPassword()}
+                placeholder={PASSWORD_PLACEHOLDER}
                 validators={[validators.required(strings.passwordRequired())]}
               />
             </>
@@ -864,12 +862,13 @@ export const VaultDialog: React.FC = () => {
                 onSubmitEditing={() => {
                   confirmPassRef.current?.focus();
                 }}
-                placeholder={strings.password()}
+                placeholder={PASSWORD_PLACEHOLDER}
                 validators={[validators.required(strings.passwordRequired())]}
               />
 
               <FormInput
                 name="confirmPassword"
+                label={strings.confirmPassword()}
                 formRef={formRef}
                 fwdRef={confirmPassRef}
                 autoCapitalize="none"
@@ -882,7 +881,7 @@ export const VaultDialog: React.FC = () => {
                 onSubmitEditing={() => {
                   onPress();
                 }}
-                placeholder={strings.confirmPassword()}
+                placeholder={PASSWORD_PLACEHOLDER}
                 validators={[
                   validators.required(strings.confirmPasswordRequired()),
                   validators.matchField(
diff --git a/apps/mobile/app/components/header/index.tsx b/apps/mobile/app/components/header/index.tsx
index 6695a800b..7b72b28f6 100644
--- a/apps/mobile/app/components/header/index.tsx
+++ b/apps/mobile/app/components/header/index.tsx
@@ -19,7 +19,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import { useThemeColors } from "@notesnook/theme";
 import React, { useCallback, useEffect, useState } from "react";
-import { View } from "react-native";
+import { View, ViewStyle } from "react-native";
 import { notesnook } from "../../../e2e/test.ids";
 import { Radius, Spacing } from "../../common/design/spacing";
 import {
@@ -44,7 +44,8 @@ export const Header = ({
   canGoBack,
   hasSearch,
   onSearch,
-  rightButton
+  rightButton,
+  style
 }: {
   onLeftMenuButtonPress?: () => void;
   renderedInRoute?: RouteName;
@@ -55,6 +56,7 @@ export const Header = ({
   hasSearch?: boolean;
   onSearch?: () => void;
   rightButton?: IconButtonProps;
+  style?: ViewStyle;
 }) => {
   const { colors } = useThemeColors();
   const [borderHidden, setBorderHidden] = useState(true);
@@ -109,15 +111,18 @@ export const Header = ({
       }}
     >
       <View
-        style={{
-          flexDirection: "row",
-          justifyContent: "space-between",
-          borderRadius: Radius.S,
-          paddingHorizontal: Spacing.LEVEL_2,
-          paddingVertical: Spacing.LEVEL_3,
-          backgroundColor: colors.secondary.background,
-          alignItems: "center"
-        }}
+        style={[
+          {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            borderRadius: Radius.S,
+            paddingHorizontal: Spacing.LEVEL_2,
+            paddingVertical: Spacing.LEVEL_3,
+            backgroundColor: colors.secondary.background,
+            alignItems: "center"
+          },
+          style
+        ]}
         testID="search-header"
       >
         {isTablet && !canGoBack ? null : (
@@ -134,7 +139,7 @@ export const Header = ({
               height: 20
             }}
             size={20}
-            name={canGoBack ? "arrow-left" : "menu"}
+            name={canGoBack ? "arrow-back" : "menu"}
             iconFamily="notesnook"
             color={colors.primary.icon}
           />
diff --git a/apps/mobile/app/components/sheet-provider/index.jsx b/apps/mobile/app/components/sheet-provider/index.jsx
index b742a5f50..1c5ba4a6c 100644
--- a/apps/mobile/app/components/sheet-provider/index.jsx
+++ b/apps/mobile/app/components/sheet-provider/index.jsx
@@ -34,6 +34,8 @@ import SheetWrapper from "../ui/sheet";
 import Heading from "../ui/typography/heading";
 import Paragraph from "../ui/typography/paragraph";
 import { DefaultAppStyles } from "../../utils/styles";
+import { Radius, Spacing } from "../../common/design/spacing";
+import AppIcon from "../ui/AppIcon";
 const SheetProvider = ({ context = "global" }) => {
   const { colors } = useThemeColors();
   const [visible, setVisible] = useState(false);
@@ -113,43 +115,78 @@ const SheetProvider = ({ context = "global" }) => {
           : data.enableGesturesInScrollView
       }
     >
-      <View
-        style={{
-          justifyContent: "center",
-          alignItems: "center",
-          marginBottom:
-            !data.progress && !data.icon && !data.title && !data.paragraph
-              ? 0
-              : 10,
-          paddingHorizontal: DefaultAppStyles.GAP
-        }}
-      >
-        {data?.progress ? (
-          <ActivityIndicator
+      {data?.progress || data?.icon || data?.paragraph ? (
+        <View
+          style={{
+            justifyContent: "center",
+            alignItems: "center",
+            marginBottom:
+              !data.progress && !data.icon && !data.title && !data.paragraph
+                ? 0
+                : 10,
+            paddingHorizontal: DefaultAppStyles.GAP
+          }}
+        >
+          <View
             style={{
-              marginTop: DefaultAppStyles.GAP
+              flexDirection: "row",
+              alignItems: "flex-start",
+              gap: Spacing.LEVEL_1,
+              paddingTop: Spacing.LEVEL_2
             }}
-            size={50}
-            color={colors.primary.accent}
-          />
-        ) : null}
+          >
+            {data?.icon || data?.progress ? (
+              <View
+                style={{
+                  width: 32,
+                  height: 32,
+                  borderRadius: Radius.XS,
+                  alignItems: "center",
+                  justifyContent: "center",
+                  backgroundColor: colors.secondary.background
+                }}
+              >
+                {data.icon ? (
+                  <AppIcon
+                    name="clock"
+                    iconFamily="notesnook"
+                    size={16}
+                    color={colors.primary.icon}
+                  />
+                ) : (
+                  <ActivityIndicator
+                    style={{
+                      marginTop: DefaultAppStyles.GAP
+                    }}
+                    size={50}
+                    color={colors.primary.accent}
+                  />
+                )}
+              </View>
+            ) : null}
 
-        {data?.icon ? (
-          <Icon
-            color={colors[data.iconColor] || colors.primary.accent}
-            name={data.icon}
-            size={50}
-          />
-        ) : null}
-
-        {data?.title ? <Heading> {data?.title}</Heading> : null}
-
-        {data?.paragraph ? (
-          <Paragraph style={{ textAlign: "center" }}>
-            {data?.paragraph}
-          </Paragraph>
-        ) : null}
-      </View>
+            {data?.title || data?.paragraph ? (
+              <View
+                style={{
+                  flex: 1,
+                  gap: Spacing.LEVEL_1
+                }}
+              >
+                {data.title ? (
+                  <Heading fontSize="XL" lineHeight="100%">
+                    {data.title}
+                  </Heading>
+                ) : null}
+                {data.paragraph ? (
+                  <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+                    {data.paragraph}
+                  </Paragraph>
+                ) : null}
+              </View>
+            ) : null}
+          </View>
+        </View>
+      ) : null}
 
       {typeof data.component === "function"
         ? data.component(
@@ -212,20 +249,27 @@ const SheetProvider = ({ context = "global" }) => {
           />
         ) : null}
 
-        {data?.actionsArray &&
-          data?.actionsArray.map((item) => (
-            <Button
-              onPress={item.action}
-              key={item.accentText}
-              title={item.actionText}
-              icon={item.icon && item.icon}
-              type={item.type || "accent"}
-              style={{
-                marginBottom: DefaultAppStyles.GAP_VERTICAL
-              }}
-              width="100%"
-            />
-          ))}
+        <View
+          style={{
+            flexDirection: "row",
+            gap: Spacing.LEVEL_2
+          }}
+        >
+          {data?.actionsArray &&
+            data?.actionsArray.map((item) => (
+              <Button
+                onPress={item.action}
+                key={item.accentText}
+                title={item.actionText}
+                icon={item.icon && item.icon}
+                type={item.type || "accent"}
+                style={{
+                  flex: 1,
+                  flexShrink: 1
+                }}
+              />
+            ))}
+        </View>
 
         {data?.learnMore ? (
           <Paragraph
diff --git a/apps/mobile/app/components/sheets/add-api-key/index.tsx b/apps/mobile/app/components/sheets/add-api-key/index.tsx
index 5a0014513..632c6e4f8 100644
--- a/apps/mobile/app/components/sheets/add-api-key/index.tsx
+++ b/apps/mobile/app/components/sheets/add-api-key/index.tsx
@@ -16,23 +16,24 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
 import React, { useRef, useState } from "react";
 import { View } from "react-native";
-import { strings } from "@notesnook/intl";
+import { ScrollView } from "react-native-actions-sheet";
+import { Radius, Spacing } from "../../../common/design/spacing";
 import { db } from "../../../common/database";
+import { ToastManager, presentSheet } from "../../../services/event-manager";
+import { DefaultAppStyles } from "../../../utils/styles";
+import AppIcon from "../../ui/AppIcon";
 import { Button } from "../../ui/button";
 import FormInput, {
   createFormRef,
   validators
 } from "../../ui/input/form-input";
-import Paragraph from "../../ui/typography/paragraph";
-import Heading from "../../ui/typography/heading";
-import { DefaultAppStyles } from "../../../utils/styles";
-import { AppFontSize } from "../../../utils/size";
-import { ToastManager, presentSheet } from "../../../services/event-manager";
-import { useThemeColors } from "@notesnook/theme";
 import { Pressable } from "../../ui/pressable";
-import { ScrollView } from "react-native-actions-sheet";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
 
 const getExpiryOptions = () => [
   { label: strings.expiryOneDay(), value: 24 * 60 * 60 * 1000 },
@@ -94,7 +95,7 @@ export default function AddApiKeySheet({ close, onAdd }: AddApiKeySheetProps) {
     <ScrollView
       contentContainerStyle={{
         paddingHorizontal: DefaultAppStyles.GAP,
-        gap: DefaultAppStyles.GAP_VERTICAL,
+        gap: DefaultAppStyles.GAP,
         paddingTop: DefaultAppStyles.GAP_VERTICAL,
         paddingBottom: DefaultAppStyles.GAP_VERTICAL * 2
       }}
@@ -102,60 +103,92 @@ export default function AddApiKeySheet({ close, onAdd }: AddApiKeySheetProps) {
       <View
         style={{
           flexDirection: "row",
-          justifyContent: "space-between",
-          alignItems: "center"
+          alignItems: "flex-start",
+          gap: DefaultAppStyles.GAP_SMALL
         }}
       >
-        <Heading size={AppFontSize.xl}>{strings.createApiKey()}</Heading>
-      </View>
-
-      <View style={{ gap: DefaultAppStyles.GAP_VERTICAL }}>
-        <Paragraph size={AppFontSize.sm}>{strings.keyName()}</Paragraph>
-        <FormInput
-          name="keyName"
-          formRef={formRef}
-          placeholder={strings.exampleKeyName()}
-          validators={[validators.required(strings.enterKeyName())]}
-          onChangeText={() => {
-            formRef.current.setError("keyName", undefined);
-          }}
-          onSubmitEditing={handleCreate}
-        />
-      </View>
-
-      <View style={{ gap: DefaultAppStyles.GAP_VERTICAL }}>
-        <Paragraph size={AppFontSize.sm}>{strings.expiresIn()}</Paragraph>
         <View
           style={{
-            flexDirection: "row",
-            flexWrap: "wrap",
-            gap: DefaultAppStyles.GAP_SMALL
+            width: 32,
+            height: 32,
+            borderRadius: Radius.XS,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: colors.secondary.background
           }}
         >
-          {getExpiryOptions().map((option) => (
-            <Pressable
-              key={option.label}
-              onPress={() => setSelectedExpiry(option.value)}
-              type={
-                selectedExpiry === option.value ? "selected" : "transparent"
-              }
-              style={{
-                paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                paddingHorizontal: DefaultAppStyles.GAP
-              }}
-            >
-              <Paragraph
-                size={AppFontSize.sm}
-                color={
-                  selectedExpiry === option.value
-                    ? colors.selected.paragraph
-                    : colors.primary.paragraph
-                }
+          <AppIcon
+            name="key"
+            iconFamily="notesnook"
+            size={16}
+            color={colors.primary.icon}
+          />
+        </View>
+        <View style={{ flex: 1, gap: DefaultAppStyles.GAP_VERTICAL_SMALL }}>
+          <Heading fontSize="XL" lineHeight="100%">
+            {strings.createApiKey()}
+          </Heading>
+          <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+            {strings.createApiKeyDesc()}
+          </Paragraph>
+        </View>
+      </View>
+
+      <FormInput
+        name="keyName"
+        formRef={formRef}
+        label={strings.keyName()}
+        placeholder={strings.exampleKeyName()}
+        validators={[validators.required(strings.enterKeyName())]}
+        containerStyle={{ borderRadius: Radius.XS }}
+        onChangeText={() => {
+          formRef.current.setError("keyName", undefined);
+        }}
+        onSubmitEditing={handleCreate}
+      />
+
+      <View style={{ height: 1, backgroundColor: colors.primary.border }} />
+
+      <View style={{ gap: DefaultAppStyles.GAP_VERTICAL }}>
+        <Heading fontSize="MD" lineHeight="100%">
+          {strings.expiresIn()}
+        </Heading>
+        <View style={{ gap: DefaultAppStyles.GAP_VERTICAL }}>
+          {getExpiryOptions().map((option) => {
+            const selected = selectedExpiry === option.value;
+            return (
+              <Pressable
+                key={option.label}
+                onPress={() => setSelectedExpiry(option.value)}
+                type={selected ? "selected" : "transparent"}
+                style={{
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  padding: Spacing.LEVEL_2,
+                  borderRadius: Radius.XS,
+                  borderWidth: selected ? 0 : 1,
+                  borderColor: colors.secondary.border
+                }}
               >
-                {option.label}
-              </Paragraph>
-            </Pressable>
-          ))}
+                <Heading
+                  fontFamily="MEDIUM"
+                  fontSize="SM"
+                  lineHeight="100%"
+                  color={
+                    selected ? colors.selected.heading : colors.secondary.heading
+                  }
+                >
+                  {option.label}
+                </Heading>
+                <AppIcon
+                  name={selected ? "radiobox-marked" : "radiobox-blank"}
+                  size={16}
+                  color={selected ? colors.selected.accent : colors.secondary.icon}
+                />
+              </Pressable>
+            );
+          })}
         </View>
       </View>
 
@@ -166,9 +199,6 @@ export default function AddApiKeySheet({ close, onAdd }: AddApiKeySheetProps) {
         loading={isCreating}
         disabled={isCreating}
         onPress={handleCreate}
-        style={{
-          marginTop: DefaultAppStyles.GAP_VERTICAL
-        }}
       />
     </ScrollView>
   );
diff --git a/apps/mobile/app/components/sheets/app-lock-timeout/index.tsx b/apps/mobile/app/components/sheets/app-lock-timeout/index.tsx
new file mode 100644
index 000000000..eb36cf77c
--- /dev/null
+++ b/apps/mobile/app/components/sheets/app-lock-timeout/index.tsx
@@ -0,0 +1,178 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useState } from "react";
+import { useWindowDimensions, View } from "react-native";
+import { ScrollView } from "react-native-actions-sheet";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { presentSheet } from "../../../services/event-manager";
+import SettingsService from "../../../services/settings";
+import { useSettingStore } from "../../../stores/use-setting-store";
+import AppIcon from "../../ui/AppIcon";
+import { Pressable } from "../../ui/pressable";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+
+const OPTIONS = [-1, 0, 1, 5, 15, 30];
+
+const formatValue = (item: number) => {
+  return item === -1
+    ? strings.never()
+    : item === 0
+      ? strings.immediately()
+      : item === 1
+        ? strings.minutes(1)
+        : strings.minutes(item);
+};
+
+type AppLockTimeoutProps = {
+  close?: (ctx?: string) => void;
+};
+
+function AppLockTimeout({ close }: AppLockTimeoutProps) {
+  const { colors } = useThemeColors();
+  const { height } = useWindowDimensions();
+  const [currentValue, setCurrentValue] = useState(
+    useSettingStore.getState().settings.appLockTimer
+  );
+
+  const onChange = async (item: number) => {
+    SettingsService.set({ appLockTimer: item });
+    setCurrentValue(item);
+    close?.();
+  };
+
+  return (
+    <ScrollView
+      style={{
+        maxHeight: height * 0.8
+      }}
+    >
+      <View
+        style={{
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: Spacing.LEVEL_1,
+            paddingTop: Spacing.LEVEL_2
+          }}
+        >
+          <View
+            style={{
+              width: 32,
+              height: 32,
+              borderRadius: Radius.XS,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
+            }}
+          >
+            <AppIcon
+              name="clock"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.primary.icon}
+            />
+          </View>
+
+          <View
+            style={{
+              flex: 1,
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.appLockTimeout()}
+            </Heading>
+            <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+              {strings.appLockTimeoutDesc()}
+            </Paragraph>
+          </View>
+        </View>
+      </View>
+
+      <View
+        style={{
+          width: "100%",
+          backgroundColor: colors.primary.background,
+          borderTopLeftRadius: 35,
+          borderTopRightRadius: 35,
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingTop: Spacing.LEVEL_2,
+          gap: Spacing.LEVEL_2
+        }}
+      >
+        {OPTIONS.map((item) => {
+          const selected = currentValue === item;
+          return (
+            <Pressable
+              key={item}
+              type={selected ? "selected" : "transparent"}
+              onPress={() => onChange(item)}
+              style={{
+                width: "100%",
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: Spacing.LEVEL_2,
+                borderRadius: Radius.XS,
+                borderWidth: selected ? 0 : 1,
+                borderColor: colors.primary.border
+              }}
+            >
+              <Heading
+                fontFamily="MEDIUM"
+                fontSize="SM"
+                lineHeight="100%"
+                color={colors.primary.heading}
+              >
+                {formatValue(item)}
+              </Heading>
+
+              <AppIcon
+                name={selected ? "radio-button" : "ellipse"}
+                iconFamily="notesnook"
+                size={16}
+                color={
+                  selected
+                    ? [colors.selected.accent, colors.static.white]
+                    : colors.secondary.icon
+                }
+              />
+            </Pressable>
+          );
+        })}
+      </View>
+    </ScrollView>
+  );
+}
+
+AppLockTimeout.present = () => {
+  presentSheet({
+    component: (_ref, close) => <AppLockTimeout close={close} />
+  });
+};
+
+export default AppLockTimeout;
diff --git a/apps/mobile/app/components/sheets/date-format/index.tsx b/apps/mobile/app/components/sheets/date-format/index.tsx
new file mode 100644
index 000000000..8f5a5770a
--- /dev/null
+++ b/apps/mobile/app/components/sheets/date-format/index.tsx
@@ -0,0 +1,185 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { DATE_FORMATS } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import dayjs from "dayjs";
+import React, { useState } from "react";
+import { useWindowDimensions, View } from "react-native";
+import { ScrollView } from "react-native-actions-sheet";
+import { db } from "../../../common/database";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { presentSheet } from "../../../services/event-manager";
+import { useSettingStore } from "../../../stores/use-setting-store";
+import AppIcon from "../../ui/AppIcon";
+import { Pressable } from "../../ui/pressable";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+
+type DateFormatProps = {
+  close?: (ctx?: string) => void;
+};
+
+function DateFormat({ close }: DateFormatProps) {
+  const { colors } = useThemeColors();
+  const { height } = useWindowDimensions();
+  const [currentValue, setCurrentValue] = useState(db.settings.getDateFormat());
+
+  const onChange = async (item: string) => {
+    db.settings.setDateFormat(item);
+    useSettingStore.setState({
+      dateFormat: item
+    });
+    setCurrentValue(item);
+    close?.();
+  };
+
+  return (
+    <ScrollView
+      style={{
+        maxHeight: height * 0.8
+      }}
+    >
+      <View
+        style={{
+          width: "100%",
+          backgroundColor: colors.primary.background,
+          borderTopLeftRadius: 35,
+          borderTopRightRadius: 35,
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingTop: Spacing.LEVEL_2,
+          gap: Spacing.LEVEL_3
+        }}
+      >
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: Spacing.LEVEL_1
+          }}
+        >
+          <View
+            style={{
+              width: 32,
+              height: 32,
+              borderRadius: Radius.XS,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
+            }}
+          >
+            <AppIcon
+              name="calendar-day"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.primary.icon}
+            />
+          </View>
+
+          <View
+            style={{
+              flex: 1,
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.dateFormat()}
+            </Heading>
+            <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+              {strings.dateFormatDesc()}
+            </Paragraph>
+          </View>
+        </View>
+
+        <View
+          style={{
+            height: 1,
+            backgroundColor: colors.primary.border
+          }}
+        />
+
+        <View
+          style={{
+            gap: Spacing.LEVEL_2
+          }}
+        >
+          {DATE_FORMATS.map((item) => {
+            const selected = currentValue === item;
+            return (
+              <Pressable
+                key={item}
+                type={selected ? "selected" : "transparent"}
+                onPress={() => onChange(item)}
+                style={{
+                  width: "100%",
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  padding: Spacing.LEVEL_2,
+                  borderRadius: Radius.XS,
+                  borderWidth: selected ? 0 : 1,
+                  borderColor: colors.primary.border
+                }}
+              >
+                <View
+                  style={{
+                    flex: 1,
+                    gap: Spacing.LEVEL_1
+                  }}
+                >
+                  <Heading
+                    fontFamily="MEDIUM"
+                    fontSize="SM"
+                    lineHeight="100%"
+                    color={colors.primary.heading}
+                  >
+                    {dayjs().format(item)}
+                  </Heading>
+                  <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                    {item}
+                  </Paragraph>
+                </View>
+
+                <AppIcon
+                  name={selected ? "radio-button" : "ellipse"}
+                  iconFamily="notesnook"
+                  size={16}
+                  color={
+                    selected
+                      ? [colors.selected.accent, colors.static.white]
+                      : colors.secondary.icon
+                  }
+                />
+              </Pressable>
+            );
+          })}
+        </View>
+      </View>
+    </ScrollView>
+  );
+}
+
+DateFormat.present = () => {
+  presentSheet({
+    component: (_ref, close) => <DateFormat close={close} />
+  });
+};
+
+export default DateFormat;
diff --git a/apps/mobile/app/components/sheets/download-logs/index.tsx b/apps/mobile/app/components/sheets/download-logs/index.tsx
new file mode 100644
index 000000000..585a5c6e5
--- /dev/null
+++ b/apps/mobile/app/components/sheets/download-logs/index.tsx
@@ -0,0 +1,378 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { format, logManager } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Linking, Platform, View } from "react-native";
+import FileViewer from "react-native-file-viewer";
+import ReactNativeBlobUtil from "react-native-blob-util";
+import * as ScopedStorage from "react-native-scoped-storage";
+import Share from "react-native-share";
+import { zip } from "react-native-zip-archive";
+import filesystem from "../../../common/filesystem";
+import { cacheDir, copyFileAsync } from "../../../common/filesystem/utils";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { presentSheet } from "../../../services/event-manager";
+import { useSettingStore } from "../../../stores/use-setting-store";
+import { useUserStore } from "../../../stores/use-user-store";
+import { sleep } from "../../../utils/time";
+import AppIcon from "../../ui/AppIcon";
+import { Button } from "../../ui/button";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+import { DatabaseLogger } from "../../../common/database";
+
+type DownloadLogsProps = {
+  close?: (ctx?: string) => void;
+};
+
+type DownloadResult = {
+  /** Local zip file path used for sharing/opening the archive. */
+  localPath: string;
+  /** Directory the archive was saved into (for "open location"). */
+  directory: string;
+};
+
+type Status = "loading" | "success" | "error";
+
+const IconTile = ({
+  name,
+  color,
+  backgroundColor
+}: {
+  name: string;
+  color: string;
+  backgroundColor: string;
+}) => (
+  <View
+    style={{
+      width: 40,
+      height: 40,
+      borderRadius: Radius.XS,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor
+    }}
+  >
+    <AppIcon name={name} iconFamily="notesnook" size={16} color={color} />
+  </View>
+);
+
+async function downloadLogs(
+  onStep: (message: string, progress: number) => void
+): Promise<DownloadResult> {
+  onStep(strings.preparingLogsChooseLocation(), 0.1);
+
+  let directory =
+    Platform.OS === "ios"
+      ? await filesystem.checkAndCreateDir(`/debug-logs/`)
+      : undefined;
+
+  if (Platform.OS === "android") {
+    useUserStore.setState({ disableAppLockRequests: true });
+    const file = await ScopedStorage.openDocumentTree(true);
+    setTimeout(() => {
+      useUserStore.setState({ disableAppLockRequests: false });
+    }, 1000);
+    if (!file) throw new Error("no-directory");
+    directory = file.uri;
+  }
+
+  if (!directory) throw new Error("no-directory");
+
+  onStep(strings.preparingLogsCollect(), 0.35);
+  const logs = await logManager?.get();
+  if (!logs) throw new Error("no-logs");
+
+  const logsDir = cacheDir + `/notesnook-debug-logs`;
+  if (await ReactNativeBlobUtil.fs.exists(logsDir)) {
+    await ReactNativeBlobUtil.fs.unlink(logsDir);
+  }
+
+  await ReactNativeBlobUtil.fs.mkdir(logsDir);
+
+  for (const logGroup of logs) {
+    let logString = ``;
+    for (const log of logGroup.logs) {
+      logString += `\n${format(log)}`;
+    }
+    await ReactNativeBlobUtil.fs.createFile(
+      `${logsDir}/${logGroup.key}.txt`,
+      logString,
+      "utf8"
+    );
+  }
+
+  onStep(strings.preparingLogsCompress(), 0.7);
+  const fileName = `notesnook-debug-logs-${Date.now()}.zip`;
+  const outputPath = await zip(
+    logsDir,
+    Platform.OS === "android" ? logsDir + ".zip" : `${directory}/${fileName}`
+  );
+
+  onStep(strings.preparingLogsSave(), 0.9);
+  if (Platform.OS === "android") {
+    const file = await ScopedStorage.createFile(
+      directory,
+      fileName,
+      "application/zip"
+    );
+    await copyFileAsync("file://" + outputPath, file.uri);
+    // keep `outputPath` (the cache copy) around so it can be shared/opened.
+    return { localPath: outputPath, directory };
+  }
+
+  await ReactNativeBlobUtil.fs.unlink(logsDir);
+
+  await sleep(1000);
+
+  return { localPath: outputPath, directory };
+}
+
+function DownloadLogs({ close }: DownloadLogsProps) {
+  const { colors } = useThemeColors();
+  const [status, setStatus] = useState<Status>("loading");
+  const [step, setStep] = useState({
+    message: strings.preparingLogsChooseLocation(),
+    progress: 0.1
+  });
+  const result = useRef<DownloadResult | undefined>(undefined);
+  const started = useRef(false);
+
+  const start = useCallback(async () => {
+    setStatus("loading");
+    setStep({
+      message: strings.preparingLogsChooseLocation(),
+      progress: 0.1
+    });
+    try {
+      result.current = await downloadLogs((message, progress) =>
+        setStep({ message, progress })
+      );
+      setStatus("success");
+    } catch (e) {
+      DatabaseLogger.error(e as Error);
+      result.current = undefined;
+      setStatus("error");
+    }
+  }, []);
+
+  useEffect(() => {
+    if (started.current) return;
+    started.current = true;
+    start();
+  }, [start]);
+
+  return (
+    <View
+      style={{
+        width: "100%",
+        backgroundColor: colors.primary.background,
+        borderTopLeftRadius: 35,
+        borderTopRightRadius: 35,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_2,
+        paddingBottom: Spacing.LEVEL_4,
+        gap: Spacing.LEVEL_3
+      }}
+    >
+      {status === "loading" ? (
+        <View
+          style={{
+            alignItems: "center",
+            justifyContent: "center",
+            gap: Spacing.LEVEL_2,
+            width: "100%"
+          }}
+        >
+          <IconTile
+            name="clock"
+            color={colors.primary.icon}
+            backgroundColor={colors.secondary.background}
+          />
+          <Heading fontSize="XL" lineHeight="100%">
+            {strings.preparingLogs()}
+          </Heading>
+          <Paragraph
+            fontSize="SM"
+            color={colors.secondary.paragraph}
+            style={{ textAlign: "center" }}
+          >
+            {step.message}
+          </Paragraph>
+          <View
+            style={{
+              width: "100%",
+              height: 8,
+              borderRadius: Radius.XXL,
+              backgroundColor: colors.secondary.background,
+              overflow: "hidden"
+            }}
+          >
+            <View
+              style={{
+                width: `${Math.round(step.progress * 100)}%`,
+                height: 8,
+                borderRadius: Radius.XXL,
+                backgroundColor: colors.primary.accent
+              }}
+            />
+          </View>
+        </View>
+      ) : status === "error" ? (
+        <View style={{ width: "100%", gap: Spacing.LEVEL_3 }}>
+          <View style={{ alignItems: "center", gap: Spacing.LEVEL_2 }}>
+            <IconTile
+              name="warning"
+              color={colors.error.accent}
+              backgroundColor={colors.error.background}
+            />
+            <View style={{ gap: Spacing.LEVEL_1, width: "100%" }}>
+              <Heading
+                fontSize="XL"
+                lineHeight="120%"
+                style={{ textAlign: "center" }}
+              >
+                {strings.downloadLogsFailed()}
+              </Heading>
+              <Paragraph
+                fontSize="SM"
+                color={colors.secondary.paragraph}
+                style={{ textAlign: "center" }}
+              >
+                {strings.downloadLogsFailedDesc()}
+              </Paragraph>
+            </View>
+          </View>
+          <Button
+            title={strings.tryDownloadLogsAgain()}
+            type="accent"
+            width="100%"
+            style={{ borderRadius: Radius.S }}
+            onPress={start}
+          />
+        </View>
+      ) : (
+        <View style={{ width: "100%", gap: Spacing.LEVEL_3 }}>
+          <View style={{ alignItems: "center", gap: Spacing.LEVEL_2 }}>
+            <IconTile
+              name="checks"
+              color={colors.primary.accent}
+              backgroundColor={colors.secondary.background}
+            />
+            <View style={{ gap: Spacing.LEVEL_1, width: "100%" }}>
+              <Heading
+                fontSize="XL"
+                lineHeight="120%"
+                style={{ textAlign: "center" }}
+              >
+                {strings.debugLogsDownloaded()}
+              </Heading>
+              <Paragraph
+                fontSize="SM"
+                color={colors.secondary.paragraph}
+                style={{ textAlign: "center" }}
+              >
+                {strings.debugLogsDownloadedDesc()}
+              </Paragraph>
+            </View>
+          </View>
+
+          <View style={{ width: "100%", gap: Spacing.LEVEL_2 }}>
+            <View style={{ flexDirection: "row", gap: Spacing.LEVEL_2 }}>
+              <Button
+                title={strings.shareZip()}
+                type="plain-outline"
+                style={{ flex: 1, borderRadius: Radius.S }}
+                onPress={async () => {
+                  const path = result.current?.localPath;
+                  if (!path) return;
+                  close?.();
+                  useSettingStore
+                    .getState()
+                    .setAppDidEnterBackgroundForAction(true);
+                  if (Platform.OS === "ios") {
+                    await sleep(500);
+                    Share.open({ url: path }).catch(() => {
+                      /* empty */
+                    });
+                  } else {
+                    FileViewer.open(path, {
+                      showOpenWithDialog: true,
+                      showAppsSuggestions: true,
+                      shareFile: true
+                    } as any).catch(() => {
+                      /* empty */
+                    });
+                  }
+                }}
+              />
+              <Button
+                title={strings.openFileLocation()}
+                type="plain-outline"
+                style={{ flex: 1, borderRadius: Radius.S }}
+                onPress={async () => {
+                  const path = result.current?.localPath;
+                  const directory = result.current?.directory;
+                  if (!path) return;
+                  close?.();
+                  useSettingStore
+                    .getState()
+                    .setAppDidEnterBackgroundForAction(true);
+                  if (Platform.OS === "android") {
+                    if (directory) {
+                      Linking.openURL(directory).catch(() => {
+                        /* empty */
+                      });
+                    }
+                  } else {
+                    await sleep(500);
+                    FileViewer.open(path, {
+                      showOpenWithDialog: true,
+                      showAppsSuggestions: true
+                    }).catch(() => {
+                      /* empty */
+                    });
+                  }
+                }}
+              />
+            </View>
+            <Button
+              title={strings.goBack()}
+              type="accent"
+              width="100%"
+              style={{ borderRadius: Radius.S }}
+              onPress={() => close?.()}
+            />
+          </View>
+        </View>
+      )}
+    </View>
+  );
+}
+
+DownloadLogs.present = () => {
+  presentSheet({
+    component: (_ref, close) => <DownloadLogs close={close} />
+  });
+};
+
+export default DownloadLogs;
diff --git a/apps/mobile/app/components/sheets/export-notes/index.tsx b/apps/mobile/app/components/sheets/export-notes/index.tsx
index 0fda22668..01eff2e4a 100644
--- a/apps/mobile/app/components/sheets/export-notes/index.tsx
+++ b/apps/mobile/app/components/sheets/export-notes/index.tsx
@@ -19,18 +19,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import { strings } from "@notesnook/intl";
 import { useThemeColors } from "@notesnook/theme";
-import React, { Fragment, useState } from "react";
-import {
-  ActivityIndicator,
-  Linking,
-  Platform,
-  StyleSheet,
-  View
-} from "react-native";
+import React, { useState } from "react";
+import { ActivityIndicator, Linking, Platform, View } from "react-native";
 import FileViewer from "react-native-file-viewer";
 import Share from "react-native-share";
-import Icon from "react-native-vector-icons/MaterialCommunityIcons";
 import { notesnook } from "../../../../e2e/test.ids";
+import { Radius, Spacing } from "../../../common/design/spacing";
 import { db } from "../../../common/database";
 import { requestInAppReview } from "../../../services/app-review";
 import {
@@ -40,16 +34,11 @@ import {
 } from "../../../services/event-manager";
 import Exporter from "../../../services/exporter";
 import { useSettingStore } from "../../../stores/use-setting-store";
-import { getElevationStyle } from "../../../utils/elevation";
-import { AppFontSize, defaultBorderRadius } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
 import { sleep } from "../../../utils/time";
 import { Dialog } from "../../dialog";
-import DialogHeader from "../../dialog/dialog-header";
+import AppIcon from "../../ui/AppIcon";
 import { Button } from "../../ui/button";
-import { IconButton } from "../../ui/icon-button";
 import { Pressable } from "../../ui/pressable";
-import Seperator from "../../ui/seperator";
 import Heading from "../../ui/typography/heading";
 import Paragraph from "../../ui/typography/paragraph";
 
@@ -117,7 +106,7 @@ const ExportNotesSheet = ({
       func: async () => {
         await exportNoteAs("pdf");
       },
-      icon: "file-pdf-box",
+      icon: "file-pdf",
       id: notesnook.ids.dialogs.export.pdf
     },
     {
@@ -125,7 +114,7 @@ const ExportNotesSheet = ({
       func: async () => {
         await exportNoteAs("md");
       },
-      icon: "language-markdown",
+      icon: "markdown",
       id: notesnook.ids.dialogs.export.md
     },
     {
@@ -133,7 +122,7 @@ const ExportNotesSheet = ({
       func: async () => {
         await exportNoteAs("md-frontmatter");
       },
-      icon: "language-markdown",
+      icon: "markdown",
       id: notesnook.ids.dialogs.export.md
     },
     {
@@ -141,7 +130,7 @@ const ExportNotesSheet = ({
       func: async () => {
         await exportNoteAs("txt");
       },
-      icon: "card-text",
+      icon: "file-text",
       id: notesnook.ids.dialogs.export.text
     },
     {
@@ -149,215 +138,222 @@ const ExportNotesSheet = ({
       func: async () => {
         await exportNoteAs("html");
       },
-      icon: "language-html5",
+      icon: "file-html",
       id: notesnook.ids.dialogs.export.html
     }
   ];
 
   return (
-    <View>
+    <View
+      style={{
+        width: "100%",
+        backgroundColor: colors.primary.background,
+        borderTopLeftRadius: 35,
+        borderTopRightRadius: 35,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_3
+      }}
+    >
+      <Dialog context="export-notes" />
+
+      <View
+        style={{
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: Spacing.LEVEL_1
+        }}
+      >
+        <View
+          style={{
+            width: 32,
+            height: 32,
+            borderRadius: Radius.XS,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: colors.secondary.background
+          }}
+        >
+          <AppIcon
+            name="export"
+            iconFamily="notesnook"
+            size={16}
+            color={colors.primary.icon}
+          />
+        </View>
+
+        <View
+          style={{
+            flex: 1,
+            justifyContent: "center",
+            gap: Spacing.LEVEL_1
+          }}
+        >
+          <Heading fontSize="XL" lineHeight="100%">
+            {complete
+              ? strings.exportSuccessHeading(ids.length)
+              : strings.exportNotes(ids.length)}
+          </Heading>
+          <Paragraph>
+            {complete
+              ? strings.exportSuccessDesc(result?.fileName as string)
+              : strings.exportAllNotesDesc()}
+          </Paragraph>
+        </View>
+      </View>
+
+      <View
+        style={{
+          height: 1,
+          backgroundColor: colors.primary.border
+        }}
+      />
+
       {!complete && !exporting ? (
         <>
           <View
             style={{
-              paddingHorizontal: DefaultAppStyles.GAP
+              gap: Spacing.LEVEL_0
             }}
           >
-            <DialogHeader
-              icon="export"
-              title={strings.exportNotes(ids.length)}
-            />
-          </View>
-
-          <Seperator half />
-        </>
-      ) : null}
-
-      <Dialog context="export-notes" />
-
-      <View style={styles.buttonContainer}>
-        {!exporting && !complete ? (
-          actions.map((item) => (
-            <Fragment key={item.title}>
-              <Seperator half />
+            {actions.map((item) => (
               <Pressable
+                key={item.title}
+                testID={item.id}
+                type="transparent"
                 onPress={item.func}
                 style={{
                   width: "100%",
-                  alignItems: "center",
                   flexDirection: "row",
-                  paddingRight: 12,
-                  paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+                  alignItems: "center",
                   justifyContent: "flex-start",
-                  borderRadius: 0,
-                  paddingHorizontal: DefaultAppStyles.GAP
+                  gap: Spacing.LEVEL_2,
+                  paddingVertical: Spacing.LEVEL_1,
+                  borderRadius: Radius.S
                 }}
               >
                 <View
                   style={{
-                    backgroundColor: colors.primary.shade,
-                    borderRadius: defaultBorderRadius,
-                    height: 60,
-                    width: 60,
+                    width: 32,
+                    height: 32,
+                    borderRadius: Radius.XS,
+                    alignItems: "center",
                     justifyContent: "center",
-                    alignItems: "center"
+                    backgroundColor: colors.secondary.background
                   }}
                 >
-                  <Icon
+                  <AppIcon
                     name={item.icon}
+                    iconFamily="notesnook"
+                    size={16}
                     color={colors.primary.icon}
-                    size={AppFontSize.xxxl + 10}
                   />
                 </View>
-                <View
-                  style={{
-                    flexShrink: 1
-                  }}
-                >
-                  <Heading style={{ marginLeft: 10 }} size={AppFontSize.md}>
-                    {item.title}
-                  </Heading>
-                  {/* <Paragraph
-                    style={{ marginLeft: 10 }}
-                    size={SIZE.sm}
-                    color={colors.secondary.paragraph}
-                  >
-                    {item.desc}
-                  </Paragraph> */}
-                </View>
-              </Pressable>
-            </Fragment>
-          ))
-        ) : (
-          <View
-            style={{
-              minHeight: 150,
-              justifyContent: "center",
-              alignItems: "center",
-              width: "100%",
-              paddingHorizontal: DefaultAppStyles.GAP,
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            {!complete ? (
-              <>
-                <ActivityIndicator />
-                <Paragraph>
-                  {strings.exportingNotes(status) +
-                    "..." +
-                    " " +
-                    strings.pleaseWait()}
-                </Paragraph>
-              </>
-            ) : (
-              <>
-                <IconButton
-                  name="export"
-                  color={colors.primary.icon}
-                  size={50}
-                  style={{
-                    width: 70,
-                    height: 70
-                  }}
-                />
-                <Heading
-                  style={{
-                    textAlign: "center",
-                    marginTop: DefaultAppStyles.GAP_VERTICAL
-                  }}
-                  color={colors.secondary.heading}
-                >
-                  {strings.exportSuccessHeading(ids.length)}
+                <Heading fontSize="MD" lineHeight="100%">
+                  {item.title}
                 </Heading>
-                <Paragraph
-                  style={{
-                    textAlign: "center"
-                  }}
-                >
-                  {strings.exportSuccessDesc(result?.fileName as string)}
-                </Paragraph>
-                <Button
-                  title={
-                    Platform.OS === "android"
-                      ? strings.openFileLocation()
-                      : strings.open()
-                  }
-                  type="accent"
-                  width={250}
-                  style={{
-                    marginTop: DefaultAppStyles.GAP_VERTICAL
-                  }}
-                  onPress={async () => {
-                    if (!result?.filePath) return;
-                    close?.();
-                    if (Platform.OS === "android") {
-                      Linking.openURL(result.fileDir).catch((e) => {
-                        ToastManager.error(e as Error);
-                      });
-                    } else {
-                      await sleep(500);
-                      FileViewer.open(result?.filePath, {
-                        showOpenWithDialog: true,
-                        showAppsSuggestions: true
-                      }).catch((e) => {
-                        ToastManager.show({
-                          heading: strings.noApplicationFound(result.name),
-                          type: "success",
-                          context: "local"
-                        });
-                      });
-                    }
-                  }}
-                />
-                <Button
-                  title={strings.share()}
-                  type="secondaryAccented"
-                  width={250}
-                  style={{
-                    marginTop: DefaultAppStyles.GAP_VERTICAL
-                  }}
-                  onPress={async () => {
-                    if (!result) return;
-                    close?.();
-                    useSettingStore
-                      .getState()
-                      .setAppDidEnterBackgroundForAction(true);
-                    if (Platform.OS === "ios") {
-                      await sleep(500);
-                      Share.open({
-                        url: result?.fileDir + result.fileName
-                      }).catch(() => {
-                        /* empty */
-                      });
-                    } else {
-                      FileViewer.open(result.filePath, {
-                        showOpenWithDialog: true,
-                        showAppsSuggestions: true,
-                        shareFile: true
-                      } as any).catch(() => {
-                        /* empty */
-                      });
-                    }
-                  }}
-                />
-                <Button
-                  title={strings.exportAgain()}
-                  type="secondaryAccented"
-                  width={250}
-                  style={{
-                    marginTop: DefaultAppStyles.GAP_VERTICAL
-                  }}
-                  onPress={async () => {
-                    setComplete(false);
-                    setResult(undefined);
-                    setExporting(false);
-                  }}
-                />
-              </>
-            )}
+              </Pressable>
+            ))}
           </View>
-        )}
-      </View>
+        </>
+      ) : (
+        <View
+          style={{
+            minHeight: 150,
+            justifyContent: "center",
+            alignItems: "center",
+            width: "100%",
+            paddingVertical: Spacing.LEVEL_3,
+            gap: Spacing.LEVEL_2
+          }}
+        >
+          {!complete ? (
+            <>
+              <ActivityIndicator color={colors.primary.accent} />
+              <Paragraph>
+                {strings.exportingNotes(status) +
+                  "..." +
+                  " " +
+                  strings.pleaseWait()}
+              </Paragraph>
+            </>
+          ) : (
+            <>
+              <Button
+                title={
+                  Platform.OS === "android"
+                    ? strings.openFileLocation()
+                    : strings.open()
+                }
+                type="accent"
+                width={"100%"}
+                onPress={async () => {
+                  if (!result?.filePath) return;
+                  close?.();
+                  useSettingStore
+                    .getState()
+                    .setAppDidEnterBackgroundForAction(true);
+                  if (Platform.OS === "android") {
+                    Linking.openURL(result.fileDir).catch((e) => {
+                      ToastManager.error(e as Error);
+                    });
+                  } else {
+                    await sleep(500);
+                    FileViewer.open(result?.filePath, {
+                      showOpenWithDialog: true,
+                      showAppsSuggestions: true
+                    }).catch(() => {
+                      ToastManager.show({
+                        heading: strings.noApplicationFound(result.name),
+                        type: "success",
+                        context: "local"
+                      });
+                    });
+                  }
+                }}
+              />
+              <Button
+                title={strings.share()}
+                type="secondary-simple"
+                width={"100%"}
+                onPress={async () => {
+                  if (!result) return;
+                  close?.();
+                  useSettingStore
+                    .getState()
+                    .setAppDidEnterBackgroundForAction(true);
+                  if (Platform.OS === "ios") {
+                    await sleep(500);
+                    Share.open({
+                      url: result?.fileDir + result.fileName
+                    }).catch(() => {
+                      /* empty */
+                    });
+                  } else {
+                    FileViewer.open(result.filePath, {
+                      showOpenWithDialog: true,
+                      showAppsSuggestions: true,
+                      shareFile: true
+                    } as any).catch(() => {
+                      /* empty */
+                    });
+                  }
+                }}
+              />
+              <Button
+                title={strings.exportAgain()}
+                type="plain-outline"
+                width={"100%"}
+                onPress={async () => {
+                  setComplete(false);
+                  setResult(undefined);
+                  setExporting(false);
+                }}
+              />
+            </>
+          )}
+        </View>
+      )}
     </View>
   );
 };
@@ -372,38 +368,4 @@ ExportNotesSheet.present = async (ids?: string[], allNotes?: boolean) => {
   });
 };
 
-const styles = StyleSheet.create({
-  container: {
-    ...getElevationStyle(5),
-    borderRadius: defaultBorderRadius,
-    paddingVertical: DefaultAppStyles.GAP_VERTICAL
-  },
-  buttonContainer: {
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  button: {
-    paddingVertical: DefaultAppStyles.GAP_VERTICAL,
-    paddingHorizontal: DefaultAppStyles.GAP,
-    marginTop: DefaultAppStyles.GAP_VERTICAL,
-    borderRadius: defaultBorderRadius,
-    width: "100%",
-    justifyContent: "center",
-    alignItems: "center",
-    borderWidth: 1,
-    flexDirection: "row"
-  },
-  buttonText: {
-    //fontFamily: "sans-serif",
-    color: "white",
-    fontSize: AppFontSize.sm,
-    marginLeft: 5
-  },
-  overlay: {
-    width: "100%",
-    height: "100%",
-    position: "absolute"
-  }
-});
-
 export default ExportNotesSheet;
diff --git a/apps/mobile/app/components/sheets/export-notes/share.jsx b/apps/mobile/app/components/sheets/export-notes/share.jsx
index a6204193e..ffda5fb01 100644
--- a/apps/mobile/app/components/sheets/export-notes/share.jsx
+++ b/apps/mobile/app/components/sheets/export-notes/share.jsx
@@ -24,6 +24,7 @@ import { ToastManager } from "../../../services/event-manager";
 import { Button } from "../../ui/button";
 import { strings } from "@notesnook/intl";
 import { DefaultAppStyles } from "../../../utils/styles";
+import { useSettingStore } from "../../../stores/use-setting-store";
 export const ShareComponent = ({ uri, name, padding }) => {
   return (
     <View
@@ -36,6 +37,7 @@ export const ShareComponent = ({ uri, name, padding }) => {
         type="accent"
         width="100%"
         onPress={async () => {
+          useSettingStore.getState().setAppDidEnterBackgroundForAction(true);
           FileViewer.open(uri, {
             showOpenWithDialog: true,
             showAppsSuggestions: true
@@ -56,6 +58,7 @@ export const ShareComponent = ({ uri, name, padding }) => {
           marginTop: DefaultAppStyles.GAP_VERTICAL
         }}
         onPress={async () => {
+          useSettingStore.getState().setAppDidEnterBackgroundForAction(true);
           FileViewer.open(uri, {
             showOpenWithDialog: true,
             showAppsSuggestions: true,
diff --git a/apps/mobile/app/components/sheets/force-sync/index.tsx b/apps/mobile/app/components/sheets/force-sync/index.tsx
new file mode 100644
index 000000000..e78437148
--- /dev/null
+++ b/apps/mobile/app/components/sheets/force-sync/index.tsx
@@ -0,0 +1,221 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useState } from "react";
+import { View } from "react-native";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { Button } from "../../ui/button";
+import AppIcon from "../../ui/AppIcon";
+import { Pressable } from "../../ui/pressable";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+import { AppFontSize } from "../../../utils/size";
+import { presentSheet, eSendEvent } from "../../../services/event-manager";
+import { eCloseSheet } from "../../../utils/events";
+import { sleep } from "../../../utils/time";
+import { Progress } from "../progress";
+import Sync from "../../../services/sync";
+
+type ForceSyncMode = "fetch" | "send";
+
+type ForceSyncProps = {
+  mode: ForceSyncMode;
+  close?: (ctx?: string) => void;
+};
+
+function ForceSync({ mode, close }: ForceSyncProps) {
+  const { colors } = useThemeColors();
+  const [acknowledged, setAcknowledged] = useState(true);
+
+  const onForceSyncPress = async () => {
+    if (!acknowledged) return;
+
+    close?.();
+    await sleep(300);
+    Progress.present();
+    Sync.run("global", true, mode, () => {
+      eSendEvent(eCloseSheet);
+    });
+  };
+
+  const title =
+    mode === "fetch" ? strings.forcePullChanges() : strings.forcePushChanges();
+  const description =
+    mode === "fetch"
+      ? strings.forceSyncPullSheetDesc()
+      : strings.forceSyncPushSheetDesc();
+  const actionText =
+    mode === "fetch" ? strings.forcePullAction() : strings.forcePushAction();
+
+  return (
+    <View
+      style={{
+        width: "100%",
+        backgroundColor: colors.primary.background,
+        borderTopLeftRadius: 35,
+        borderTopRightRadius: 35,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_3
+      }}
+    >
+      <View
+        style={{
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: Spacing.LEVEL_1
+        }}
+      >
+        <View
+          style={{
+            width: 32,
+            height: 32,
+            borderRadius: Radius.XS,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: colors.error.background
+          }}
+        >
+          <AppIcon
+            name="warning"
+            iconFamily="notesnook"
+            size={16}
+            color={colors.error.accent}
+          />
+        </View>
+
+        <View
+          style={{
+            flex: 1,
+            gap: Spacing.LEVEL_0
+          }}
+        >
+          <Heading size={AppFontSize.lg} lineHeight="100%">
+            {title}
+          </Heading>
+          <Paragraph size={AppFontSize.xs}>{description}</Paragraph>
+        </View>
+      </View>
+
+      <View
+        style={{
+          height: 1,
+          backgroundColor: colors.primary.border
+        }}
+      />
+
+      <View
+        style={{
+          gap: Spacing.LEVEL_2
+        }}
+      >
+        <Paragraph size={AppFontSize.sm}>
+          {strings.forceSyncWarningShort()}
+        </Paragraph>
+        <View
+          style={{
+            gap: Spacing.LEVEL_0
+          }}
+        >
+          <Paragraph size={AppFontSize.sm}>
+            {strings.forceSyncNeedHelpContact()}
+          </Paragraph>
+          <Paragraph
+            size={AppFontSize.sm}
+            fontFamily="SEMI_BOLD"
+            color={colors.primary.accent}
+          >
+            support@streetwriters.co
+          </Paragraph>
+        </View>
+      </View>
+
+      <Pressable
+        type="shade"
+        style={{
+          width: "100%",
+          borderRadius: Radius.XS,
+          paddingHorizontal: Spacing.LEVEL_2,
+          paddingVertical: Spacing.LEVEL_1,
+          flexDirection: "row",
+          alignItems: "center",
+          gap: Spacing.LEVEL_1,
+          justifyContent: "flex-start"
+        }}
+        onPress={() => setAcknowledged((value) => !value)}
+      >
+        <AppIcon
+          size={16}
+          name={acknowledged ? "checkbox" : "checkbox-blank-outline"}
+          iconFamily="notesnook"
+          color={
+            acknowledged
+              ? [colors.primary.accent, "white"]
+              : colors.primary.icon
+          }
+        />
+        <Paragraph size={AppFontSize.sm}>
+          {strings.forceSyncRiskAcknowledgement()}
+        </Paragraph>
+      </Pressable>
+
+      <View
+        style={{
+          flexDirection: "row",
+          gap: Spacing.LEVEL_2
+        }}
+      >
+        <Button
+          title={strings.cancel()}
+          type="plain-outline"
+          width="100%"
+          style={{
+            flex: 1,
+            borderRadius: Radius.S
+          }}
+          onPress={() => close?.()}
+        />
+
+        <Button
+          title={actionText}
+          type="error"
+          width="100%"
+          disabled={!acknowledged}
+          style={{
+            flex: 1,
+            borderRadius: Radius.S,
+            borderColor: colors.error.border
+          }}
+          onPress={onForceSyncPress}
+        />
+      </View>
+    </View>
+  );
+}
+
+ForceSync.present = (mode: ForceSyncMode) => {
+  presentSheet({
+    disableClosing: false,
+    component: (_ref, close) => <ForceSync mode={mode} close={close} />
+  });
+};
+
+export default ForceSync;
diff --git a/apps/mobile/app/components/sheets/github/issue.tsx b/apps/mobile/app/components/sheets/github/issue.tsx
index 08df532bd..1846cf6af 100644
--- a/apps/mobile/app/components/sheets/github/issue.tsx
+++ b/apps/mobile/app/components/sheets/github/issue.tsx
@@ -18,26 +18,33 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
 import { Debug, IssueReportResponse } from "@notesnook/core";
-import { getModel, getBrand, getSystemVersion } from "react-native-device-info";
+import { strings } from "@notesnook/intl";
 import { useThemeColors } from "@notesnook/theme";
 import React, { useRef, useState } from "react";
-import { Linking, Platform, Text, TextInput, View } from "react-native";
-import { getVersion } from "react-native-device-info";
+import { Linking, Platform, View } from "react-native";
+import Config from "react-native-config";
+import {
+  getBrand,
+  getModel,
+  getSystemVersion,
+  getVersion
+} from "react-native-device-info";
+import { Radius, Spacing } from "../../../common/design/spacing";
 import { useStoredRef } from "../../../hooks/use-stored-ref";
 import { eSendEvent, ToastManager } from "../../../services/event-manager";
 import PremiumService from "../../../services/premium";
 import { useUserStore } from "../../../stores/use-user-store";
+import { eCloseSheet } from "../../../utils/events";
 import { openLinkInBrowser } from "../../../utils/functions";
-import { defaultBorderRadius, AppFontSize } from "../../../utils/size/index";
-import DialogHeader from "../../dialog/dialog-header";
+import AppIcon from "../../ui/AppIcon";
 import { Button } from "../../ui/button";
-import Seperator from "../../ui/seperator";
+import {
+  createFormRef,
+  FormInput,
+  validators
+} from "../../ui/input/form-input";
 import Heading from "../../ui/typography/heading";
 import Paragraph from "../../ui/typography/paragraph";
-import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../../utils/styles";
-import Config from "react-native-config";
-import { eCloseSheet } from "../../../utils/events";
 
 export const Issue = ({
   defaultTitle,
@@ -54,22 +61,27 @@ export const Issue = ({
   const [done, setDone] = useState(false);
   const user = useUserStore((state) => state.user);
   const [loading, setLoading] = useState(false);
-  const bodyRef = useRef<TextInput>(null);
-  const initialLayout = useRef(false);
+  const formRef = useRef(
+    createFormRef({
+      title: title.current || "",
+      body: body.current || ""
+    })
+  );
   const issueReportResponse = useRef<IssueReportResponse>(undefined);
 
   const onPress = async () => {
     if (loading) return;
-    if (!title.current || !body.current) return;
-    if (title.current?.trim() === "" || body.current?.trim().length === 0)
-      return;
+    if (!formRef.current.validate()) return;
+
+    const titleValue = formRef.current.getValue("title").trim();
+    const bodyValue = formRef.current.getValue("body").trim();
 
     try {
       setLoading(true);
       issueReportResponse.current = await Debug.report({
-        title: title.current,
+        title: titleValue,
         body:
-          body.current +
+          bodyValue +
           `\n${defaultBody || ""}` +
           `\n_______________
 **Device information:**
@@ -93,6 +105,8 @@ Github Release: ${Config.GITHUB_RELEASE === "true" ? "Yes" : "No"}`,
       setLoading(false);
       body.reset();
       title.reset();
+      formRef.current.setValue("title", "");
+      formRef.current.setValue("body", "");
       setDone(true);
     } catch (e) {
       setLoading(false);
@@ -135,161 +149,195 @@ Github Release: ${Config.GITHUB_RELEASE === "true" ? "Yes" : "No"}`,
 
   const responseInfo = getResponseInfo(issueReportResponse.current);
 
-  console.log(responseInfo, issueReportResponse.current);
-
   return (
     <View
       style={{
-        paddingHorizontal: DefaultAppStyles.GAP,
-        width: "100%"
+        width: "100%",
+        backgroundColor: colors.primary.background,
+        borderTopLeftRadius: 35,
+        borderTopRightRadius: 35,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_3
       }}
     >
       {done ? (
+        <View
+          style={{
+            justifyContent: "center",
+            alignItems: "center",
+            gap: Spacing.LEVEL_2,
+            paddingVertical: Spacing.LEVEL_3
+          }}
+        >
+          <Heading>{responseInfo?.title}</Heading>
+          <Paragraph
+            style={{
+              textAlign: "center"
+            }}
+            selectable={true}
+          >
+            {responseInfo?.message}
+          </Paragraph>
+
+          <Button
+            title={responseInfo?.positiveButtonText || strings.done()}
+            onPress={() => {
+              if (responseInfo?.url) {
+                Linking.openURL(responseInfo?.url);
+              }
+              eSendEvent(eCloseSheet);
+            }}
+            type="accent"
+            width="100%"
+          />
+        </View>
+      ) : (
         <>
           <View
             style={{
-              justifyContent: "center",
-              alignItems: "center",
-              gap: 10
+              flexDirection: "row",
+              alignItems: "flex-start",
+              gap: Spacing.LEVEL_1
             }}
           >
-            <Heading>{responseInfo?.title}</Heading>
+            <View
+              style={{
+                width: 32,
+                height: 32,
+                borderRadius: Radius.XS,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: colors.error.background
+              }}
+            >
+              <AppIcon
+                name="warning-circle"
+                iconFamily="notesnook"
+                size={16}
+                color={colors.error.accent}
+              />
+            </View>
+
+            <View
+              style={{
+                flex: 1,
+                justifyContent: "center",
+                gap: Spacing.LEVEL_1
+              }}
+            >
+              <Heading fontSize="XL" lineHeight="100%">
+                {issueTitle || strings.issueTitle()}
+              </Heading>
+              <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+                {issueTitle ? strings.issueDesc() : strings.issueDesc2()}
+              </Paragraph>
+            </View>
+          </View>
+
+          <View
+            style={{
+              height: 1,
+              backgroundColor: colors.primary.border
+            }}
+          />
+
+          <View
+            style={{
+              gap: Spacing.LEVEL_3
+            }}
+          >
+            <View
+              style={{
+                gap: Spacing.LEVEL_2
+              }}
+            >
+              <FormInput
+                name="title"
+                formRef={formRef}
+                label={strings.issueSummary()}
+                placeholder={strings.issueTitlePlaceholder()}
+                defaultValue={title.current}
+                validators={[validators.required(strings.allFieldsRequired())]}
+                onChangeText={(v) => (title.current = v)}
+                containerStyle={{
+                  borderRadius: Radius.XS
+                }}
+              />
+
+              <FormInput
+                name="body"
+                formRef={formRef}
+                label={strings.details()}
+                placeholder={strings.issuePlaceholder()}
+                multiline
+                numberOfLines={5}
+                textAlignVertical="top"
+                validators={[validators.required(strings.allFieldsRequired())]}
+                onChangeText={(v) => (body.current = v)}
+                containerStyle={{
+                  borderRadius: Radius.XS,
+                  alignItems: "flex-start"
+                }}
+                inputStyle={{
+                  minHeight: 100
+                }}
+              />
+            </View>
+
+            <Button
+              onPress={onPress}
+              title={loading ? null : strings.submit()}
+              loading={loading}
+              width="100%"
+              type="error"
+              style={{
+                borderRadius: Radius.S,
+                borderColor: colors.error.border
+              }}
+            />
+
             <Paragraph
+              color={colors.secondary.paragraph}
+              fontSize="XS"
               style={{
                 textAlign: "center"
               }}
-              selectable={true}
             >
-              {responseInfo?.message}
-            </Paragraph>
-
-            <Button
-              title={responseInfo?.positiveButtonText || "Done"}
-              onPress={() => {
-                if (responseInfo?.url) {
-                  Linking.openURL(responseInfo?.url);
-                }
-                eSendEvent(eCloseSheet);
-              }}
-              type="accent"
-              width="100%"
-            />
-          </View>
-        </>
-      ) : (
-        <>
-          <DialogHeader
-            title={issueTitle || strings.issueTitle()}
-            paragraph={issueTitle ? strings.issueDesc() : strings.issueDesc2()}
-          />
-
-          <Seperator half />
-
-          <TextInput
-            placeholder={strings.title()}
-            onChangeText={(v) => (title.current = v)}
-            defaultValue={title.current}
-            style={{
-              borderWidth: 1,
-              borderColor: colors.primary.border,
-              borderRadius: defaultBorderRadius,
-              padding: DefaultAppStyles.GAP,
-              fontFamily: "Inter-Regular",
-              marginBottom: DefaultAppStyles.GAP_VERTICAL,
-              fontSize: AppFontSize.md,
-              color: colors.primary.heading
-            }}
-            placeholderTextColor={colors.primary.placeholder}
-          />
-
-          <TextInput
-            ref={bodyRef}
-            multiline
-            placeholder={strings.issuePlaceholder()}
-            numberOfLines={5}
-            textAlignVertical="top"
-            onChangeText={(v) => (body.current = v)}
-            onLayout={() => {
-              if (initialLayout.current) return;
-              initialLayout.current = true;
-              if (body.current) {
-                bodyRef.current?.setNativeProps({
-                  text: body.current,
-                  selection: {
-                    start: 0,
-                    end: 0
+              {strings.issueNotice[0]()}{" "}
+              <Paragraph
+                onPress={() => {
+                  Linking.openURL(
+                    "https://github.com/streetwriters/notesnook/issues"
+                  );
+                }}
+                fontSize="XS"
+                fontFamily="MEDIUM"
+                style={{
+                  color: colors.primary.accent
+                }}
+              >
+                Github.
+              </Paragraph>{" "}
+              {strings.issueNotice[1]()}{" "}
+              <Paragraph
+                style={{
+                  color: colors.primary.accent
+                }}
+                fontSize="XS"
+                fontFamily="MEDIUM"
+                onPress={async () => {
+                  try {
+                    await openLinkInBrowser("https://discord.gg/zQBK97EE22");
+                  } catch (e) {
+                    console.error(e);
                   }
-                });
-              }
-            }}
-            style={{
-              borderWidth: 1,
-              borderColor: colors.primary.border,
-              borderRadius: defaultBorderRadius,
-              padding: DefaultAppStyles.GAP,
-              fontFamily: "Inter-Regular",
-              maxHeight: 200,
-              fontSize: AppFontSize.sm,
-              marginBottom: 2.5,
-              color: colors.primary.paragraph
-            }}
-            placeholderTextColor={colors.primary.placeholder}
-          />
-          <Paragraph
-            size={AppFontSize.xs}
-            color={colors.secondary.paragraph}
-          >{`App version: ${getVersion()} Platform: ${
-            Platform.OS
-          } Model: ${getBrand()}-${getModel()}-${getSystemVersion()}`}</Paragraph>
-
-          <Seperator />
-          <Button
-            onPress={onPress}
-            title={loading ? null : strings.submit()}
-            loading={loading}
-            width="100%"
-            type="accent"
-          />
-
-          <Paragraph
-            color={colors.secondary.paragraph}
-            size={AppFontSize.xs}
-            style={{
-              marginTop: DefaultAppStyles.GAP_VERTICAL,
-              textAlign: "center"
-            }}
-          >
-            {strings.issueNotice[0]()}{" "}
-            <Text
-              onPress={() => {
-                Linking.openURL(
-                  "https://github.com/streetwriters/notesnook/issues"
-                );
-              }}
-              style={{
-                textDecorationLine: "underline",
-                color: colors.primary.accent
-              }}
-            >
-              github.com/streetwriters/notesnook.
-            </Text>{" "}
-            {strings.issueNotice[1]()}{" "}
-            <Text
-              style={{
-                textDecorationLine: "underline",
-                color: colors.primary.accent
-              }}
-              onPress={async () => {
-                try {
-                  await openLinkInBrowser("https://discord.gg/zQBK97EE22");
-                } catch (e) {
-                  console.error(e);
-                }
-              }}
-            >
-              {strings.issueNotice[2]()}
-            </Text>
-          </Paragraph>
+                }}
+              >
+                {strings.issueNotice[2]()}
+              </Paragraph>
+            </Paragraph>
+          </View>
         </>
       )}
     </View>
diff --git a/apps/mobile/app/components/sheets/lock-vault-timer/index.tsx b/apps/mobile/app/components/sheets/lock-vault-timer/index.tsx
new file mode 100644
index 000000000..7dbf7c64a
--- /dev/null
+++ b/apps/mobile/app/components/sheets/lock-vault-timer/index.tsx
@@ -0,0 +1,188 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useState } from "react";
+import { useWindowDimensions, View } from "react-native";
+import { ScrollView } from "react-native-actions-sheet";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { db } from "../../../common/database";
+import { presentSheet } from "../../../services/event-manager";
+import { useSettingStore } from "../../../stores/use-setting-store";
+import AppIcon from "../../ui/AppIcon";
+import { Pressable } from "../../ui/pressable";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+
+const OPTIONS = [
+  1000 * 60 * 1,
+  1000 * 60 * 5,
+  1000 * 60 * 10,
+  1000 * 60 * 15,
+  1000 * 60 * 30,
+  1000 * 60 * 45,
+  1000 * 60 * 60,
+  -1
+];
+
+const formatValue = (item: number) => {
+  return item === -1
+    ? strings.never()
+    : item < 1000 * 60 * 60
+      ? strings.minutes(item / (1000 * 60))
+      : strings.hours(item / (1000 * 60 * 60));
+};
+
+type LockVaultTimerProps = {
+  close?: (ctx?: string) => void;
+};
+
+function LockVaultTimer({ close }: LockVaultTimerProps) {
+  const { colors } = useThemeColors();
+  const { height } = useWindowDimensions();
+  const [currentValue, setCurrentValue] = useState(
+    useSettingStore.getState().vaultLockAfter
+  );
+
+  const onChange = async (item: number) => {
+    await db.settings.setVaultLockAfter(item);
+    useSettingStore.setState({
+      vaultLockAfter: item
+    });
+    setCurrentValue(item);
+    close?.();
+  };
+
+  return (
+    <ScrollView
+      style={{
+        maxHeight: height * 0.8
+      }}
+    >
+      <View
+        style={{
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: Spacing.LEVEL_1,
+            paddingTop: Spacing.LEVEL_2
+          }}
+        >
+          <View
+            style={{
+              width: 32,
+              height: 32,
+              borderRadius: Radius.XS,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
+            }}
+          >
+            <AppIcon
+              name="clock"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.primary.icon}
+            />
+          </View>
+
+          <View
+            style={{
+              flex: 1,
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.lockVaultAfter()}
+            </Heading>
+            <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+              {strings.lockVaultAfterDesc()}
+            </Paragraph>
+          </View>
+        </View>
+      </View>
+
+      <View
+        style={{
+          width: "100%",
+          backgroundColor: colors.primary.background,
+          borderTopLeftRadius: 35,
+          borderTopRightRadius: 35,
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingTop: Spacing.LEVEL_2,
+          gap: Spacing.LEVEL_2
+        }}
+      >
+        {OPTIONS.map((item) => {
+          const selected = currentValue === item;
+          return (
+            <Pressable
+              key={item}
+              type={selected ? "selected" : "transparent"}
+              onPress={() => onChange(item)}
+              style={{
+                width: "100%",
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: Spacing.LEVEL_2,
+                borderRadius: Radius.XS,
+                borderWidth: selected ? 0 : 1,
+                borderColor: colors.primary.border
+              }}
+            >
+              <Heading
+                fontFamily="MEDIUM"
+                fontSize="SM"
+                lineHeight="100%"
+                color={colors.primary.heading}
+              >
+                {formatValue(item)}
+              </Heading>
+
+              <AppIcon
+                name={selected ? "radio-button" : "ellipse"}
+                iconFamily="notesnook"
+                size={16}
+                color={
+                  selected
+                    ? [colors.selected.accent, colors.static.white]
+                    : colors.secondary.icon
+                }
+              />
+            </Pressable>
+          );
+        })}
+      </View>
+    </ScrollView>
+  );
+}
+
+LockVaultTimer.present = () => {
+  presentSheet({
+    component: (_ref, close) => <LockVaultTimer close={close} />
+  });
+};
+
+export default LockVaultTimer;
diff --git a/apps/mobile/app/components/sheets/paywall/index.tsx b/apps/mobile/app/components/sheets/paywall/index.tsx
index 1000a2c14..77748fa9b 100644
--- a/apps/mobile/app/components/sheets/paywall/index.tsx
+++ b/apps/mobile/app/components/sheets/paywall/index.tsx
@@ -37,8 +37,8 @@ import PremiumService from "../../../services/premium";
 import SettingsService from "../../../services/settings";
 import { useUserStore } from "../../../stores/use-user-store";
 import { eCloseSheet } from "../../../utils/events";
-import { AppFontSize } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
+import { FontSizes } from "../../../common/design/font";
+import { Radius, Spacing } from "../../../common/design/spacing";
 import { AuthMode } from "../../auth/common";
 import AppIcon from "../../ui/AppIcon";
 import { Button } from "../../ui/button";
@@ -87,181 +87,188 @@ export default function PaywallSheet<Tid extends FeatureId>(props: {
       SubscriptionProvider.GOOGLE &&
       Platform.OS === "android");
 
-  return !pricingPlans.currentPlan ? null : (
+  if (!pricingPlans.currentPlan) return null;
+
+  const features = [
+    {
+      title: `${
+        PlanOverView[pricingPlans.currentPlan.id as keyof typeof PlanOverView]
+          .storage
+      } ${strings.cloudStorage()}`,
+      description: strings.cloudStorageBenefit()
+    },
+    ...(pricingPlans.currentPlan.id !== "essential"
+      ? [
+          {
+            title: strings.appLockSecurity(),
+            description: strings.appLockSecurityBenefit()
+          }
+        ]
+      : []),
+    {
+      title: strings.advancedNoteElements(),
+      description: strings.advancedNoteElementsBenefit()
+    }
+  ];
+
+  const onUpgrade = () => {
+    if (PremiumService.get()) {
+      if (
+        pricingPlans.user?.subscription.plan === SubscriptionPlan.LEGACY_PRO ||
+        !isCurrentPlatform
+      ) {
+        ToastManager.show({
+          message: strings.cannotChangePlan(),
+          context: "local"
+        });
+        return;
+      }
+
+      if (isSubscribedOnWeb) {
+        ToastManager.show({
+          message: strings.changePlanOnWeb(),
+          context: "local"
+        });
+        return;
+      }
+    }
+
+    eSendEvent(eCloseSheet);
+    if (!useUserStore.getState().user) {
+      Navigation.navigate("Auth", {
+        mode: AuthMode.login
+      });
+      return;
+    }
+    Navigation.navigate("PayWall", {
+      context: "logged-in",
+      state: {
+        planId: pricingPlans.currentPlan?.id,
+        productId: isGithubRelease
+          ? "yearly"
+          : (pricingPlans.selectProduct as any).productId,
+        billingType: "annual"
+      }
+    });
+  };
+
+  return (
     <View
       style={{
         width: "100%",
-        justifyContent: "center",
-        alignItems: "center",
-        gap: DefaultAppStyles.GAP_VERTICAL
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingVertical: Spacing.LEVEL_4,
+        gap: Spacing.LEVEL_3
       }}
     >
-      <>
+      <View style={{ gap: Spacing.LEVEL_3, width: "100%" }}>
         <View
           style={{
-            width: "100%",
-            paddingHorizontal: DefaultAppStyles.GAP,
-            gap: DefaultAppStyles.GAP_VERTICAL
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: Spacing.LEVEL_1,
+            width: "100%"
           }}
         >
-          <Paragraph>
-            <AppIcon
-              name="crown"
-              size={AppFontSize.md}
-              color={colors.static.orange}
-            />
-            {strings.upgradePlanTo(pricingPlans.currentPlan?.name)}
-          </Paragraph>
-
           <View
             style={{
-              gap: DefaultAppStyles.GAP_VERTICAL_SMALL,
-              width: "100%"
+              width: 32,
+              height: 32,
+              borderRadius: Radius.XS,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
             }}
           >
-            <Heading>{strings.tryItForFree()}</Heading>
-
-            <Heading size={AppFontSize.sm}>
-              {strings.getThisAndSoMuchMore()}
+            <AppIcon
+              name="crown-simple"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.static.orange}
+            />
+          </View>
+          <View style={{ flex: 1, gap: Spacing.LEVEL_1 }}>
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.tryItForFree()}
             </Heading>
-
-            <View
-              style={{
-                gap: DefaultAppStyles.GAP_SMALL,
-                flexDirection: "row"
-              }}
-            >
-              <AppIcon name="cloud" size={AppFontSize.xxl} />
-              <Paragraph
-                style={{
-                  flexShrink: 1
-                }}
-              >
-                <Heading size={AppFontSize.sm}>
-                  {
-                    PlanOverView[
-                      pricingPlans.currentPlan.id as keyof typeof PlanOverView
-                    ].storage
-                  }
-                </Heading>{" "}
-                {strings.cloudSpace()}
-              </Paragraph>
-            </View>
-
-            {pricingPlans.currentPlan.id !== "essential" ? (
-              <View
-                style={{
-                  gap: DefaultAppStyles.GAP_SMALL,
-                  flexDirection: "row"
-                }}
-              >
-                <AppIcon name="lock" size={AppFontSize.xxl} />
-                <Paragraph
-                  style={{
-                    flexShrink: 1
-                  }}
-                >
-                  <Heading size={AppFontSize.sm}>{strings.appLock()}</Heading>{" "}
-                  {strings.appLockFeatureBenefit()}
-                </Paragraph>
-              </View>
-            ) : null}
-
-            <View
-              style={{
-                gap: DefaultAppStyles.GAP_SMALL,
-                flexDirection: "row"
-              }}
-            >
-              <AppIcon name="vector-link" size={AppFontSize.xxl} />
-              <Paragraph
-                style={{
-                  flexShrink: 1
-                }}
-              >
-                {strings.advancedNoteTaking[0]()}{" "}
-                <Heading size={AppFontSize.sm}>
-                  {strings.advancedNoteTaking[1]()}
-                </Heading>{" "}
-                {strings.advancedNoteTaking[2]()}
-              </Paragraph>
-            </View>
+            <Paragraph fontSize="SM" color={colors.primary.paragraph}>
+              {strings.unlockPremiumFeatures()}
+            </Paragraph>
           </View>
         </View>
 
-        <View
-          style={{
-            width: "100%",
-            paddingHorizontal: DefaultAppStyles.GAP
-          }}
-        >
-          <Paragraph
-            style={{
-              marginVertical: 10
-            }}
-            size={AppFontSize.xs}
-          >
-            <Heading size={AppFontSize.xs}>{strings.cancelAnytime()}</Heading>{" "}
-            {strings.googleReminderTrial()}
-          </Paragraph>
+        <View style={{ height: 1, backgroundColor: colors.primary.border }} />
 
-          <Button
-            type="accent"
-            title={strings.upgrade()}
-            style={{
-              marginVertical: DefaultAppStyles.GAP_VERTICAL,
-              width: "100%"
-            }}
-            onPress={() => {
-              if (PremiumService.get()) {
-                if (
-                  pricingPlans.user?.subscription.plan ===
-                    SubscriptionPlan.LEGACY_PRO ||
-                  !isCurrentPlatform
-                ) {
-                  ToastManager.show({
-                    message: strings.cannotChangePlan(),
-                    context: "local"
-                  });
-                  return;
-                }
-
-                if (isSubscribedOnWeb) {
-                  ToastManager.show({
-                    message: strings.changePlanOnWeb(),
-                    context: "local"
-                  });
-                  return;
-                }
-              }
-
-              eSendEvent(eCloseSheet);
-              if (!useUserStore.getState().user) {
-                Navigation.navigate("Auth", {
-                  mode: AuthMode.login
-                });
-                return;
-              }
-              Navigation.navigate("PayWall", {
-                context: "logged-in",
-                state: {
-                  planId: pricingPlans.currentPlan?.id,
-                  productId: isGithubRelease
-                    ? "yearly"
-                    : (pricingPlans.selectProduct as any).productId,
-                  billingType: "annual"
-                }
-              });
-            }}
-          />
+        <View style={{ gap: Spacing.LEVEL_2, width: "100%" }}>
+          {features.map((feature) => (
+            <View
+              key={feature.title}
+              style={{
+                flexDirection: "row",
+                alignItems: "flex-start",
+                gap: Spacing.LEVEL_1,
+                width: "100%"
+              }}
+            >
+              <AppIcon
+                name="check"
+                iconFamily="notesnook"
+                size={16}
+                color={colors.primary.accent}
+                style={{ marginTop: 1 }}
+              />
+              <View style={{ flex: 1, gap: Spacing.LEVEL_1 }}>
+                <Heading fontFamily="MEDIUM" fontSize="SM" lineHeight="100%">
+                  {feature.title}
+                </Heading>
+                <Paragraph fontSize="XS" color={colors.primary.paragraph}>
+                  {feature.description}
+                </Paragraph>
+              </View>
+            </View>
+          ))}
         </View>
 
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "center",
+            gap: Spacing.LEVEL_0 + 2,
+            padding: Spacing.LEVEL_1,
+            borderRadius: Radius.XS,
+            backgroundColor: colors.selected.background
+          }}
+        >
+          <Paragraph fontSize="XS" color={colors.secondary.heading}>
+            {strings.sevenDayFreeTrial()}
+          </Paragraph>
+          <View
+            style={{
+              width: 4,
+              height: 4,
+              borderRadius: Radius.MD,
+              backgroundColor: colors.secondary.heading
+            }}
+          />
+          <Paragraph fontSize="XS" color={colors.secondary.heading}>
+            {strings.cancelAnytimeShort()}
+          </Paragraph>
+        </View>
+      </View>
+
+      <View
+        style={{ flexDirection: "row", gap: Spacing.LEVEL_2, width: "100%" }}
+      >
         {isSubscribedOnWeb ? null : (
           <Button
-            type="plain"
-            title={strings.exploreAllPlans()}
-            icon="arrow-right"
-            iconPosition="right"
+            type="plain-outline"
+            title={strings.viewPlans()}
+            fontSize={FontSizes.MD}
+            style={{
+              flex: 1,
+              borderRadius: Radius.S,
+              paddingVertical: Spacing.LEVEL_3
+            }}
             onPress={() => {
               eSendEvent(eCloseSheet);
               Navigation.navigate("PayWall", {
@@ -272,7 +279,18 @@ export default function PaywallSheet<Tid extends FeatureId>(props: {
             }}
           />
         )}
-      </>
+        <Button
+          type="accent"
+          title={strings.upgrade()}
+          fontSize={FontSizes.MD}
+          style={{
+            flex: 1,
+            borderRadius: Radius.S,
+            paddingVertical: Spacing.LEVEL_3
+          }}
+          onPress={onUpgrade}
+        />
+      </View>
     </View>
   );
 }
diff --git a/apps/mobile/app/components/sheets/plan-limits/index.tsx b/apps/mobile/app/components/sheets/plan-limits/index.tsx
index 91667a0c7..c470efb19 100644
--- a/apps/mobile/app/components/sheets/plan-limits/index.tsx
+++ b/apps/mobile/app/components/sheets/plan-limits/index.tsx
@@ -16,30 +16,40 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
-import React from "react";
+import React, { useEffect, useState } from "react";
 import {
+  FeatureId,
   FeatureUsage,
   formatBytes,
   getFeature,
   getFeaturesUsage
 } from "@notesnook/common";
+import { SubscriptionPlan, SubscriptionProvider } from "@notesnook/core";
 import { strings } from "@notesnook/intl";
 import { useThemeColors } from "@notesnook/theme";
-import { useEffect, useState } from "react";
 import { Platform, View } from "react-native";
 import { ScrollView } from "react-native-actions-sheet";
+import { FontSizes } from "../../../common/design/font";
+import { Spacing, Radius } from "../../../common/design/spacing";
 import { eSendEvent, ToastManager } from "../../../services/event-manager";
 import Navigation from "../../../services/navigation";
+import PremiumService from "../../../services/premium";
+import SettingsService from "../../../services/settings";
+import { useUserStore } from "../../../stores/use-user-store";
 import { eCloseSheet } from "../../../utils/events";
-import { AppFontSize } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
+import AppIcon from "../../ui/AppIcon";
 import { Button } from "../../ui/button";
 import Heading from "../../ui/typography/heading";
 import Paragraph from "../../ui/typography/paragraph";
-import { SubscriptionPlan, SubscriptionProvider } from "@notesnook/core";
-import { useUserStore } from "../../../stores/use-user-store";
-import PremiumService from "../../../services/premium";
-import SettingsService from "../../../services/settings";
+
+const FEATURE_ICONS: Partial<Record<FeatureId, string>> = {
+  storage: "cloud",
+  colors: "palette",
+  tags: "shopping-mode",
+  notebooks: "book-open",
+  activeReminders: "bell",
+  shortcuts: "arrow-square-out"
+};
 
 export function PlanLimits() {
   const { colors } = useThemeColors();
@@ -63,46 +73,97 @@ export function PlanLimits() {
   return (
     <ScrollView
       style={{
-        paddingHorizontal: DefaultAppStyles.GAP,
         width: "100%",
-        paddingVertical: DefaultAppStyles.GAP_VERTICAL
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingVertical: Spacing.LEVEL_4
       }}
       contentContainerStyle={{
-        gap: DefaultAppStyles.GAP_VERTICAL
+        gap: Spacing.LEVEL_3
       }}
     >
-      <Heading>{strings.planLimits()}</Heading>
-
-      {featureUsage?.map((item) => (
+      <View style={{ gap: Spacing.LEVEL_3, width: "100%" }}>
         <View
-          key={item.id}
           style={{
-            gap: DefaultAppStyles.GAP_VERTICAL_SMALL,
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: Spacing.LEVEL_1,
             width: "100%"
           }}
         >
           <View
             style={{
-              flexDirection: "row",
-              width: "100%",
-              justifyContent: "space-between"
+              width: 32,
+              height: 32,
+              borderRadius: Radius.XS,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
             }}
           >
-            <Paragraph size={AppFontSize.sm}>
-              {getFeature(item.id).title}
-            </Paragraph>
-            <Paragraph size={AppFontSize.sm}>
-              {item.total === Infinity
-                ? strings.unlimited()
-                : item.id === "storage"
-                  ? `${formatBytes(item.used)}/${formatBytes(
-                      item.total
-                    )} ${strings.used()}`
-                  : `${item.used}/${item.total} ${strings.used()}`}
+            <AppIcon
+              name="chart-donut"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.primary.icon}
+            />
+          </View>
+          <View style={{ flex: 1, gap: Spacing.LEVEL_1 }}>
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.planLimits()}
+            </Heading>
+            <Paragraph fontSize="SM" color={colors.primary.paragraph}>
+              {strings.planLimitsDesc()}
             </Paragraph>
           </View>
         </View>
-      ))}
+
+        <View style={{ height: 1, backgroundColor: colors.primary.border }} />
+
+        <View style={{ gap: Spacing.LEVEL_2, width: "100%" }}>
+          {featureUsage?.map((item) => (
+            <View
+              key={item.id}
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                width: "100%"
+              }}
+            >
+              <View
+                style={{
+                  flexDirection: "row",
+                  alignItems: "center",
+                  gap: Spacing.LEVEL_1
+                }}
+              >
+                <AppIcon
+                  name={FEATURE_ICONS[item.id] || "checkbox"}
+                  iconFamily="notesnook"
+                  size={16}
+                  color={colors.secondary.icon}
+                />
+                <Paragraph fontSize="SM" color={colors.primary.paragraph}>
+                  {getFeature(item.id).title}
+                </Paragraph>
+              </View>
+              <Paragraph
+                fontFamily="MEDIUM"
+                fontSize="XS"
+                color={colors.secondary.heading}
+              >
+                {item.total === Infinity
+                  ? strings.unlimited()
+                  : item.id === "storage"
+                    ? `${formatBytes(item.used)}/${formatBytes(
+                        item.total
+                      )} ${strings.used()}`
+                    : `${item.used}/${item.total} ${strings.used()}`}
+              </Paragraph>
+            </View>
+          ))}
+        </View>
+      </View>
 
       {((user?.subscription?.provider === SubscriptionProvider.PADDLE ||
         user?.subscription?.provider === SubscriptionProvider.STREETWRITERS ||
@@ -139,10 +200,10 @@ export function PlanLimits() {
             eSendEvent(eCloseSheet);
           }}
           type="accent"
-          fontSize={AppFontSize.xs}
+          fontSize={FontSizes.MD}
           style={{
             width: "100%",
-            marginTop: DefaultAppStyles.GAP_VERTICAL
+            borderRadius: Radius.S
           }}
         />
       )}
diff --git a/apps/mobile/app/components/sheets/publish-note/index.tsx b/apps/mobile/app/components/sheets/publish-note/index.tsx
index 8c36e8993..e45f43095 100644
--- a/apps/mobile/app/components/sheets/publish-note/index.tsx
+++ b/apps/mobile/app/components/sheets/publish-note/index.tsx
@@ -290,7 +290,7 @@ const PublishNoteSheet = ({
                   {strings.publishedAt()}:
                 </Heading>
                 <Paragraph size={AppFontSize.sm} numberOfLines={1}>
-                  {publishUrl}
+                  {monographMetadata?.publishUrl}
                 </Paragraph>
               </View>
 
@@ -432,7 +432,7 @@ const PublishNoteSheet = ({
           {isFeatureAvailable?.isAllowed &&
           !selfDestruct &&
           monographMetadata &&
-          monographMetadata?.analytics?.totalViews > 0 ? (
+          monographMetadata?.analytics.totalViews > 0 ? (
             <View
               style={{
                 flexDirection: "row",
@@ -457,7 +457,7 @@ const PublishNoteSheet = ({
                 >
                   <Paragraph size={AppFontSize.sm}>{strings.views()}</Paragraph>
                   <Paragraph>
-                    {monographMetadata?.analytics?.totalViews || 0}
+                    {monographMetadata?.analytics.totalViews || 0}
                   </Paragraph>
                 </View>
               </View>
diff --git a/apps/mobile/app/components/sheets/recovery-key/index.jsx b/apps/mobile/app/components/sheets/recovery-key/index.jsx
deleted file mode 100644
index 6e01e3c73..000000000
--- a/apps/mobile/app/components/sheets/recovery-key/index.jsx
+++ /dev/null
@@ -1,338 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { sanitizeFilename } from "@notesnook/common";
-import { strings } from "@notesnook/intl";
-import Clipboard from "@react-native-clipboard/clipboard";
-import React, { createRef } from "react";
-import { PermissionsAndroid, Platform, View } from "react-native";
-import RNFetchBlob from "react-native-blob-util";
-import FileViewer from "react-native-file-viewer";
-import * as ScopedStorage from "react-native-scoped-storage";
-import Share from "react-native-share";
-import { db } from "../../../common/database";
-import filesystem from "../../../common/filesystem";
-import {
-  eSubscribeEvent,
-  eUnSubscribeEvent,
-  ToastManager
-} from "../../../services/event-manager";
-import { clearMessage } from "../../../services/message";
-import SettingsService from "../../../services/settings";
-import { eOpenRecoveryKeyDialog } from "../../../utils/events";
-import { defaultBorderRadius, AppFontSize } from "../../../utils/size";
-import { sleep } from "../../../utils/time";
-import DialogHeader from "../../dialog/dialog-header";
-import { Button } from "../../ui/button";
-import Seperator from "../../ui/seperator";
-import SheetWrapper from "../../ui/sheet";
-import { QRCode } from "../../ui/svg/lazy";
-import Paragraph from "../../ui/typography/paragraph";
-import { DefaultAppStyles } from "../../../utils/styles";
-import { CameraRoll } from "@react-native-camera-roll/camera-roll";
-
-class RecoveryKeySheet extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      key: null,
-      visible: false
-    };
-    this.actionSheetRef = createRef();
-    this.svg = createRef();
-    this.user;
-    this.signup = false;
-    this.tapCount = 0;
-  }
-
-  open = (signup) => {
-    if (signup) {
-      this.signup = true;
-    }
-    this.setState(
-      {
-        visible: true
-      },
-      () => {
-        this.actionSheetRef.current?.setModalVisible(true);
-      }
-    );
-  };
-
-  close = () => {
-    if (this.tapCount === 0) {
-      ToastManager.show({
-        heading: strings.recoveryKeySaved(),
-        message: strings.recoveryKeySavedDesc(),
-        type: "success",
-        context: "local"
-      });
-      this.tapCount++;
-      return;
-    }
-    this.tapCount = 0;
-    this.actionSheetRef.current?.setModalVisible(false);
-    sleep(200).then(() => {
-      this.setState({
-        visible: false
-      });
-    });
-    SettingsService.set({
-      recoveryKeySaved: true
-    });
-    clearMessage();
-  };
-  async componentDidMount() {
-    eSubscribeEvent(eOpenRecoveryKeyDialog, this.open);
-  }
-
-  async componentWillUnmount() {
-    eUnSubscribeEvent(eOpenRecoveryKeyDialog, this.open);
-  }
-
-  saveQRCODE = async () => {
-    this.svg.current?.toDataURL(async (data) => {
-      try {
-        let fileName =
-          "nn_" + this.user.email + "_recovery_key_qrcode" + "_" + Date.now();
-        fileName = sanitizeFilename(fileName, { replacement: "_" });
-        fileName = fileName + ".png";
-
-        const path = RNFetchBlob.fs.dirs.CacheDir + fileName;
-        await RNFetchBlob.fs.writeFile(path, data, "base64");
-        await CameraRoll.saveToCameraRoll(`file://` + path);
-        ToastManager.show({
-          heading: strings.recoveryKeyQRCodeSaved(),
-          type: "success",
-          context: "local"
-        });
-      } catch (e) {
-        console.error(e);
-      }
-    });
-  };
-
-  saveToTextFile = async () => {
-    try {
-      let path;
-      let fileName = "nn_" + this.user?.email + "_recovery_key";
-      fileName = sanitizeFilename(fileName, { replacement: "_" });
-      fileName = fileName + ".txt";
-
-      if (Platform.OS === "android") {
-        let file = await ScopedStorage.createDocument(
-          fileName,
-          "text/plain",
-          this.state.key,
-          "utf8"
-        );
-        if (!file) return;
-        path = file.uri;
-      } else {
-        path = await filesystem.checkAndCreateDir("/");
-        await RNFetchBlob.fs.writeFile(path + fileName, this.state.key, "utf8");
-        path = path + fileName;
-      }
-
-      ToastManager.show({
-        heading: strings.recoveryKeyTextFileSaved(),
-        type: "success",
-        context: "local"
-      });
-      return path;
-    } catch (e) {
-      alert(e.message);
-    }
-  };
-
-  onOpen = async () => {
-    let k = await db.user.getMasterKey();
-    this.user = await db.user.getUser();
-    if (k) {
-      this.setState({
-        key: k.key
-      });
-    }
-  };
-
-  shareFile = async () => {
-    let path = await this.saveToTextFile();
-    if (!path) return;
-    try {
-      if (Platform.OS === "ios") {
-        Share.open({
-          url: path,
-          failOnCancel: false
-        }).catch(() => {
-          /* empty */
-        });
-      } else {
-        FileViewer.open(path, {
-          showOpenWithDialog: true,
-          showAppsSuggestions: true,
-          shareFile: true
-        }).catch(() => {
-          /* empty */
-        });
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  };
-
-  render() {
-    const { colors } = this.props;
-    if (!this.state.visible) return null;
-    return (
-      <SheetWrapper
-        closeOnTouchBackdrop={false}
-        gestureEnabled={false}
-        onOpen={this.onOpen}
-        fwdRef={this.actionSheetRef}
-      >
-        <View
-          style={{
-            width: "100%",
-            backgroundColor: colors.primary.background,
-            justifyContent: "space-between",
-            paddingHorizontal: DefaultAppStyles.GAP,
-            borderRadius: 10,
-            paddingTop: 10
-          }}
-        >
-          <DialogHeader
-            title={strings.saveRecoveryKey()}
-            paragraph={strings.saveRecoveryKeyDesc()}
-          />
-
-          <View
-            style={{
-              borderRadius: defaultBorderRadius,
-              padding: DefaultAppStyles.GAP,
-              marginTop: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            <Paragraph
-              color={colors.primary.paragraph}
-              size={AppFontSize.sm}
-              numberOfLines={2}
-              selectable
-              style={{
-                width: "100%",
-                maxWidth: "100%",
-                paddingRight: 10,
-                textAlign: "center",
-                textDecorationLine: "underline"
-              }}
-            >
-              {this.state.key}
-            </Paragraph>
-          </View>
-          <Seperator />
-
-          <View
-            style={{
-              alignSelf: "center",
-              marginBottom: 15,
-              flexDirection: "row",
-              width: "100%",
-              justifyContent: "center",
-              position: "absolute",
-              opacity: 0,
-              zIndex: -1
-            }}
-          >
-            {this.state.key ? (
-              <QRCode
-                getRef={this.svg}
-                size={500}
-                value={this.state.key}
-                //logo={{ uri: LOGO_BASE64 }}
-                logoBorderRadius={10}
-              />
-            ) : null}
-          </View>
-
-          <Button
-            onPress={() => {
-              Clipboard.setString(this.state.key);
-              ToastManager.show({
-                heading: strings.recoveryKeyCopied(),
-                type: "success",
-                context: "local"
-              });
-            }}
-            icon="content-copy"
-            title={strings.copyToClipboard()}
-            width="100%"
-            type="secondaryAccented"
-          />
-          <Seperator />
-          <Button
-            title={strings.saveQRCode()}
-            onPress={this.saveQRCODE}
-            width="100%"
-            type="secondaryAccented"
-            icon="qrcode"
-          />
-          <Seperator />
-          <Button
-            onPress={this.saveToTextFile}
-            title={strings.saveAsText()}
-            width="100%"
-            type="secondaryAccented"
-            icon="text"
-          />
-          <Seperator />
-
-          <Button
-            onPress={this.shareFile}
-            title={strings.shareToCloud()}
-            width="100%"
-            type="secondaryAccented"
-            icon="cloud"
-          />
-          <Seperator />
-
-          <Paragraph
-            color={colors.secondary.paragraph}
-            size={AppFontSize.sm}
-            numberOfLines={2}
-            style={{
-              width: "100%",
-              maxWidth: "100%",
-              marginBottom: 5,
-              textAlign: "center"
-            }}
-          >
-            {strings.recoveryKeySavedConfirmation()}
-          </Paragraph>
-          <Button
-            title={strings.done()}
-            width="100%"
-            type="error"
-            onPress={this.close}
-          />
-        </View>
-      </SheetWrapper>
-    );
-  }
-}
-
-export default RecoveryKeySheet;
diff --git a/apps/mobile/app/components/sheets/recovery-key/index.tsx b/apps/mobile/app/components/sheets/recovery-key/index.tsx
new file mode 100644
index 000000000..b2c7b5904
--- /dev/null
+++ b/apps/mobile/app/components/sheets/recovery-key/index.tsx
@@ -0,0 +1,454 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { sanitizeFilename } from "@notesnook/common";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import Clipboard from "@react-native-clipboard/clipboard";
+import React, { useEffect, useRef, useState } from "react";
+import { Platform, ScrollView, View } from "react-native";
+import RNFetchBlob from "react-native-blob-util";
+import FileViewer from "react-native-file-viewer";
+import * as ScopedStorage from "react-native-scoped-storage";
+import Share from "react-native-share";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { db } from "../../../common/database";
+import filesystem from "../../../common/filesystem";
+import { presentSheet, ToastManager } from "../../../services/event-manager";
+import { clearMessage } from "../../../services/message";
+import SettingsService from "../../../services/settings";
+import { AppFontSize } from "../../../utils/size";
+import { Button } from "../../ui/button";
+import AppIcon from "../../ui/AppIcon";
+import { Pressable } from "../../ui/pressable";
+import { QRCode } from "../../ui/svg/lazy";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+import { User } from "@notesnook/core";
+import { CameraRoll } from "@react-native-camera-roll/camera-roll";
+import { useSettingStore } from "../../../stores/use-setting-store";
+
+type RecoveryKeySheetProps = {
+  close?: (ctx?: string) => void;
+  signup?: boolean;
+};
+
+type ActionItem = {
+  id: string;
+  icon: string;
+  title: string;
+  subtitle: string;
+  onPress: () => void | Promise<void>;
+};
+
+function RecoveryKeySheet({ close }: RecoveryKeySheetProps) {
+  const { colors } = useThemeColors();
+  const [key, setKey] = useState<string | null>(null);
+  const userRef = useRef<User>(undefined);
+  const svgRef = useRef<{
+    toDataURL: (callback: (data: string) => void) => void;
+  } | null>(null);
+
+  useEffect(() => {
+    const loadRecoveryData = async () => {
+      const masterKey = await db.user.getMasterKey();
+      userRef.current = await db.user.getUser();
+      if (masterKey?.key) {
+        setKey(masterKey.key);
+      }
+    };
+
+    void loadRecoveryData();
+  }, []);
+
+  const copyToClipboard = () => {
+    if (!key) return;
+    Clipboard.setString(key);
+    ToastManager.show({
+      heading: strings.recoveryKeyCopied(),
+      type: "success",
+      context: "local"
+    });
+  };
+
+  const saveQRCODE = async () => {
+    svgRef.current?.toDataURL(async (data) => {
+      try {
+        let fileName =
+          "nn_" +
+          userRef.current?.email +
+          "_recovery_key_qrcode" +
+          "_" +
+          Date.now();
+        fileName = sanitizeFilename(fileName, { replacement: "_" });
+        fileName = fileName + ".png";
+
+        const path = RNFetchBlob.fs.dirs.CacheDir + fileName;
+        await RNFetchBlob.fs.writeFile(path, data, "base64");
+        await CameraRoll.saveToCameraRoll(`file://` + path);
+        ToastManager.show({
+          heading: strings.recoveryKeyQRCodeSaved(),
+          type: "success",
+          context: "local"
+        });
+      } catch (e) {
+        console.error(e);
+      }
+    });
+  };
+
+  const saveToTextFile = async () => {
+    if (!key) return;
+
+    try {
+      let path: string;
+      let fileName = `nn_${userRef.current?.email || "user"}_recovery_key`;
+      fileName = sanitizeFilename(fileName, { replacement: "_" });
+      fileName = `${fileName}.txt`;
+
+      if (Platform.OS === "android") {
+        const file = await ScopedStorage.createDocument(
+          fileName,
+          "text/plain",
+          key,
+          "utf8"
+        );
+        if (!file) return;
+        path = file.uri;
+      } else {
+        path = await filesystem.checkAndCreateDir("/");
+        await RNFetchBlob.fs.writeFile(path + fileName, key, "utf8");
+        path = path + fileName;
+      }
+
+      ToastManager.show({
+        heading: strings.recoveryKeyTextFileSaved(),
+        type: "success",
+        context: "local"
+      });
+      return path;
+    } catch (error) {
+      alert((error as Error).message);
+    }
+  };
+
+  const shareFile = async () => {
+    const path = await saveToTextFile();
+    if (!path) return;
+
+    try {
+      useSettingStore.getState().setAppDidEnterBackgroundForAction(true);
+      if (Platform.OS === "ios") {
+        Share.open({
+          url: path,
+          failOnCancel: false
+        }).catch(() => {
+          /* empty */
+        });
+      } else {
+        FileViewer.open(path, {
+          showOpenWithDialog: true,
+          showAppsSuggestions: true,
+          //@ts-ignore
+          shareFile: true
+        }).catch(() => {
+          /* empty */
+        });
+      }
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
+  const closeSheet = () => {
+    close?.();
+    SettingsService.set({ recoveryKeySaved: true });
+    clearMessage();
+  };
+
+  const actionItems: ActionItem[] = [
+    {
+      id: "copy-clipboard",
+      icon: "recovery-key-copy",
+      title: strings.copyToClipboard(),
+      subtitle: "Copy the recovery key to your clipboard",
+      onPress: copyToClipboard
+    },
+    {
+      id: "save-qr",
+      icon: "recovery-key-qr-code",
+      title: strings.saveQRCode(),
+      subtitle: "Save the QR code to your gallery",
+      onPress: saveQRCODE
+    },
+    {
+      id: "save-text",
+      icon: "recovery-key-file",
+      title: strings.saveAsText(),
+      subtitle: "Save the recovery key to a text file",
+      onPress: saveToTextFile
+    },
+    {
+      id: "share-cloud",
+      icon: "recovery-key-cloud-arrow-down",
+      title: strings.shareToCloud(),
+      subtitle: "Securely save the recovery key to cloud",
+      onPress: shareFile
+    }
+  ];
+
+  return (
+    <View
+      style={{
+        width: "100%",
+        backgroundColor: colors.primary.background,
+        borderTopLeftRadius: 35,
+        borderTopRightRadius: 35,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_2,
+        maxHeight: "95%"
+      }}
+    >
+      <ScrollView bounces={false} style={{ width: "100%" }}>
+        <View style={{ gap: Spacing.LEVEL_0 }}>
+          <View
+            style={{
+              flexDirection: "row",
+              alignItems: "flex-start",
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <View
+              style={{
+                width: 32,
+                height: 32,
+                borderRadius: 6,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: colors.secondary.background
+              }}
+            >
+              <AppIcon
+                name="recovery-key-key"
+                iconFamily="notesnook"
+                size={16}
+                color={colors.primary.icon}
+              />
+            </View>
+
+            <View style={{ flex: 1, gap: Spacing.LEVEL_1 }}>
+              <Heading
+                size={AppFontSize.xl}
+                style={{
+                  lineHeight: AppFontSize.xl
+                }}
+                fontFamily="SEMI_BOLD"
+              >
+                {strings.saveRecoveryKey()}
+              </Heading>
+              <Paragraph
+                size={AppFontSize.xs}
+                color={colors.primary.paragraph}
+                style={{
+                  lineHeight: AppFontSize.xs * 1.2
+                }}
+              >
+                {strings.saveRecoveryKeyDesc()}
+              </Paragraph>
+            </View>
+          </View>
+
+          <View
+            style={{
+              height: 1,
+              backgroundColor: colors.primary.border,
+              width: "100%",
+              marginVertical: Spacing.LEVEL_2
+            }}
+          />
+
+          <View
+            style={{
+              backgroundColor: colors.secondary.background,
+              borderRadius: Radius.S,
+              padding: Spacing.LEVEL_2,
+              gap: Spacing.LEVEL_2
+            }}
+          >
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                gap: Spacing.LEVEL_1
+              }}
+            >
+              <AppIcon
+                name="recovery-key-shield-check"
+                iconFamily="notesnook"
+                size={16}
+                color={colors.primary.accent}
+              />
+              <Paragraph
+                size={AppFontSize.sm}
+                color={colors.primary.accent}
+                style={{
+                  lineHeight: AppFontSize.sm
+                }}
+              >
+                {strings.yourRecoveryKey()}
+              </Paragraph>
+            </View>
+
+            <View
+              style={{
+                backgroundColor: colors.tertiary.background,
+                borderRadius: Radius.XS,
+                borderWidth: 1.3,
+                borderStyle: "dashed",
+                borderColor: colors.primary.accent,
+                paddingHorizontal: Spacing.LEVEL_2,
+                paddingVertical: Spacing.LEVEL_3,
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: Spacing.LEVEL_2
+              }}
+            >
+              <Paragraph
+                size={AppFontSize.sm}
+                color={colors.primary.paragraph}
+                selectable
+                style={{
+                  lineHeight: AppFontSize.sm * 1.2,
+                  flexShrink: 1
+                }}
+              >
+                {key || ""}
+              </Paragraph>
+
+              <Button
+                icon="recovery-key-copy"
+                iconFamily="notesnook"
+                title={strings.copy()}
+                onPress={copyToClipboard}
+                fontSize={AppFontSize.sm}
+                style={{
+                  paddingHorizontal: 0
+                }}
+              />
+            </View>
+          </View>
+
+          <View
+            style={{
+              gap: Spacing.LEVEL_0
+            }}
+          >
+            {actionItems.map((item) => (
+              <Pressable
+                key={item.id}
+                onPress={item.onPress}
+                style={{
+                  width: "100%",
+                  borderRadius: Radius.S,
+                  paddingVertical: Spacing.LEVEL_1,
+                  flexDirection: "row",
+                  alignItems: "center",
+                  gap: Spacing.LEVEL_1
+                }}
+              >
+                <View
+                  style={{
+                    width: 32,
+                    height: 32,
+                    borderRadius: Radius.XS,
+                    alignItems: "center",
+                    justifyContent: "center",
+                    backgroundColor: colors.secondary.background
+                  }}
+                >
+                  <AppIcon
+                    name={item.icon}
+                    iconFamily="notesnook"
+                    size={16}
+                    color={colors.primary.icon}
+                  />
+                </View>
+
+                <View style={{ flex: 1, gap: Spacing.LEVEL_0 }}>
+                  <Heading size={AppFontSize.sm} fontFamily="MEDIUM">
+                    {item.title}
+                  </Heading>
+                  <Paragraph
+                    size={AppFontSize.xs}
+                    color={colors.primary.paragraph}
+                  >
+                    {item.subtitle}
+                  </Paragraph>
+                </View>
+              </Pressable>
+            ))}
+          </View>
+        </View>
+      </ScrollView>
+
+      <Button
+        title={strings.done()}
+        width="100%"
+        type="accent"
+        onPress={closeSheet}
+        style={{
+          borderRadius: Radius.S
+        }}
+      />
+
+      <View
+        style={{
+          position: "absolute",
+          left: -9999,
+          top: -9999,
+          opacity: 0
+        }}
+      >
+        {key ? (
+          <QRCode
+            getRef={(ref) => {
+              svgRef.current = ref;
+            }}
+            size={500}
+            value={key}
+            logoBorderRadius={10}
+          />
+        ) : null}
+      </View>
+    </View>
+  );
+}
+
+RecoveryKeySheet.present = (signup?: boolean) => {
+  presentSheet({
+    disableClosing: false,
+    component: (ref, close) => (
+      <RecoveryKeySheet close={close} signup={signup} />
+    )
+  });
+};
+
+export default RecoveryKeySheet;
diff --git a/apps/mobile/app/components/sheets/sort/index.tsx b/apps/mobile/app/components/sheets/sort/index.tsx
index d763dd2a5..5e68e059a 100644
--- a/apps/mobile/app/components/sheets/sort/index.tsx
+++ b/apps/mobile/app/components/sheets/sort/index.tsx
@@ -160,6 +160,33 @@ const Sort = ({
     close();
   };
 
+  useEffect(() => {
+    data?.groups?.().then((groups) => {
+      setGroups(groups);
+      offsets.current = [];
+      groups.map((item, index) => {
+        let offset = 35 * index;
+        let groupIndex = item.index;
+        const messageState = useMessageStore.getState().message;
+        const msgOffset = messageState?.visible ? 60 : 10;
+
+        groupIndex = groupIndex + 1;
+        groupIndex = groupIndex - (index + 1);
+        offset = offset + groupIndex * 100 + msgOffset;
+        offsets.current.push(offset);
+      });
+
+      const index = offsets.current?.findIndex((o, i) => {
+        return (
+          o <= currentScrollPosition.current + 100 &&
+          offsets.current[i + 1] - 100 > currentScrollPosition.current
+        );
+      });
+
+      setCurrentIndex(index < 0 ? 0 : index);
+    });
+  }, [data]);
+
   return (
     <View
       style={{
@@ -265,7 +292,7 @@ const Sort = ({
                 {groupOptions?.sortBy === item ? (
                   <AppIcon
                     size={AppFontSize.lg}
-                    name="checkbox"
+                    name="radio-button"
                     iconFamily="notesnook"
                     color={[colors.selected.accent, "white"]}
                   />
diff --git a/apps/mobile/app/components/sheets/trash-interval/index.tsx b/apps/mobile/app/components/sheets/trash-interval/index.tsx
new file mode 100644
index 000000000..e876d04d1
--- /dev/null
+++ b/apps/mobile/app/components/sheets/trash-interval/index.tsx
@@ -0,0 +1,189 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { isFeatureAvailable } from "@notesnook/common";
+import { TrashCleanupInterval } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useState } from "react";
+import { useWindowDimensions, View } from "react-native";
+import { ScrollView } from "react-native-actions-sheet";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { db } from "../../../common/database";
+import { presentSheet, ToastManager } from "../../../services/event-manager";
+import AppIcon from "../../ui/AppIcon";
+import { Pressable } from "../../ui/pressable";
+import Heading from "../../ui/typography/heading";
+import PaywallSheet from "../paywall";
+import Paragraph from "../../ui/typography/paragraph";
+
+const OPTIONS = [-1, 1, 7, 30, 365] as TrashCleanupInterval[];
+
+const formatValue = (item: TrashCleanupInterval) => {
+  return item === -1
+    ? strings.never()
+    : item === 1
+      ? strings.reminderRecurringMode.day()
+      : strings.days(item);
+};
+
+type TrashIntervalProps = {
+  close?: (ctx?: string) => void;
+};
+
+function TrashInterval({ close }: TrashIntervalProps) {
+  const { colors } = useThemeColors();
+  const { height } = useWindowDimensions();
+  const [currentValue, setCurrentValue] = useState(
+    db.settings.getTrashCleanupInterval()
+  );
+
+  const onChange = async (item: TrashCleanupInterval) => {
+    const disableTrashFeature = await isFeatureAvailable("disableTrashCleanup");
+    if (!disableTrashFeature.isAllowed) {
+      ToastManager.show({
+        message: disableTrashFeature.error,
+        type: "info",
+        actionText: strings.upgrade(),
+        func: () => {
+          PaywallSheet.present(disableTrashFeature);
+        }
+      });
+    }
+    db.settings.setTrashCleanupInterval(item);
+    setCurrentValue(item);
+    close?.();
+  };
+
+  return (
+    <ScrollView
+      style={{
+        maxHeight: height * 0.8
+      }}
+    >
+      <View
+        style={{
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: Spacing.LEVEL_1,
+            paddingTop: Spacing.LEVEL_2
+          }}
+        >
+          <View
+            style={{
+              width: 32,
+              height: 32,
+              borderRadius: Radius.XS,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
+            }}
+          >
+            <AppIcon
+              name="trash"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.static.red}
+            />
+          </View>
+
+          <View
+            style={{
+              flex: 1,
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.clearTrashInterval()}
+            </Heading>
+            <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+              {strings.clearTrashIntervalDesc()}
+            </Paragraph>
+          </View>
+        </View>
+      </View>
+
+      <View
+        style={{
+          width: "100%",
+          backgroundColor: colors.primary.background,
+          borderTopLeftRadius: 35,
+          borderTopRightRadius: 35,
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingTop: Spacing.LEVEL_2,
+          gap: Spacing.LEVEL_2
+        }}
+      >
+        {OPTIONS.map((item) => {
+          const selected = currentValue === item;
+          return (
+            <Pressable
+              key={item}
+              type={selected ? "selected" : "transparent"}
+              onPress={() => onChange(item)}
+              style={{
+                width: "100%",
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: Spacing.LEVEL_2,
+                borderRadius: Radius.XS,
+                borderWidth: selected ? 0 : 1,
+                borderColor: colors.primary.border
+              }}
+            >
+              <Heading
+                fontFamily="MEDIUM"
+                fontSize="SM"
+                lineHeight="100%"
+                color={colors.primary.heading}
+              >
+                {formatValue(item)}
+              </Heading>
+
+              <AppIcon
+                name={selected ? "radio-button" : "ellipse"}
+                iconFamily="notesnook"
+                size={16}
+                color={
+                  selected
+                    ? [colors.selected.accent, colors.static.white]
+                    : colors.secondary.icon
+                }
+              />
+            </Pressable>
+          );
+        })}
+      </View>
+    </ScrollView>
+  );
+}
+
+TrashInterval.present = () => {
+  presentSheet({
+    component: (_ref, close) => <TrashInterval close={close} />
+  });
+};
+
+export default TrashInterval;
diff --git a/apps/mobile/app/components/sheets/update/index.js b/apps/mobile/app/components/sheets/update/index.js
deleted file mode 100644
index eda14b198..000000000
--- a/apps/mobile/app/components/sheets/update/index.js
+++ /dev/null
@@ -1,232 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import React, { useEffect, useState } from "react";
-import { Linking, View } from "react-native";
-import { ScrollView } from "react-native-actions-sheet";
-import { checkVersion } from "react-native-check-version";
-import Config from "react-native-config";
-import deviceInfoModule from "react-native-device-info";
-import { useThemeColors } from "@notesnook/theme";
-import { STORE_LINK } from "../../../utils/constants";
-import { AppFontSize } from "../../../utils/size";
-import { Button } from "../../ui/button";
-import Seperator from "../../ui/seperator";
-import { SvgView } from "../../ui/svg";
-import { ProgressBarComponent } from "../../ui/svg/lazy";
-import Heading from "../../ui/typography/heading";
-import Paragraph from "../../ui/typography/paragraph";
-import { getContainerBorder } from "../../../utils/colors";
-import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../../utils/styles";
-const UPDATE_SVG = (color) =>
-  `<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="774" height="669.5" viewBox="0 0 774 669.5" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M938.2145,322.3829C936.73266,207.5841,878.16775,115.25,806.13079,115.25c-43.29082,0-81.71777,33.346-105.81477,84.87331l28.33157,71.08654-39.15446-43.81576c-9.876,29.64743-15.48115,63.49569-15.48115,99.44475a324.20917,324.20917,0,0,0,9.98686,80.80891l75.92761-12.24058-67.9507,37.99628c22.13728,60.69069,62.59851,102.1414,109.23586,104.87608l-8.988,244.5184,27.81449.99338-5.94527-245.75716c66.41162-6.32443,119.60967-91.20375,123.8712-197.42794l-45.89372-25.66252Z" transform="translate(-213 -115.25)" fill="#f0f0f0"/><rect x="157.51532" y="354.40187" width="6.60151" height="49.25266" fill="${color}"/><polygon points="187.815 376.276 182.98 380.779 160.823 356.936 138.658 380.779 133.823 376.276 160.823 347.243 187.815 376.276" fill="${color}"/><path d="M371.9876,543.6602a52.8121,52.8121,0,1,1,52.8121-52.81209A52.87183,52.87183,0,0,1,371.9876,543.6602Zm0-99.02268a46.21059,46.21059,0,1,0,46.21058,46.21059A46.26275,46.26275,0,0,0,371.9876,444.63752Z" transform="translate(-213 -115.25)" fill="${color}"/><rect x="212.75248" y="253.9314" width="3.63974" height="27.15545" fill="#e4e4e4"/><polygon points="229.458 265.992 226.793 268.475 214.576 255.328 202.356 268.475 199.69 265.992 214.576 249.984 229.458 265.992" fill="#e4e4e4"/><path d="M426.56422,409.9859a29.118,29.118,0,1,1,29.118-29.118A29.15089,29.15089,0,0,1,426.56422,409.9859Zm0-54.59616A25.47821,25.47821,0,1,0,452.04243,380.868,25.507,25.507,0,0,0,426.56422,355.38974Z" transform="translate(-213 -115.25)" fill="#e4e4e4"/><rect x="99.52274" y="186.73872" width="3.63974" height="27.15545" fill="#e4e4e4"/><polygon points="116.229 198.799 113.563 201.282 101.346 188.136 89.126 201.282 86.46 198.799 101.346 182.792 116.229 198.799" fill="#e4e4e4"/><path d="M313.33448,342.79321a29.118,29.118,0,1,1,29.118-29.118A29.15088,29.15088,0,0,1,313.33448,342.79321Zm0-54.59615a25.47821,25.47821,0,1,0,25.47821,25.4782A25.507,25.507,0,0,0,313.33448,288.19706Z" transform="translate(-213 -115.25)" fill="#e4e4e4"/><path d="M518.7325,635.91942a8.22484,8.22484,0,0,1,.958-12.302,9.56322,9.56322,0,0,1,1.26081-.83521l-6.99347-30.13439,16.26512,5.84042,4.14749,27.72073a8.21849,8.21849,0,0,1-2.21462,10.58849A10.12952,10.12952,0,0,1,518.7325,635.91942Z" transform="translate(-213 -115.25)" fill="#ffb8b8"/><path d="M516.88531,612.40706l-.08727-.29605c-8.79267-29.805-17.88169-60.6154-28.97824-94.16236l-.0728-.21977.2448-.13088c6.18493-3.30762,15.48114-3.08736,21.62358.51183,5.68293,3.33,8.55569,9.77159,7.0024,15.68347l8.09328,38.67327c3.29039,12.64158,6.69574,25.72668,9.95036,38.62892l.09229.36576-.504.0295c-5.92592.34536-12.04821.70254-16.95322.89973Z" transform="translate(-213 -115.25)" fill="#ccc"/><polygon points="229.16 657.57 217.627 657.57 212.138 616.801 229.16 616.801 229.16 657.57" fill="#ffb8b8"/><path d="M445.10175,783.06559H407.9141v-.43107c0-7.31472,6.49345-13.26551,14.47493-13.26551h22.71272Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><polygon points="337.837 648.851 326.848 652.06 308.113 614.743 324.331 610.006 337.837 648.851" fill="#ffb8b8"/><path d="M521.60173,783.39141l-.14262-.41086c-2.42325-6.96953,1.79234-14.4459,9.39693-16.66692l21.64062-6.31955,4.53736,13.05Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><ellipse cx="279.46347" cy="354.21043" rx="23.10522" ry="21.17504" fill="#ffb8b8"/><path d="M502.83713,465.536c.13132-8.54065-3.76885-16.99907-9.79916-21.25171a16.77762,16.77762,0,0,0-19.87954.322c-5.937,4.44645-9.65428,13.02823-9.33974,21.56167C477.12124,466.20257,490.42379,466.23726,502.83713,465.536Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><path d="M448.74454,759.69687l-.46255-.04125c-10.03358-.90255-20.40891-1.83457-30.21419-1.9415l-.5333-.00589.07281-.48411c2.32311-15.42,3.30793-31.45044,4.26037-46.9538.9405-15.308,1.91269-31.13682,4.17769-46.17039.95818-4.0257,1.892-8.00342,2.82264-11.96682,7.70037-32.79837,14.97378-63.77816,29.98728-94.44433l.14194-.28963.34381.03789c14.08679,1.56221,27.62283,6.27241,38.11391,13.26256l.20326.13513-.00988.23027a131.25944,131.25944,0,0,0-.10174,14.17269,44.82523,44.82523,0,0,1,7.48241,42.489c4.13084,12.65215,8.40154,25.73075,12.75907,38.63212,10.5818,26.587,21.53153,54.10056,32.75594,81.99045l.1842.45717-.51791.11114c-8.07587,1.73775-16.40668,3.52938-24.62518,4.22482l-.31028.0261-.14745-.25174a587.30717,587.30717,0,0,1-50.88262-112.12662c-2.80473,7.83882-6.84508,14.91443-10.75934,21.76819a157.11556,157.11556,0,0,0-9.86087,19.31354c-1.73239,13.0365-2.192,27.16078-2.63591,40.81947-.42007,12.91442-.81671,25.11236-2.19312,36.582Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><path d="M484.57528,444.67592c10.01507-1.97751,21.093-.09617,28.95819,6.09651s11.85919,16.9058,8.62805,26.09364-14.20114,15.65236-24.12,13.27969c2.84131-7.33881-.35623-16.34918-7.302-20.57639C482.50242,464.55626,480.23475,452.58775,484.57528,444.67592Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><path d="M496.73471,571.62025l-.36633-.15281c-12.77629-5.34207-25.30408-9.441-37.04181-13.18089l-.35989-.07114-.00092-.95644.23358.07451c.04915-.09935.1045-.21217.16008-.32456.16031-.325.26963-.54642.36264-.69292l-.00252-.00126c.97862-1.82742,1.75651-3.59337,2.50868-5.30123.77628-1.76259,1.5776-3.58243,2.61295-5.50793a15.68833,15.68833,0,0,1-4.02289-17.95719c2.593-5.63211,9.20424-10.01859,16.15083-10.74644,2.54543-6.42185,8.21712-19.91552,8.21712-19.91552s11.92674-.30015,16.72316-.85793l.08062-.00926.07923.016c10.4711,2.10273,19.213,11.1834,21.25846,22.08265,1.72665,9.199-.89525,19.721-7.38227,29.62807A128.7532,128.7532,0,0,1,504.93,561.61682c-2.92186,3.34837-5.68157,6.51067-7.97367,9.69571Z" transform="translate(-213 -115.25)" fill="#ccc"/><path d="M519.3919,459.10521v0Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><path d="M519.861,457.22412c-7.01076-.95907-12.51527-7.52688-11.71835-13.982s7.76344-11.72977,14.83079-11.22907,13.06654,6.694,12.77147,13.18459S528.81221,458.44864,519.861,457.22412Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><path d="M518.76646,453.03852c-7.01067-.95906-12.51516-7.52688-11.71821-13.98194.54524-4.41578,3.9788-8.27657,8.35539-10.11667-5.65378,1.13408-10.51956,5.64916-11.17757,10.97881-.79695,6.45506,4.70754,13.02288,11.71821,13.98195a14.465,14.465,0,0,0,7.6875-.98538A14.866,14.866,0,0,1,518.76646,453.03852Z" transform="translate(-213 -115.25)" fill="#2f2e41"/><path d="M382.77632,566.82181a9.99626,9.99626,0,0,1,12.97554-3.271,9.61149,9.61149,0,0,1,1.27935.81118l28.67233-16.08336-.58936,16.00057-27.13738,12.82a10.15042,10.15042,0,0,1-11.63139,1.61428A8.34216,8.34216,0,0,1,382.77632,566.82181Z" transform="translate(-213 -115.25)" fill="#ffb8b8"/><path d="M406.35053,557.3917l.2755-.17406c27.73394-17.52829,56.40359-35.64765,87.2197-56.41349l.20185-.13613.21621.16792c5.46363,4.24233,8.33439,12.34854,6.67808,18.85539-1.5324,6.02009-7.20243,10.64869-13.80215,11.27624L450.049,550.84631c-11.90943,7.05521-24.23685,14.35751-36.42636,21.46865l-.34555.20162-.19828-.42571c-2.32974-5.0055-4.73707-10.17674-6.57422-14.34943Z" transform="translate(-213 -115.25)" fill="#ccc"/><path d="M986,784.75H214a1,1,0,0,1,0-2H986a1,1,0,0,1,0,2Z" transform="translate(-213 -115.25)" fill="#cacaca"/></svg>`;
-
-export const Update = ({ version: appVersion, fwdRef }) => {
-  const { colors } = useThemeColors();
-  const [version, setVersion] = useState(appVersion);
-  let notes = version?.notes
-    ? version.notes.replace("Thank you for using Notesnook!", "").split("- ")
-    : ["Bug fixes and performance improvements"];
-  notes = notes?.map((n) => n.replace(/\n|<br>/g, ""));
-  const isGithubRelease = Config.GITHUB_RELEASE === "true";
-
-  const getSupportedAbi = () => {
-    let abi = deviceInfoModule.supportedAbisSync();
-    let armv8a = abi.find((a) => a === "arm64-v8a");
-    let armv7 = abi.find((a) => a === "armeabi-v7a");
-
-    return armv8a || armv7 || abi[0];
-  };
-
-  const GITHUB_URL =
-    !version || !version.needsUpdate
-      ? null
-      : `https://github.com/streetwriters/notesnook/releases/download/${
-          version.version
-        }-android/notesnook-${getSupportedAbi()}.apk`;
-  const GITHUB_PAGE_URL =
-    !version || !version.needsUpdate
-      ? null
-      : `https://github.com/streetwriters/notesnook/releases/tag/${version.version}-android`;
-
-  useEffect(() => {
-    if (!version) {
-      (async () => {
-        try {
-          let v = await checkVersion();
-          setVersion(v);
-        } catch (e) {
-          setVersion({
-            needsUpdate: false
-          });
-        }
-      })();
-    }
-  }, [version]);
-
-  return (
-    <View
-      style={{
-        alignSelf: "center",
-        alignItems: "center",
-        width: "100%",
-        paddingHorizontal: DefaultAppStyles.GAP,
-        maxHeight: "97%"
-      }}
-    >
-      {!version || !version?.needsUpdate ? (
-        <>
-          <View
-            style={{
-              paddingVertical: 60,
-              justifyContent: "center",
-              alignItems: "center"
-            }}
-          >
-            {!version ? (
-              <>
-                <ProgressBarComponent
-                  size={AppFontSize.xxl}
-                  indeterminate={true}
-                  color={colors.primary.accent}
-                  borderWidth={0}
-                  height={5}
-                  width={250}
-                />
-                <Paragraph
-                  style={{
-                    marginTop: DefaultAppStyles.GAP_VERTICAL_SMALL
-                  }}
-                  size={AppFontSize.md}
-                >
-                  {strings.checkNewVersion()}
-                </Paragraph>
-              </>
-            ) : (
-              <Paragraph size={AppFontSize.md}>{strings.noUpdates()}</Paragraph>
-            )}
-          </View>
-        </>
-      ) : (
-        <>
-          <View
-            style={{
-              flexDirection: "row",
-              alignItems: "flex-end",
-              justifyContent: "space-between",
-              width: "100%",
-              backgroundColor: colors.secondary.background,
-              borderRadius: 10,
-              padding: DefaultAppStyles.GAP,
-              ...getContainerBorder(colors.secondary.background)
-            }}
-          >
-            <View>
-              <Heading>{strings.updateAvailable()}</Heading>
-              <Paragraph>
-                {strings.versionReleased(
-                  version.version,
-                  isGithubRelease ? "github" : "store"
-                )}
-              </Paragraph>
-            </View>
-
-            <SvgView
-              src={UPDATE_SVG(colors.primary.accent)}
-              width={100}
-              height={100}
-            />
-          </View>
-
-          <Seperator />
-          <ScrollView
-            nestedScrollEnabled={true}
-            style={{
-              width: "100%"
-            }}
-          >
-            <Heading size={AppFontSize.md}>{strings.releaseNotes()}:</Heading>
-
-            {version.body ? (
-              <Paragraph
-                color={colors.secondary.paragraph}
-                style={{
-                  marginBottom: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                  fontFamily: "monospace",
-                  fontSize: 12,
-                  lineHeight: 20,
-                  marginTop: DefaultAppStyles.GAP_VERTICAL
-                }}
-                selectable
-              >
-                {version.body}
-              </Paragraph>
-            ) : null}
-            {notes.map((item) =>
-              item && item !== "" ? (
-                <Paragraph
-                  key={item}
-                  color={colors.secondary.paragraph}
-                  style={{
-                    marginBottom: DefaultAppStyles.GAP_VERTICAL_SMALL
-                  }}
-                  selectable
-                >
-                  • {item}
-                </Paragraph>
-              ) : null
-            )}
-          </ScrollView>
-          <Seperator />
-          <Button
-            title={
-              isGithubRelease ? strings.downloadUpdate() : strings.update()
-            }
-            onPress={() => {
-              Linking.openURL(isGithubRelease ? GITHUB_URL : STORE_LINK).catch(
-                console.log
-              );
-            }}
-            type="accent"
-            style={{
-              width: "100%"
-            }}
-          />
-
-          <Paragraph
-            size={12}
-            color={colors.secondary.paragraph}
-            style={{
-              textDecorationLine: "underline",
-              marginTop: DefaultAppStyles.GAP_VERTICAL
-            }}
-            onPress={() => {
-              Linking.openURL(GITHUB_PAGE_URL).catch(() => {
-                /* empty */
-              });
-            }}
-          >
-            {strings.readReleaseNotes()}
-          </Paragraph>
-        </>
-      )}
-    </View>
-  );
-};
diff --git a/apps/mobile/app/components/sheets/update/index.tsx b/apps/mobile/app/components/sheets/update/index.tsx
new file mode 100644
index 000000000..6a268f18b
--- /dev/null
+++ b/apps/mobile/app/components/sheets/update/index.tsx
@@ -0,0 +1,306 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { RefObject, useEffect, useState } from "react";
+import {
+  ActivityIndicator,
+  Linking,
+  useWindowDimensions,
+  View
+} from "react-native";
+import { ActionSheetRef, ScrollView } from "react-native-actions-sheet";
+import { checkVersion, CheckVersionResponse } from "react-native-check-version";
+import Config from "react-native-config";
+import deviceInfoModule from "react-native-device-info";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { STORE_LINK } from "../../../utils/constants";
+import { GithubVersionInfo } from "../../../utils/github-version";
+import AppIcon from "../../ui/AppIcon";
+import { Button } from "../../ui/button";
+import Heading from "../../ui/typography/heading";
+import Paragraph from "../../ui/typography/paragraph";
+
+type UpdateVersion = GithubVersionInfo | CheckVersionResponse;
+
+type VersionInfo = {
+  version?: string | null;
+  needsUpdate?: boolean;
+  notes?: string;
+  body?: string;
+};
+
+type UpdateProps = {
+  version?: UpdateVersion;
+  fwdRef?: RefObject<ActionSheetRef>;
+};
+
+type IconTileProps = {
+  colors: ReturnType<typeof useThemeColors>["colors"];
+  name: string;
+  color?: string;
+  backgroundColor?: string;
+};
+
+const IconTile = ({ colors, name, color, backgroundColor }: IconTileProps) => (
+  <View
+    style={{
+      width: 32,
+      height: 32,
+      borderRadius: Radius.XS,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: backgroundColor || colors.secondary.background
+    }}
+  >
+    <AppIcon
+      name={name}
+      iconFamily="notesnook"
+      size={16}
+      color={color || colors.primary.icon}
+    />
+  </View>
+);
+
+export const Update = ({ version: appVersion }: UpdateProps) => {
+  const { colors } = useThemeColors();
+  const { height } = useWindowDimensions();
+  const [version, setVersion] = useState<VersionInfo | undefined>(appVersion);
+  let notes = version?.notes
+    ? version.notes.replace("Thank you for using Notesnook!", "").split("- ")
+    : ["Bug fixes and performance improvements"];
+  notes = notes?.map((n) => n.replace(/\n|<br>/g, ""));
+  const isGithubRelease = Config.GITHUB_RELEASE === "true";
+
+  const getSupportedAbi = () => {
+    const abi = deviceInfoModule.supportedAbisSync();
+    const armv8a = abi.find((a) => a === "arm64-v8a");
+    const armv7 = abi.find((a) => a === "armeabi-v7a");
+
+    return armv8a || armv7 || abi[0];
+  };
+
+  const GITHUB_URL =
+    !version || !version.needsUpdate
+      ? null
+      : `https://github.com/streetwriters/notesnook/releases/download/${
+          version.version
+        }-android/notesnook-${getSupportedAbi()}.apk`;
+  const GITHUB_PAGE_URL =
+    !version || !version.needsUpdate
+      ? null
+      : `https://github.com/streetwriters/notesnook/releases/tag/${version.version}-android`;
+
+  useEffect(() => {
+    if (!version) {
+      (async () => {
+        try {
+          const v = await checkVersion();
+          setVersion(v);
+        } catch (e) {
+          setVersion({
+            needsUpdate: false
+          });
+        }
+      })();
+    }
+  }, [version]);
+
+  return (
+    <View
+      style={{
+        width: "100%",
+        backgroundColor: colors.primary.background,
+        borderTopLeftRadius: 35,
+        borderTopRightRadius: 35,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_3
+      }}
+    >
+      {!version || !version?.needsUpdate ? (
+        <View
+          style={{
+            alignItems: "center",
+            justifyContent: "center",
+            gap: Spacing.LEVEL_2,
+            paddingBottom: Spacing.LEVEL_6
+          }}
+        >
+          {!version ? (
+            <>
+              <ActivityIndicator
+                style={{
+                  marginTop: Spacing.LEVEL_4
+                }}
+                color={colors.primary.accent}
+              />
+              <Paragraph fontSize="MD" color={colors.secondary.paragraph}>
+                {strings.checkNewVersion()}
+              </Paragraph>
+            </>
+          ) : (
+            <>
+              <IconTile colors={colors} name="warning-circle" />
+              <View
+                style={{
+                  alignItems: "center",
+                  gap: Spacing.LEVEL_1
+                }}
+              >
+                <Heading fontSize="XL" lineHeight="100%">
+                  {strings.noUpdates()}
+                </Heading>
+                <Paragraph
+                  fontSize="SM"
+                  color={colors.secondary.paragraph}
+                  style={{ textAlign: "center" }}
+                >
+                  {strings.noUpdatesDesc()}
+                </Paragraph>
+              </View>
+            </>
+          )}
+        </View>
+      ) : (
+        <>
+          <View
+            style={{
+              flexDirection: "column",
+              alignItems: "center",
+              gap: Spacing.LEVEL_2,
+              justifyContent: "center"
+            }}
+          >
+            <IconTile colors={colors} name="download-simple" />
+            <View
+              style={{
+                justifyContent: "center",
+                gap: Spacing.LEVEL_1
+              }}
+            >
+              <Heading fontSize="XL" lineHeight="100%">
+                {strings.updateAvailable()}
+              </Heading>
+              <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+                {strings.versionReleased(
+                  version.version as string,
+                  isGithubRelease ? "github" : "store"
+                )}
+              </Paragraph>
+            </View>
+          </View>
+
+          <View
+            style={{
+              height: 1,
+              backgroundColor: colors.primary.border
+            }}
+          />
+
+          <ScrollView
+            nestedScrollEnabled={true}
+            style={{
+              width: "100%",
+              maxHeight: height * 0.4
+            }}
+          >
+            <Heading fontSize="MD" lineHeight="100%">
+              {strings.releaseNotes()}
+            </Heading>
+
+            {version.body ? (
+              <Paragraph
+                color={colors.secondary.paragraph}
+                style={{
+                  marginTop: Spacing.LEVEL_2,
+                  marginBottom: Spacing.LEVEL_0,
+                  fontFamily: "monospace",
+                  fontSize: 12,
+                  lineHeight: 20
+                }}
+                selectable
+              >
+                {version.body}
+              </Paragraph>
+            ) : (
+              <View
+                style={{
+                  marginTop: Spacing.LEVEL_2,
+                  gap: Spacing.LEVEL_0
+                }}
+              >
+                {notes.map((item) =>
+                  item && item !== "" ? (
+                    <Paragraph
+                      key={item}
+                      color={colors.secondary.paragraph}
+                      selectable
+                    >
+                      {`• ${item}`}
+                    </Paragraph>
+                  ) : null
+                )}
+              </View>
+            )}
+          </ScrollView>
+
+          <Button
+            title={
+              isGithubRelease ? strings.downloadUpdate() : strings.update()
+            }
+            onPress={() => {
+              Linking.openURL(
+                (isGithubRelease ? GITHUB_URL : STORE_LINK) as string
+              ).catch(console.log);
+            }}
+            type="accent"
+            style={{
+              width: "100%",
+              borderRadius: Radius.S
+            }}
+          />
+
+          <Paragraph
+            fontSize="XS"
+            color={colors.secondary.paragraph}
+            style={{
+              textAlign: "center"
+            }}
+            onPress={() => {
+              Linking.openURL(GITHUB_PAGE_URL as string).catch(() => {
+                /* empty */
+              });
+            }}
+          >
+            {strings.readReleaseNotes[1]()}
+            <Paragraph
+              color={colors.primary.accent}
+              fontFamily="MEDIUM"
+              fontSize="XS"
+            >
+              {strings.readReleaseNotes[2]()}
+            </Paragraph>
+          </Paragraph>
+        </>
+      )}
+    </View>
+  );
+};
diff --git a/apps/mobile/app/components/sheets/user/index.tsx b/apps/mobile/app/components/sheets/user/index.tsx
index 42eb3b75d..3197416ea 100644
--- a/apps/mobile/app/components/sheets/user/index.tsx
+++ b/apps/mobile/app/components/sheets/user/index.tsx
@@ -21,15 +21,14 @@ import { strings } from "@notesnook/intl";
 import { useThemeColors } from "@notesnook/theme";
 import { useNetInfo } from "@react-native-community/netinfo";
 import React from "react";
-import { ActivityIndicator, Image, Linking, View } from "react-native";
+import { Image, Linking, View } from "react-native";
 import { useSheetRef } from "react-native-actions-sheet";
 import useSyncProgress from "../../../hooks/use-sync-progress";
 import { presentSheet, ToastManager } from "../../../services/event-manager";
 import Navigation from "../../../services/navigation";
 import { SyncStatus, useUserStore } from "../../../stores/use-user-store";
 import { getObfuscatedEmail } from "../../../utils/functions";
-import { AppFontSize, defaultBorderRadius } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
+import { AppFontSize } from "../../../utils/size";
 import { AuthMode } from "../../auth/common";
 import { Card } from "../../list/card";
 import AppIcon from "../../ui/AppIcon";
@@ -37,10 +36,12 @@ import { Pressable } from "../../ui/pressable";
 import { TimeSince } from "../../ui/time-since";
 import Paragraph from "../../ui/typography/paragraph";
 import Sync from "../../../services/sync";
-
+import { Radius, Spacing } from "../../../common/design/spacing";
 import Clipboard from "@react-native-clipboard/clipboard";
 import { logoutUser } from "../../../screens/settings/logout";
 import { sleep } from "../../../utils/time";
+import Heading from "../../ui/typography/heading";
+
 export const UserSheet = () => {
   const ref = useSheetRef();
   const { colors } = useThemeColors();
@@ -57,12 +58,100 @@ export const UserSheet = () => {
   const { isInternetReachable } = useNetInfo();
   const isOffline = !isInternetReachable;
   const { progress } = useSyncProgress();
+  const canShowLastSyncedTime =
+    !!user &&
+    !!lastSynced &&
+    lastSynced !== "Never" &&
+    !syncing &&
+    lastSyncStatus !== SyncStatus.Failed;
+
+  const syncSubtitle = !user
+    ? strings.notLoggedIn()
+    : syncing
+      ? `${strings.syncing()}${progress ? ` (${progress.current})` : ""}${isOffline ? ` (${strings.offline()})` : ""}`
+      : lastSyncStatus === SyncStatus.Failed
+        ? `${strings.syncFailed()}${isOffline ? ` (${strings.offline()})` : ""}`
+        : canShowLastSyncedTime
+          ? `Last synced${isOffline ? ` (${strings.offline()})` : ""}`
+          : strings.never();
+
+  const actionItems = [
+    {
+      key: "sync",
+      icon: "user-sheet-sync",
+      title: strings.syncNow(),
+      subtitle: syncSubtitle,
+      onPress: () => {
+        if (!user) return;
+        Sync.run();
+      },
+      hidden: !user
+    },
+    {
+      key: "settings",
+      icon: "user-sheet-settings",
+      title: strings.settings(),
+      subtitle: "Preferences & app lock",
+      onPress: () => {
+        ref.current?.hide();
+        Navigation.navigate("Settings");
+      }
+    },
+    {
+      key: "support",
+      icon: "user-sheet-support",
+      title: strings.emailSupport(),
+      subtitle: "Response within 24 hours",
+      onPress: () => {
+        Clipboard.setString("support@streetwriters.co");
+        ToastManager.show({
+          heading: strings.emailCopied(),
+          type: "success",
+          icon: "content-copy",
+          context: "local"
+        });
+        setTimeout(() => {
+          Linking.openURL("mailto:support@streetwriters.co").catch((e) => {
+            ToastManager.show({
+              message: "Could not open email app",
+              type: "error",
+              context: "local"
+            });
+          });
+        }, 1000);
+      }
+    },
+    {
+      key: "documentation",
+      icon: "user-sheet-docs",
+      title: strings.documentation(),
+      subtitle: "Tutorials & help center",
+      onPress: async () => {
+        Linking.openURL("https://docs.notesnook.com");
+      }
+    },
+    {
+      key: "logout",
+      icon: "user-sheet-logout",
+      title: strings.logout(),
+      subtitle: "Sign out from this device",
+      onPress: async () => {
+        ref.current?.hide();
+        await sleep(300);
+        logoutUser();
+      },
+      hidden: !user
+    }
+  ];
 
   return (
     <View
       style={{
         width: "100%",
-        justifyContent: "center"
+        justifyContent: "center",
+        backgroundColor: colors.primary.background,
+        paddingTop: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_3
       }}
     >
       {user ? (
@@ -70,8 +159,9 @@ export const UserSheet = () => {
           style={{
             flexDirection: "row",
             alignItems: "center",
-            paddingHorizontal: DefaultAppStyles.GAP,
-            gap: DefaultAppStyles.GAP_SMALL
+            gap: Spacing.LEVEL_2,
+            width: "100%",
+            paddingHorizontal: Spacing.LEVEL_3
           }}
         >
           {userProfile?.profilePicture ? (
@@ -80,77 +170,56 @@ export const UserSheet = () => {
                 uri: userProfile?.profilePicture
               }}
               style={{
-                width: 40,
-                height: 40,
-                borderRadius: defaultBorderRadius
+                width: 32,
+                height: 32,
+                borderRadius: Radius.XXL
               }}
             />
-          ) : null}
+          ) : (
+            <View
+              style={{
+                width: 32,
+                height: 32,
+                borderRadius: Radius.XXL,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: colors.secondary.background
+              }}
+            >
+              <AppIcon
+                name="account-outline"
+                size={16}
+                color={colors.secondary.icon}
+              />
+            </View>
+          )}
 
           <View
             style={{
-              flex: 1,
-              flexDirection: "row",
-              justifyContent: "space-between"
+              flex: 1
             }}
           >
-            <View>
-              <Paragraph size={AppFontSize.xs}>
-                {userProfile?.fullName || getObfuscatedEmail(user.email)}
-              </Paragraph>
+            <View style={{ gap: Spacing.LEVEL_1 }}>
+              <Heading
+                style={{
+                  fontSize: AppFontSize.lg,
+                  lineHeight: AppFontSize.lg
+                }}
+                fontFamily="MEDIUM"
+                color={colors.primary.heading}
+              >
+                {userProfile?.fullName || strings.account()}
+              </Heading>
               <Paragraph
                 style={{
-                  flexWrap: "wrap"
+                  fontSize: AppFontSize.xs,
+                  lineHeight: AppFontSize.xs
                 }}
-                size={AppFontSize.xxs}
-                color={colors.secondary.heading}
+                color={colors.primary.paragraph}
               >
-                {!user ? (
-                  strings.notLoggedIn()
-                ) : lastSynced && lastSynced !== "Never" ? (
-                  <>
-                    {syncing
-                      ? `${strings.syncing()} ${
-                          progress ? `(${progress.current})` : ""
-                        }`
-                      : lastSyncStatus === SyncStatus.Failed
-                      ? strings.syncFailed()
-                      : strings.synced()}{" "}
-                    {!syncing ? (
-                      <TimeSince
-                        style={{
-                          fontSize: AppFontSize.xxs,
-                          color: colors.secondary.paragraph
-                        }}
-                        updateFrequency={30 * 1000}
-                        time={lastSynced as number}
-                      />
-                    ) : null}
-                    {isOffline ? ` (${strings.offline()})` : ""}
-                  </>
-                ) : (
-                  strings.never()
-                )}{" "}
-                <AppIcon
-                  name="checkbox-blank-circle"
-                  size={10}
-                  allowFontScaling
-                  color={
-                    !user || lastSyncStatus === SyncStatus.Failed
-                      ? colors.error.icon
-                      : isOffline
-                      ? colors.static.orange
-                      : colors.success.icon
-                  }
-                />
+                {getObfuscatedEmail(user.email)}
               </Paragraph>
             </View>
-            {syncing ? (
-              <ActivityIndicator
-                color={colors.primary.accent}
-                size={AppFontSize.xxl}
-              />
-            ) : null}
           </View>
         </View>
       ) : (
@@ -178,171 +247,96 @@ export const UserSheet = () => {
         </View>
       )}
 
-      {/* {user ? (
-        <View
-          style={{
-            paddingVertical: DefaultAppStyles.GAP_SMALL,
-            gap: DefaultAppStyles.GAP,
-            borderRadius: 10,
-            backgroundColor: colors.primary.background
-          }}
-        >
-          <View
-            style={{
-              gap: DefaultAppStyles.GAP_SMALL,
-              paddingHorizontal: DefaultAppStyles.GAP_SMALL
-            }}
-          >
-            <View
-              style={{
-                flexDirection: "row",
-                width: "100%",
-                justifyContent: "space-between"
-              }}
-            >
-              <Paragraph size={AppFontSize.xxs}>{strings.storage()}</Paragraph>
-              <Paragraph size={AppFontSize.xxs}>
-                50/100MB {strings.used()}
-              </Paragraph>
-            </View>
-            <View
-              style={{
-                backgroundColor: colors.secondary.background,
-                width: "100%",
-                height: 5,
-                borderRadius: 10
-              }}
-            >
-              <View
-                style={{
-                  backgroundColor: colors.static.black,
-                  height: 5,
-                  width: "50%",
-                  borderRadius: 10
-                }}
-              />
-            </View>
-          </View>
-
-          <View
-            style={{
-              flexDirection: "row",
-              justifyContent: "space-between",
-              alignItems: "center",
-              width: "100%",
-              padding: DefaultAppStyles.GAP_SMALL,
-              borderRadius: 10
-            }}
-          >
-            <View>
-              <Paragraph size={AppFontSize.sm}>{strings.freePlan()}</Paragraph>
-              <Paragraph
-                color={colors.secondary.paragraph}
-                size={AppFontSize.xxxs}
-              >
-                {strings.viewAllLimits()}
-                <AppIcon name="information" size={AppFontSize.xxxs} />
-              </Paragraph>
-            </View>
-
-            <Button
-              title={strings.upgradeNow()}
-              onPress={() => {}}
-              type="accent"
-              fontSize={AppFontSize.xs}
-              style={{
-                paddingHorizontal: DefaultAppStyles.GAP_SMALL,
-                height: "auto",
-                paddingVertical: DefaultAppStyles.GAP_SMALL
-              }}
-            />
-          </View>
-        </View>
-      ) : null} */}
-
       <View
         style={{
-          borderBottomWidth: 1,
-          height: 1,
-          width: "100%",
-          borderColor: colors.primary.border,
-          marginVertical: DefaultAppStyles.GAP_VERTICAL
+          paddingHorizontal: Spacing.LEVEL_3
         }}
-      />
+      >
+        <View
+          style={{
+            borderBottomWidth: 1,
+            height: 1,
+            width: "100%",
+            borderColor: colors.primary.border,
+            marginVertical: 0
+          }}
+        />
+      </View>
 
-      <View>
-        {[
-          {
-            icon: "reload",
-            title: strings.syncNow(),
-            onPress: () => {
-              Sync.run();
-            },
-            hidden: !user
-          },
-          {
-            icon: "cog-outline",
-            title: strings.settings(),
-            onPress: () => {
-              ref.current?.hide();
-              Navigation.navigate("Settings");
-            }
-          },
-          {
-            title: strings.emailSupport(),
-            icon: "email",
-            onPress: () => {
-              Clipboard.setString("support@streetwriters.co");
-              ToastManager.show({
-                heading: strings.emailCopied(),
-                type: "success",
-                icon: "content-copy"
-              });
-              setTimeout(() => {
-                Linking.openURL("mailto:support@streetwriters.co");
-              }, 1000);
-            }
-          },
-          {
-            title: strings.documentation(),
-            onPress: async () => {
-              Linking.openURL("https://docs.notesnook.com");
-            },
-            icon: "file-document"
-          },
-          {
-            icon: "logout",
-            title: strings.logout(),
-            onPress: async () => {
-              ref.current?.hide();
-              await sleep(300);
-              logoutUser();
-            },
-            hidden: !user
-          }
-        ].map((item) =>
+      <View style={{ gap: Spacing.LEVEL_0 }}>
+        {actionItems.map((item) =>
           item.hidden ? null : (
             <Pressable
-              key={item.title}
+              key={item.key}
               style={{
-                paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+                paddingVertical: Spacing.LEVEL_1,
                 alignItems: "center",
                 flexDirection: "row",
                 justifyContent: "flex-start",
-                gap: DefaultAppStyles.GAP_SMALL,
-                borderRadius: 0,
-                paddingHorizontal: DefaultAppStyles.GAP
+                gap: Spacing.LEVEL_2,
+                paddingHorizontal: Spacing.LEVEL_3
               }}
               onPress={() => {
                 item.onPress();
               }}
             >
-              <AppIcon
-                color={colors.secondary.icon}
-                name={item.icon}
-                size={AppFontSize.xl}
-              />
-              <Paragraph>{item.title}</Paragraph>
+              <View
+                style={{
+                  width: 32,
+                  height: 32,
+                  borderRadius: Radius.XS,
+                  alignItems: "center",
+                  justifyContent: "center",
+                  backgroundColor: colors.secondary.background
+                }}
+              >
+                <AppIcon
+                  color={
+                    item.key === "logout"
+                      ? colors.static.red
+                      : colors.primary.icon
+                  }
+                  iconFamily="notesnook"
+                  name={item.icon}
+                  size={16}
+                />
+              </View>
+
+              <View style={{ flex: 1, gap: Spacing.LEVEL_1 }}>
+                <Heading
+                  style={{
+                    fontSize: AppFontSize.md,
+                    lineHeight: AppFontSize.md
+                  }}
+                  fontFamily="SEMI_BOLD"
+                >
+                  {item.title}
+                </Heading>
+
+                <Paragraph
+                  style={{
+                    fontSize: AppFontSize.sm,
+                    lineHeight: AppFontSize.sm
+                  }}
+                  color={colors.primary.paragraph}
+                >
+                  {item.key === "sync" && canShowLastSyncedTime ? (
+                    <>
+                      {item.subtitle}{" "}
+                      <TimeSince
+                        style={{
+                          fontSize: AppFontSize.sm,
+                          color: colors.primary.paragraph
+                        }}
+                        updateFrequency={30 * 1000}
+                        time={lastSynced as number}
+                      />
+                    </>
+                  ) : (
+                    item.subtitle
+                  )}
+                </Paragraph>
+              </View>
             </Pressable>
           )
         )}
diff --git a/apps/mobile/app/components/side-menu/index.tsx b/apps/mobile/app/components/side-menu/index.tsx
index ff3e61b5b..0d3237923 100644
--- a/apps/mobile/app/components/side-menu/index.tsx
+++ b/apps/mobile/app/components/side-menu/index.tsx
@@ -464,6 +464,11 @@ const TabBar = (props: SimpleTabBarProps) => {
                           presentSheet({
                             component: (
                               <Sort
+                                dataType={
+                                  props.navigationState.index === 1
+                                    ? "notebook"
+                                    : "tag"
+                                }
                                 type={
                                   props.navigationState.index === 1
                                     ? "notebook"
diff --git a/apps/mobile/app/components/toast/index.tsx b/apps/mobile/app/components/toast/index.tsx
index 6df84f252..26fceefa5 100644
--- a/apps/mobile/app/components/toast/index.tsx
+++ b/apps/mobile/app/components/toast/index.tsx
@@ -19,14 +19,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import { useThemeColors } from "@notesnook/theme";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import {
-  Platform,
-  TouchableOpacity,
-  useWindowDimensions,
-  View
-} from "react-native";
+import { TouchableOpacity, useWindowDimensions, View } from "react-native";
 import Icon from "react-native-vector-icons/MaterialCommunityIcons";
 import { notesnook } from "../../../e2e/test.ids";
+import { Radius, Spacing } from "../../common/design/spacing";
 import useGlobalSafeAreaInsets from "../../hooks/use-global-safe-area-insets";
 import useKeyboard from "../../hooks/use-keyboard";
 import { DDS } from "../../services/device-detection";
@@ -37,8 +33,7 @@ import {
 } from "../../services/event-manager";
 import { getElevationStyle } from "../../utils/elevation";
 import { eHideToast, eShowToast } from "../../utils/events";
-import { AppFontSize, defaultBorderRadius } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
+import { AppFontSize } from "../../utils/size";
 import { Button } from "../ui/button";
 import Heading from "../ui/typography/heading";
 import Paragraph from "../ui/typography/paragraph";
@@ -130,14 +125,14 @@ export const Toast = ({ context = "global" }) => {
           ...getElevationStyle(5),
           backgroundColor: isDark ? colors.static.black : colors.static.white,
           alignSelf: "center",
-          borderRadius: defaultBorderRadius * 2,
-          paddingVertical: DefaultAppStyles.GAP_VERTICAL,
-          paddingHorizontal: DefaultAppStyles.GAP,
+          borderRadius: Radius.MD,
+          paddingVertical: Spacing.LEVEL_2,
+          paddingHorizontal: Spacing.LEVEL_2,
           justifyContent: "space-between",
           flexDirection: "row",
           alignItems: "center",
           maxWidth: "90%",
-          gap: DefaultAppStyles.GAP_SMALL,
+          gap: Spacing.LEVEL_1,
           flexShrink: 1
         }}
       >
@@ -145,7 +140,7 @@ export const Toast = ({ context = "global" }) => {
           style={{
             flexDirection: "row",
             alignItems: "center",
-            gap: DefaultAppStyles.GAP_SMALL,
+            gap: Spacing.LEVEL_1,
             flexShrink: 1
           }}
         >
diff --git a/apps/mobile/app/components/ui/button/index.tsx b/apps/mobile/app/components/ui/button/index.tsx
index a1d277617..3a8ec9cd3 100644
--- a/apps/mobile/app/components/ui/button/index.tsx
+++ b/apps/mobile/app/components/ui/button/index.tsx
@@ -27,7 +27,6 @@ import {
   useWindowDimensions
 } from "react-native";
 import { AppFontSize, defaultBorderRadius } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
 import NativeTooltip from "../../../utils/tooltip";
 import { Pressable, PressableProps, useButton } from "../pressable";
 import Heading from "../typography/heading";
@@ -55,7 +54,7 @@ export interface ButtonProps extends PressableProps {
     alpha?: number;
   };
   bold?: boolean;
-  iconColor?: ColorValue;
+  iconColor?: ColorValue | ColorValue[];
   iconStyle?: TextStyle;
   iconFamily?: IconProps["iconFamily"];
   proTag?: boolean;
@@ -124,13 +123,12 @@ export const Button = ({
       customOpacity={buttonType?.opacity}
       customAlpha={buttonType?.alpha}
       style={{
-        // height: typeof height === "number" ? height * growFactor : height,
         width:
           typeof width === "number"
             ? width * growFactor
             : (width as DimensionValue) || undefined,
-        paddingHorizontal: DefaultAppStyles.GAP,
-        paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingVertical: Spacing.LEVEL_2,
         borderRadius: defaultBorderRadius,
         alignSelf: "center",
         justifyContent: "center",
diff --git a/apps/mobile/app/components/ui/circles-background/index.tsx b/apps/mobile/app/components/ui/circles-background/index.tsx
new file mode 100644
index 000000000..df43a1551
--- /dev/null
+++ b/apps/mobile/app/components/ui/circles-background/index.tsx
@@ -0,0 +1,111 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { useThemeColors } from "@notesnook/theme";
+import React from "react";
+import { View, ViewStyle } from "react-native";
+import Svg, { Circle } from "react-native-svg";
+
+type CirclesBackgroundProps = {
+  /** Width & height of the (square) illustration. */
+  size?: number;
+  /** Centered content, usually an `AppIcon`. */
+  children?: React.ReactNode;
+  style?: ViewStyle;
+};
+
+/**
+ * A reusable concentric-circles illustration with an empty center slot.
+ * Pass any icon/content via `children` to render it centered on the accent
+ * circle. Adapts to light/dark themes.
+ */
+export const CirclesBackground = ({
+  size = 100,
+  children,
+  style
+}: CirclesBackgroundProps) => {
+  const { colors, isDark } = useThemeColors();
+  const accent = colors.primary.accent;
+
+  return (
+    <View
+      style={[
+        {
+          width: size,
+          height: size,
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        style
+      ]}
+    >
+      <Svg width={size} height={size} viewBox="0 0 233 233" fill="none">
+        <Circle
+          cx={116.5}
+          cy={116.5}
+          r={104.75}
+          stroke={isDark ? "#1F2722" : "#E8F4ED"}
+          strokeWidth={0.5}
+        />
+        <Circle
+          cx={116.5}
+          cy={116.5}
+          r={95.25}
+          fill={accent}
+          fillOpacity={0.05}
+          stroke={isDark ? "#233C2D" : "#E8F0EC"}
+          strokeWidth={0.5}
+        />
+        <Circle
+          cx={116.5}
+          cy={116.5}
+          r={82.25}
+          fill={accent}
+          fillOpacity={0.04}
+          stroke={isDark ? "#233C2D" : "#E3F1E8"}
+          strokeWidth={0.5}
+        />
+        <Circle
+          cx={116.5}
+          cy={116.5}
+          r={62.25}
+          fill={accent}
+          fillOpacity={0.06}
+          stroke={isDark ? "#233C2D" : "#D3E8DB"}
+          strokeWidth={0.5}
+        />
+        <Circle cx={116.5} cy={116.5} r={44.5} fill={accent} />
+      </Svg>
+
+      {children ? (
+        <View
+          style={{
+            position: "absolute",
+            alignItems: "center",
+            justifyContent: "center"
+          }}
+        >
+          {children}
+        </View>
+      ) : null}
+    </View>
+  );
+};
+
+export default CirclesBackground;
diff --git a/apps/mobile/app/components/ui/input/form-input.tsx b/apps/mobile/app/components/ui/input/form-input.tsx
index 7460c79d6..e9e13e665 100644
--- a/apps/mobile/app/components/ui/input/form-input.tsx
+++ b/apps/mobile/app/components/ui/input/form-input.tsx
@@ -386,7 +386,7 @@ export function FormInput({
         >
           {secureTextEntry && (
             <IconButton
-              name={secureEntry ? "eye-closed" : "eye-open"}
+              name={!secureEntry ? "eye-closed" : "eye-open"}
               iconFamily="notesnook"
               size={20}
               top={10}
diff --git a/apps/mobile/app/components/ui/input/index.tsx b/apps/mobile/app/components/ui/input/index.tsx
index b73f4c44e..50c877bc0 100644
--- a/apps/mobile/app/components/ui/input/index.tsx
+++ b/apps/mobile/app/components/ui/input/index.tsx
@@ -42,6 +42,7 @@ import { AppFontSize, defaultBorderRadius } from "../../../utils/size";
 import { IconButton } from "../icon-button";
 import Paragraph from "../typography/paragraph";
 import { useInputError } from "./input-error-context";
+import { IconProps } from "../AppIcon";
 
 interface InputProps extends TextInputProps {
   fwdRef?: RefObject<TextInput | null>;
@@ -63,6 +64,7 @@ interface InputProps extends TextInputProps {
   marginBottom?: number;
   button?: {
     icon: string;
+    iconFamily?: IconProps["iconFamily"];
     color: ColorValue;
     onPress: () => void;
     testID?: string;
@@ -217,10 +219,7 @@ const Input = ({
     justifyContent: "space-between",
     alignItems: "center",
     paddingHorizontal: Spacing.LEVEL_2,
-    paddingRight:
-      buttons || button || secureTextEntry || error
-        ? Spacing.LEVEL_3
-        : Spacing.LEVEL_3,
+    paddingRight: Spacing.LEVEL_3,
     ...containerStyle
   };
 
@@ -321,14 +320,12 @@ const Input = ({
               <IconButton
                 testID={button.testID}
                 name={button.icon}
-                size={AppFontSize.xl}
+                iconFamily={button.iconFamily}
+                size={button.size || AppFontSize.xl}
                 top={10}
                 bottom={10}
                 onPress={button.onPress}
                 color={button.color}
-                style={{
-                  marginRight: -8
-                }}
               />
             )}
           </View>
diff --git a/apps/mobile/app/components/ui/notice/index.tsx b/apps/mobile/app/components/ui/notice/index.tsx
index da1a72d9e..12129bef0 100644
--- a/apps/mobile/app/components/ui/notice/index.tsx
+++ b/apps/mobile/app/components/ui/notice/index.tsx
@@ -20,9 +20,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { useThemeColors } from "@notesnook/theme";
 import React from "react";
 import { View, ViewStyle } from "react-native";
+import { Radius, Spacing } from "../../../common/design/spacing";
 import { getContainerBorder } from "../../../utils/colors";
 import { AppFontSize } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
 import AppIcon from "../AppIcon";
 import Paragraph from "../typography/paragraph";
 
@@ -47,25 +47,40 @@ export const Notice = ({
   return (
     <View
       style={{
-        paddingHorizontal: DefaultAppStyles.GAP,
-        paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+        padding: Spacing.LEVEL_2,
         flexDirection: "row",
-        backgroundColor: colors.secondary.background,
-        borderRadius: isSmall ? 5 : 10,
+        backgroundColor:
+          type === "information"
+            ? colors.primary.shade
+            : colors.secondary.background,
+        borderRadius: Radius.S,
         alignItems: "flex-start",
-        gap: 5,
+        gap: Spacing.LEVEL_1,
         ...getContainerBorder(colors.secondary.background),
         ...style
       }}
     >
-      <AppIcon
-        size={isSmall ? AppFontSize.md + 2 : AppFontSize.xxl}
-        name={type}
-        color={type === "alert" ? colors.error.icon : colors.primary.accent}
+      <View
         style={{
-          marginTop: isSmall ? 3 : 5
+          borderRadius: 100,
+          backgroundColor: colors.primary.accent,
+          width: 20,
+          height: 20,
+          justifyContent: "center",
+          alignItems: "center"
         }}
-      />
+      >
+        <AppIcon
+          size={12}
+          name={type === "information" ? "warning-circle" : type}
+          iconFamily="notesnook"
+          color={
+            type === "alert"
+              ? colors.error.icon
+              : colors.primary.accentForeground
+          }
+        />
+      </View>
       <Paragraph
         style={{
           flexShrink: 1
diff --git a/apps/mobile/app/components/ui/pressable/index.tsx b/apps/mobile/app/components/ui/pressable/index.tsx
index a54ff9910..a91eb0144 100644
--- a/apps/mobile/app/components/ui/pressable/index.tsx
+++ b/apps/mobile/app/components/ui/pressable/index.tsx
@@ -55,6 +55,7 @@ type ButtonTypes =
   | "transparent"
   | "accent"
   | "shade"
+  | "shade-plain"
   | "secondary"
   | "tertiary"
   | "selectedAccent"
@@ -65,7 +66,9 @@ type ButtonTypes =
   | "errorShade"
   | "warn"
   | "selected"
-  | "accent-outline";
+  | "accent-outline"
+  | "secondary-outline"
+  | "secondary-simple";
 
 type ButtonVariant = {
   primary: string;
@@ -87,7 +90,7 @@ const buttonTypes = (
 } => ({
   plain: {
     primary: "transparent",
-    text: colors.primary.buttonForeground,
+    text: colors.secondary.buttonForeground,
     selected: colors.primary.hover,
     borderWidth: 0.8,
     borderSelectedColor: getColorLinearShade(
@@ -104,6 +107,14 @@ const buttonTypes = (
     borderColor: colors.primary.border,
     borderSelectedColor: colors.primary.border
   },
+  "secondary-outline": {
+    primary: "transparent",
+    text: colors.secondary.paragraph,
+    selected: colors.primary.hover,
+    borderWidth: 1,
+    borderColor: colors.primary.border,
+    borderSelectedColor: colors.primary.border
+  },
   transparent: {
     primary: "transparent",
     text: colors.primary.accent,
@@ -117,7 +128,7 @@ const buttonTypes = (
   },
   secondary: {
     primary: colors.secondary.background,
-    text: colors.primary.paragraph,
+    text: colors.primary.heading,
     selected: colors.secondary.background,
     borderWidth: 0.8,
     borderColor: getColorLinearShade(colors.secondary.background, 0.05, isDark),
@@ -127,6 +138,12 @@ const buttonTypes = (
       isDark
     )
   },
+  "secondary-simple": {
+    primary: colors.secondary.background,
+    text: colors.primary.heading,
+    selected: colors.secondary.background,
+    borderWidth: 0
+  },
   tertiary: {
     primary: colors.tertiary.background,
     text: colors.secondary.buttonForeground,
@@ -224,6 +241,15 @@ const buttonTypes = (
     borderColor: getColorLinearShade(colors.primary.shade, 0.3, isDark),
     borderSelectedColor: getColorLinearShade(colors.primary.shade, 0.3, isDark)
   },
+  "shade-plain": {
+    primary: colors.primary.shade,
+    text: colors.primary.heading,
+    selected: colors.primary.accent,
+    colorOpacity: 0.12,
+    borderWidth: 0.8,
+    borderColor: getColorLinearShade(colors.primary.shade, 0.3, isDark),
+    borderSelectedColor: getColorLinearShade(colors.primary.shade, 0.3, isDark)
+  },
   error: {
     primary: colors.error.background,
     text: colors.error.paragraph,
diff --git a/apps/mobile/app/components/ui/sheet/index.jsx b/apps/mobile/app/components/ui/sheet/index.jsx
index 9f930e173..cad3ac349 100644
--- a/apps/mobile/app/components/ui/sheet/index.jsx
+++ b/apps/mobile/app/components/ui/sheet/index.jsx
@@ -132,7 +132,10 @@ const SheetWrapper = ({
         }}
         indicatorStyle={{
           width: 100,
-          backgroundColor: colors.secondary.background
+          height: 5,
+          backgroundColor: colors.secondary.background,
+          marginBottom: 0,
+          marginTop: 0
         }}
         statusBarTranslucent
         drawUnderStatusBar={true}
diff --git a/apps/mobile/app/components/ui/svg/index.tsx b/apps/mobile/app/components/ui/svg/index.tsx
index a3d9037f5..97ac5ff6c 100644
--- a/apps/mobile/app/components/ui/svg/index.tsx
+++ b/apps/mobile/app/components/ui/svg/index.tsx
@@ -20,6 +20,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import React from "react";
 import { DimensionValue, View, ViewStyle } from "react-native";
 import { SvgXml } from "./lazy";
+import SvgImage from "react-native-svg/lib/typescript/elements/Image";
 export const SvgView = ({
   width = 250,
   height = 250,
diff --git a/apps/mobile/app/hooks/use-app-events.tsx b/apps/mobile/app/hooks/use-app-events.tsx
index 84bbd2e22..c4e58d49c 100644
--- a/apps/mobile/app/hooks/use-app-events.tsx
+++ b/apps/mobile/app/hooks/use-app-events.tsx
@@ -63,7 +63,7 @@ import {
   useTabStore
 } from "../screens/editor/tiptap/use-tab-store";
 import { editorController, editorState } from "../screens/editor/tiptap/utils";
-import { useDragState } from "../screens/settings/editor/state";
+import { useDragState } from "../screens/settings/components/editor/state";
 import BackupService from "../services/backup";
 import BiometricService from "../services/biometrics";
 import {
diff --git a/apps/mobile/app/hooks/use-feature-manager.ts b/apps/mobile/app/hooks/use-feature-manager.ts
index bb76bf9ce..fa29a0864 100644
--- a/apps/mobile/app/hooks/use-feature-manager.ts
+++ b/apps/mobile/app/hooks/use-feature-manager.ts
@@ -19,7 +19,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { useAreFeaturesAvailable } from "@notesnook/common";
 import { useEffect } from "react";
 import { db } from "../common/database";
-import { useDragState } from "../screens/settings/editor/state";
+import { useDragState } from "../screens/settings/components/editor/state";
 import Notifications from "../services/notifications";
 import SettingsService from "../services/settings";
 import { useUserStore } from "../stores/use-user-store";
diff --git a/apps/mobile/app/hooks/use-vault-status.ts b/apps/mobile/app/hooks/use-vault-status.ts
index 4bb57d7c0..2a3ff0267 100644
--- a/apps/mobile/app/hooks/use-vault-status.ts
+++ b/apps/mobile/app/hooks/use-vault-status.ts
@@ -48,6 +48,9 @@ export const useVaultStatus = () => {
         biometryEnrolled: fingerprint,
         isBiometryAvailable: available ? true : false
       });
+      VaultStatusDefaults.biometryEnrolled = fingerprint;
+      VaultStatusDefaults.exists = exists;
+      VaultStatusDefaults.isBiometryAvailable = available ? true : false;
     });
   }, []);
 
diff --git a/apps/mobile/app/screens/editor/source.ts b/apps/mobile/app/screens/editor/source.ts
index ba7e06a44..3f343edf2 100644
--- a/apps/mobile/app/screens/editor/source.ts
+++ b/apps/mobile/app/screens/editor/source.ts
@@ -28,5 +28,5 @@ const EditorMobileSourceUrl =
  * The url should be something like this: http://192.168.100.126:3000/index.html
  */
 export const EDITOR_URI = __DEV__
-  ? "http://192.168.100.144:3000/index.html"
+  ? EditorMobileSourceUrl
   : EditorMobileSourceUrl;
diff --git a/apps/mobile/app/screens/editor/tiptap/use-editor-events.tsx b/apps/mobile/app/screens/editor/tiptap/use-editor-events.tsx
index 6bd2e698e..00b675ada 100644
--- a/apps/mobile/app/screens/editor/tiptap/use-editor-events.tsx
+++ b/apps/mobile/app/screens/editor/tiptap/use-editor-events.tsx
@@ -80,7 +80,7 @@ import { sleep } from "../../../utils/time";
 import AddReminder from "../../add-reminder";
 import ManageTags from "../../manage-tags";
 import RelationsList from "../../relations-list";
-import { useDragState } from "../../settings/editor/state";
+import { useDragState } from "../../settings/components/editor/state";
 import { EditorMessage, EditorProps, useEditorType } from "./types";
 import { useTabStore } from "./use-tab-store";
 import { editorState, openInternalLink } from "./utils";
diff --git a/apps/mobile/app/screens/settings/2fa.tsx b/apps/mobile/app/screens/settings/2fa.tsx
deleted file mode 100644
index fdb0bdc20..000000000
--- a/apps/mobile/app/screens/settings/2fa.tsx
+++ /dev/null
@@ -1,825 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { sanitizeFilename, useIsFeatureAvailable } from "@notesnook/common";
-import { strings } from "@notesnook/intl";
-import { useThemeColors, VariantsWithStaticColors } from "@notesnook/theme";
-import Clipboard from "@react-native-clipboard/clipboard";
-import isMobilePhone from "validator/lib/isMobilePhone";
-import React, {
-  Dispatch,
-  SetStateAction,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import {
-  ActivityIndicator,
-  Linking,
-  Platform,
-  TextInput,
-  View
-} from "react-native";
-import RNFetchBlob from "react-native-blob-util";
-import { FlatList } from "react-native-gesture-handler";
-import * as ScopedStorage from "react-native-scoped-storage";
-import { db } from "../../common/database";
-import filesystem from "../../common/filesystem";
-import DialogHeader from "../../components/dialog/dialog-header";
-import { Button } from "../../components/ui/button";
-import { IconButton } from "../../components/ui/icon-button";
-import FormInput, {
-  createFormRef,
-  validators
-} from "../../components/ui/input/form-input";
-import { Pressable } from "../../components/ui/pressable";
-import Seperator from "../../components/ui/seperator";
-import { SvgView } from "../../components/ui/svg";
-import Heading from "../../components/ui/typography/heading";
-import Paragraph from "../../components/ui/typography/paragraph";
-import useTimer from "../../hooks/use-timer";
-import {
-  eSendEvent,
-  presentSheet,
-  ToastManager
-} from "../../services/event-manager";
-import { useUserStore } from "../../stores/use-user-store";
-import { eCloseSheet } from "../../utils/events";
-import { AppFontSize } from "../../utils/size";
-import { sleep } from "../../utils/time";
-import { DefaultAppStyles } from "../../utils/styles";
-import PaywallSheet from "../../components/sheets/paywall";
-const mfaMethods: MFAMethod[] = [
-  {
-    id: "app",
-    title: strings.mfaAuthAppTitle(),
-    body: strings.mfaAuthAppDesc(),
-    icon: "cellphone-key",
-    recommended: true
-  },
-  {
-    id: "sms",
-    title: strings.mfaSmsTitle(),
-    body: strings.mfaSmsDesc(),
-    icon: "message-plus-outline"
-  },
-  {
-    id: "email",
-    title: strings.mfaEmailTitle(),
-    body: strings.mfaEmailDesc(),
-    icon: "email-outline"
-  }
-];
-type MFAMethod = {
-  id: "email" | "sms" | "app";
-  title?: string;
-  body?: string;
-  icon?: string;
-  recommended?: boolean | undefined;
-};
-
-type MFAStep = {
-  id: string;
-  props: { [name: string]: unknown };
-};
-
-type MFAStepProps = {
-  recovery?: boolean;
-  onSuccess?: (method?: MFAMethod) => void;
-  setStep?: Dispatch<SetStateAction<MFAStep>>;
-  method?: MFAMethod;
-  isSetup?: boolean;
-};
-export const MFAMethodsPickerStep = ({ recovery, onSuccess }: MFAStepProps) => {
-  const { colors } = useThemeColors();
-  const user = useUserStore((state) => state.user);
-  const featureAvailable = useIsFeatureAvailable("sms2FA");
-
-  const getMethods = () => {
-    if (!recovery) return mfaMethods;
-    return mfaMethods.filter((m) => m.id !== user?.mfa?.primaryMethod);
-  };
-
-  return (
-    <>
-      <DialogHeader
-        title={strings.twoFactorAuth()}
-        paragraph={strings.twoFactorAuthDesc()}
-        padding={12}
-      />
-      <Seperator />
-      {getMethods().map((item) => (
-        <Pressable
-          key={item.title}
-          onPress={() => {
-            if (
-              item.id === "sms" &&
-              featureAvailable &&
-              !featureAvailable?.isAllowed
-            ) {
-              ToastManager.show({
-                message: featureAvailable?.error,
-                type: "info",
-                context: "local",
-                actionText: strings.upgrade(),
-                func: () => {
-                  PaywallSheet.present(featureAvailable);
-                }
-              });
-              return;
-            }
-            onSuccess && onSuccess(item);
-          }}
-          style={{
-            paddingHorizontal: DefaultAppStyles.GAP,
-            paddingVertical: DefaultAppStyles.GAP_VERTICAL,
-            marginTop: 0,
-            marginBottom: DefaultAppStyles.GAP_VERTICAL,
-            flexDirection: "row",
-            borderRadius: 0,
-            alignItems: "flex-start"
-          }}
-        >
-          {item.icon && (
-            <IconButton
-              type="secondary"
-              style={{
-                width: 50,
-                height: 50,
-                marginRight: 10
-              }}
-              size={20}
-              color={
-                item.recommended ? colors.primary.accent : colors.primary.icon
-              }
-              name={item.icon}
-            />
-          )}
-          <View
-            style={{
-              flexShrink: 1
-            }}
-          >
-            <Heading size={AppFontSize.md}>{item.title}</Heading>
-            <Paragraph size={AppFontSize.sm}>{item.body}</Paragraph>
-          </View>
-        </Pressable>
-      ))}
-    </>
-  );
-};
-
-export const MFASetup = ({
-  method,
-  onSuccess,
-  setStep,
-  recovery
-}: MFAStepProps) => {
-  const { colors } = useThemeColors();
-  const user = useUserStore((state) => state.user);
-  const methodId = method?.id;
-  const formRef = useRef(
-    createFormRef({
-      target: "",
-      code: ""
-    })
-  );
-  const targetInputRef = useRef<TextInput>(null);
-  const codeInputRef = useRef<TextInput>(null);
-  const [authenticatorDetails, setAuthenticatorDetails] = useState({
-    sharedKey: null,
-    authenticatorUri: null
-  });
-  const { seconds, setId, start } = useTimer(method?.id);
-
-  const [loading, setLoading] = useState(method?.id === "app" ? true : false);
-  const [enabling, setEnabling] = useState(false);
-  const [sending, setSending] = useState(false);
-  const [generalError, setGeneralError] = useState<string>();
-
-  useEffect(() => {
-    if (methodId === "app") {
-      setLoading(true);
-      db.mfa
-        ?.setup("app")
-        .then((data) => {
-          setAuthenticatorDetails(data);
-          setLoading(false);
-        })
-        .catch((error: Error) => {
-          setLoading(false);
-          setGeneralError(error.message);
-        });
-      return;
-    }
-
-    setLoading(false);
-  }, [methodId]);
-
-  useEffect(() => {
-    if (!methodId) return;
-
-    formRef.current.clearErrors();
-    formRef.current.setValue(
-      "target",
-      methodId === "email"
-        ? user?.email || ""
-        : methodId === "app"
-          ? authenticatorDetails.sharedKey || ""
-          : formRef.current.getValue("target")
-    );
-    formRef.current.setValue("code", "");
-    setGeneralError(undefined);
-  }, [authenticatorDetails.sharedKey, methodId, user?.email]);
-
-  const codeHelpText = {
-    app: "After putting the above code in authenticator app, the app will display a code that you can enter below.",
-    sms: "You will receive a 2FA code on your phone number which you can enter below",
-    email:
-      "You will receive a 2FA code on your email address which you can enter below"
-  };
-
-  const targetValidators =
-    method?.id === "sms"
-      ? [
-          validators.required(strings.phoneNumberNotEntered()),
-          (value: string) =>
-            isMobilePhone(value, "any", {
-              strictMode: true
-            })
-              ? undefined
-              : strings.enterValidPhone()
-        ]
-      : method?.id === "email"
-        ? [
-            validators.required(strings.emailRequired()),
-            validators.email(strings.enterValidEmail())
-          ]
-        : [];
-
-  const codeValidators = [
-    validators.required(strings.enterSixDigitCode()),
-    (value: string) =>
-      /^\d{6}$/.test(value.trim()) ? undefined : strings.enterSixDigitCode()
-  ];
-
-  const onNext = async () => {
-    if (formRef.current.validateField("code")) return;
-
-    try {
-      if (!method) return;
-      const code = formRef.current.getValue("code").trim();
-
-      setGeneralError(undefined);
-      setEnabling(true);
-      if (recovery) {
-        await db.mfa.enableFallback(method.id, code);
-      } else {
-        await db.mfa.enable(method.id, code);
-      }
-
-      const user = await db.user.fetchUser();
-      useUserStore.getState().setUser(user);
-      onSuccess && onSuccess(method);
-      setEnabling(false);
-    } catch (e) {
-      const error = e as Error;
-      formRef.current.setError("code", error.message);
-      setEnabling(false);
-    }
-  };
-
-  const onSendCode = async () => {
-    if (!method || sending) return;
-
-    if (method.id !== "app" && formRef.current.validateField("target")) {
-      return;
-    }
-
-    if (method.id === "app" && authenticatorDetails.sharedKey) {
-      Clipboard.setString(authenticatorDetails.sharedKey);
-      if (authenticatorDetails.authenticatorUri) {
-        await Linking.openURL(authenticatorDetails.authenticatorUri).catch(
-          console.log
-        );
-      }
-
-      ToastManager.show({
-        heading: strings.codesCopied(),
-        type: "success",
-        context: "local"
-      });
-      return;
-    }
-
-    try {
-      const target = formRef.current.getValue("target").trim();
-
-      setGeneralError(undefined);
-      if (seconds) {
-        setGeneralError(strings.resendCodeWait());
-        return;
-      }
-
-      setSending(true);
-      await db.mfa.setup(method.id, method.id === "sms" ? target : undefined);
-
-      if (method.id === "sms") {
-        setId(method.id + target);
-      }
-      await sleep(300);
-      start(60, method.id === "sms" ? method.id + target : method.id);
-      setSending(false);
-      ToastManager.show({
-        heading: strings["2faCodeSentVia"](method.id),
-        type: "success",
-        context: "local"
-      });
-      codeInputRef.current?.focus();
-    } catch (e) {
-      setSending(false);
-      const error = e as Error;
-      if (method.id === "sms" || method.id === "email") {
-        formRef.current.setError("target", error.message);
-      } else {
-        setGeneralError(error.message);
-      }
-    }
-  };
-
-  return !method ? null : (
-    <View>
-      <DialogHeader
-        title={method?.title}
-        paragraph={method?.body}
-        padding={12}
-      />
-      <Seperator />
-
-      <View
-        style={{
-          paddingHorizontal: DefaultAppStyles.GAP
-        }}
-      >
-        {loading ? (
-          <View
-            style={{
-              justifyContent: "center",
-              alignItems: "center",
-              width: "100%",
-              marginBottom: 50
-            }}
-          >
-            <ActivityIndicator
-              color={colors.primary.accent}
-              style={{
-                height: 50
-              }}
-            />
-            <Paragraph>
-              {strings.gettingInformation()}... {strings.pleaseWait()}
-            </Paragraph>
-          </View>
-        ) : (
-          <>
-            <FormInput
-              key={`${method.id}-${authenticatorDetails.sharedKey || user?.email || ""}`}
-              name="target"
-              formRef={formRef}
-              fwdRef={targetInputRef}
-              loading={method?.id !== "sms"}
-              editable={method.id === "sms"}
-              defaultValue={
-                method.id === "email"
-                  ? user?.email || ""
-                  : method.id === "app"
-                    ? authenticatorDetails.sharedKey || ""
-                    : undefined
-              }
-              multiline={method.id === "app"}
-              onChangeText={() => {
-                setGeneralError(undefined);
-              }}
-              placeholder={
-                method.id === "email"
-                  ? strings.enterEmailAddress()
-                  : "+1234567890"
-              }
-              onSubmitEditing={onSendCode}
-              validators={targetValidators}
-              keyboardType={
-                method.id === "email" ? "email-address" : "phone-pad"
-              }
-              buttons={
-                <Button
-                  onPress={onSendCode}
-                  loading={sending}
-                  style={{
-                    paddingVertical: 0,
-                    paddingHorizontal: 0
-                  }}
-                  title={
-                    sending
-                      ? null
-                      : method.id === "app"
-                        ? strings.copy()
-                        : `${
-                            seconds
-                              ? strings.resendCode(seconds as number)
-                              : strings.sendCode()
-                          }`
-                  }
-                />
-              }
-            />
-
-            <Heading size={AppFontSize.md}>
-              {strings.enterSixDigitCode()}
-            </Heading>
-            <Paragraph>{codeHelpText[method?.id]}</Paragraph>
-            <Seperator />
-            <FormInput
-              name="code"
-              formRef={formRef}
-              fwdRef={codeInputRef}
-              placeholder="xxxxxx"
-              maxLength={6}
-              loading={loading}
-              textAlign="center"
-              keyboardType="numeric"
-              onChangeText={() => {
-                setGeneralError(undefined);
-              }}
-              onSubmitEditing={onNext}
-              returnKeyLabel={strings.next()}
-              returnKeyType="done"
-              validators={codeValidators}
-              inputStyle={{
-                fontSize: AppFontSize.lg,
-                height: 60,
-                textAlign: "center",
-                letterSpacing: 10,
-                width: undefined
-              }}
-              containerStyle={{
-                height: 60,
-                borderWidth: 0,
-                width: undefined
-              }}
-              errorStyle={{
-                textAlign: "center"
-              }}
-            />
-
-            {generalError ? (
-              <Paragraph
-                size={AppFontSize.sm}
-                style={{
-                  color: colors.error.icon,
-                  marginBottom: DefaultAppStyles.GAP_VERTICAL,
-                  textAlign: "center",
-                  width: "100%"
-                }}
-              >
-                {generalError}
-              </Paragraph>
-            ) : null}
-
-            <Seperator />
-            <Button
-              title={enabling ? null : strings.next()}
-              type="accent"
-              width={250}
-              onPress={onNext}
-              loading={enabling}
-              style={{
-                borderRadius: 100,
-                marginBottom: DefaultAppStyles.GAP_VERTICAL
-              }}
-            />
-
-            <Button
-              title={strings.change2faMethod()}
-              type="plain"
-              height={25}
-              onPress={() => {
-                setStep &&
-                  setStep({
-                    id: "mfapick",
-                    props: {
-                      recovery: recovery
-                    }
-                  });
-              }}
-            />
-          </>
-        )}
-      </View>
-    </View>
-  );
-};
-
-export const MFARecoveryCodes = ({
-  method,
-  onSuccess,
-  isSetup = true
-}: MFAStepProps) => {
-  const { colors } = useThemeColors();
-  const [codes, setCodes] = useState([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        const codes = await db.mfa.codes();
-        if (codes) setCodes(codes);
-        setLoading(false);
-      } catch (e) {
-        const error = e as Error;
-        ToastManager.error(error, strings.errorGettingCodes(), "local");
-        setLoading(false);
-      }
-    })();
-  }, []);
-
-  return (
-    <View>
-      <DialogHeader
-        centered={true}
-        title={strings.saveRecoveryCodes()}
-        paragraph={strings.saveRecoveryCodesDesc()}
-        padding={12}
-      />
-      <Seperator />
-
-      {loading ? (
-        <View
-          style={{
-            justifyContent: "center",
-            alignItems: "center",
-            width: "100%",
-            marginBottom: 50
-          }}
-        >
-          <ActivityIndicator
-            color={colors.primary.accent}
-            style={{
-              height: 50
-            }}
-          />
-          <Paragraph>
-            {strings.gettingRecoveryCodes()}... {strings.pleaseWait()}
-          </Paragraph>
-        </View>
-      ) : (
-        <>
-          <FlatList
-            data={codes}
-            contentContainerStyle={{
-              alignItems: "center"
-            }}
-            numColumns={2}
-            renderItem={({ item }) => (
-              <Heading
-                style={{
-                  marginHorizontal: 15,
-                  marginVertical: 5,
-                  fontFamily: "monospace"
-                }}
-                size={AppFontSize.lg}
-              >
-                {item}
-              </Heading>
-            )}
-          />
-          <Seperator />
-
-          <View
-            style={{
-              flexDirection: "row",
-              justifyContent: "center",
-              marginBottom: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            <Button
-              title={strings.copyCodes()}
-              onPress={() => {
-                const codeString = codes.join("\n");
-                Clipboard.setString(codeString);
-                ToastManager.show({
-                  heading: strings.codesCopied(),
-                  type: "success",
-                  context: "local"
-                });
-              }}
-              style={{
-                marginRight: 10
-              }}
-            />
-
-            <Button
-              title={strings.saveToFile()}
-              onPress={async () => {
-                try {
-                  let path;
-                  let fileName = "notesnook_recoverycodes";
-                  fileName = sanitizeFilename(fileName, { replacement: "_" });
-                  fileName = fileName + ".txt";
-                  const codeString = codes.join("\n");
-                  if (Platform.OS === "android") {
-                    const file = await ScopedStorage.createDocument(
-                      fileName,
-                      "text/plain",
-                      codeString,
-                      "utf8"
-                    );
-                    if (!file) return;
-                    path = file.uri;
-                  } else {
-                    path = await filesystem.checkAndCreateDir("/");
-                    await RNFetchBlob.fs.writeFile(
-                      path + fileName,
-                      codeString,
-                      "utf8"
-                    );
-                    path = path + fileName;
-                  }
-
-                  ToastManager.show({
-                    heading: strings.codesSaved(),
-                    type: "success",
-                    context: "local"
-                  });
-                  return path;
-                } catch (e) {
-                  console.error(e);
-                }
-              }}
-            />
-          </View>
-
-          <Button
-            title={isSetup ? strings.next() : strings.done()}
-            type="accent"
-            width={250}
-            onPress={() => {
-              if (isSetup) {
-                onSuccess && onSuccess(method);
-              } else {
-                eSendEvent(eCloseSheet);
-              }
-            }}
-            style={{
-              borderRadius: 100,
-              marginBottom: DefaultAppStyles.GAP_VERTICAL
-            }}
-          />
-        </>
-      )}
-    </View>
-  );
-};
-
-MFARecoveryCodes.present = (methodId: MFAMethod["id"]) => {
-  presentSheet({
-    component: <MFARecoveryCodes method={{ id: methodId }} isSetup={false} />
-  });
-};
-
-const mfaSvg = (
-  colors: VariantsWithStaticColors
-) => `<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 382.94 405.93">
-<path fill="${colors.primary.paragraph}" d="M192.58 405.92a75.19 75.19 0 0 1-18.64-2.41l-1.2-.33-1.12-.56c-40.24-20.18-74.19-46.83-100.9-79.21a299.86 299.86 0 0 1-50.95-90.47A348.21 348.21 0 0 1 .07 110.27l.04-2.02c0-20.29 11.26-38.09 28.7-45.35C42.13 57.34 163.24 7.6 172 4c16.48-8.26 34.06-1.36 36.87-.16 6.31 2.58 118.28 48.38 142.47 59.9 24.94 11.87 31.6 33.2 31.6 43.93 0 48.6-8.43 94-25.02 134.97a312.52 312.52 0 0 1-56.16 90.51c-45.85 51.6-91.7 69.89-92.15 70.05a50.11 50.11 0 0 1-17.04 2.72zm-10.79-26.71c3.98.89 13.13 2.22 19.1.05 7.58-2.77 45.96-22.67 81.83-63.03 49.55-55.77 74.7-125.88 74.74-208.38-.1-1.67-1.28-13.59-17.07-21.1-23.72-11.3-140.1-58.89-141.27-59.37l-.32-.14c-2.44-1.02-10.2-3.17-15.55-.37l-1.08.5c-1.3.54-129.86 53.34-143.57 59.05-9.6 4-13 13.9-13 21.83 0 .58-.02 1.43-.05 2.52-1.1 56.44 11.97 195.34 156.24 268.44z"/>
-<path fill="${colors.secondary.background}" d="M177.33 15.59S47.61 68.87 33.71 74.66c-13.9 5.79-20.85 19.7-20.85 33.6 0 13.9-10.45 195.26 164.47 282.96 0 0 15.88 4.39 27.92 0 12.04-4.39 164.96-78.52 164.96-283.55 0 0 0-20.85-24.33-32.43C321.55 63.66 203.94 15.6 203.94 15.6s-14.44-6.37-26.6 0z"/>
-<path d="M191.23 57.29v284.25S60.34 278.53 61.51 112.89z" opacity=".2"/>
-<path fill="${colors.primary.icon}" d="m192.94 261.58-41.69-53.61 24.24-18.86 19.75 25.38 66.7-70.4 22.3 21.13z"/>
-</svg>`;
-
-const MFASuccess = ({ recovery }: MFAStepProps) => {
-  const { colors } = useThemeColors();
-  return (
-    <View
-      style={{
-        alignItems: "center"
-      }}
-    >
-      <Seperator />
-      <SvgView width={150} height={150} src={mfaSvg(colors)} />
-      <Seperator />
-      <DialogHeader
-        centered={true}
-        title={
-          recovery
-            ? strings.fallbackMethodEnabled()
-            : strings.twoFactorAuthEnabled()
-        }
-        paragraph={strings.accountIsSecure()}
-        padding={12}
-      />
-      <Seperator />
-
-      <Button
-        title={strings.done()}
-        type="accent"
-        width={250}
-        onPress={() => {
-          eSendEvent(eCloseSheet);
-        }}
-        style={{
-          borderRadius: 100,
-          marginBottom: DefaultAppStyles.GAP_VERTICAL
-        }}
-      />
-
-      {!recovery ? (
-        <Button
-          title={strings.secondary2faMethod()}
-          type="plain"
-          height={25}
-          onPress={() => {
-            MFASheet.present(true);
-          }}
-        />
-      ) : null}
-    </View>
-  );
-};
-
-export const MFASheet = ({ recovery }: { recovery?: boolean }) => {
-  const [step, setStep] = useState<MFAStep>({
-    id: "mfapick",
-    props: {
-      recovery: recovery
-    }
-  });
-
-  const steps: { [name: string]: JSX.Element } = {
-    mfapick: (
-      <MFAMethodsPickerStep
-        recovery={recovery}
-        onSuccess={(method) => {
-          setStep({
-            id: "setup",
-            props: {
-              method: method
-            }
-          });
-        }}
-      />
-    ),
-    setup: (
-      <MFASetup
-        recovery={recovery}
-        setStep={setStep}
-        {...step.props}
-        onSuccess={(method) => {
-          setStep({
-            id: "recoveryCodes",
-            props: {
-              method: method
-            }
-          });
-        }}
-      />
-    ),
-    recoveryCodes: (
-      <MFARecoveryCodes
-        recovery={recovery}
-        {...step.props}
-        onSuccess={(method) => {
-          setStep({
-            id: "success",
-            props: {
-              method: method
-            }
-          });
-        }}
-      />
-    ),
-    success: <MFASuccess {...step.props} recovery={recovery} />
-  };
-
-  return <View>{steps[step.id]}</View>;
-};
-
-MFASheet.present = (recovery?: boolean) => {
-  presentSheet({
-    component: <MFASheet recovery={recovery} />
-  });
-};
diff --git a/apps/mobile/app/screens/settings/components/2fa.tsx b/apps/mobile/app/screens/settings/components/2fa.tsx
new file mode 100644
index 000000000..958c56621
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/2fa.tsx
@@ -0,0 +1,1024 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { sanitizeFilename, useIsFeatureAvailable } from "@notesnook/common";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import Clipboard from "@react-native-clipboard/clipboard";
+import isMobilePhone from "validator/lib/isMobilePhone";
+import React, {
+  Dispatch,
+  SetStateAction,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import {
+  ActivityIndicator,
+  Linking,
+  Platform,
+  TextInput,
+  View
+} from "react-native";
+import RNFetchBlob from "react-native-blob-util";
+import * as ScopedStorage from "react-native-scoped-storage";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { db } from "../../../common/database";
+import filesystem from "../../../common/filesystem";
+import DialogHeader from "../../../components/dialog/dialog-header";
+import AppIcon from "../../../components/ui/AppIcon";
+import { Button } from "../../../components/ui/button";
+import FormInput, {
+  createFormRef,
+  validators
+} from "../../../components/ui/input/form-input";
+import PinInput from "../../../components/ui/pin-input";
+import { Pressable } from "../../../components/ui/pressable";
+import Seperator from "../../../components/ui/seperator";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import useTimer from "../../../hooks/use-timer";
+import {
+  eSendEvent,
+  presentSheet,
+  ToastManager
+} from "../../../services/event-manager";
+import { useUserStore } from "../../../stores/use-user-store";
+import { eCloseSheet } from "../../../utils/events";
+import { AppFontSize } from "../../../utils/size";
+import { sleep } from "../../../utils/time";
+import PaywallSheet from "../../../components/sheets/paywall";
+const mfaMethods: MFAMethod[] = [
+  {
+    id: "app",
+    title: strings.mfaAuthAppTitle(),
+    body: strings.mfaAuthAppDesc(),
+    icon: "device-mobile-camera"
+  },
+  {
+    id: "sms",
+    title: strings.mfaSmsTitle(),
+    body: strings.mfaSmsDesc(),
+    icon: "chat"
+  },
+  {
+    id: "email",
+    title: strings.mfaEmailTitle(),
+    body: strings.mfaEmailDesc(),
+    icon: "envelope-simple"
+  }
+];
+type MFAMethod = {
+  id: "email" | "sms" | "app";
+  title?: string;
+  body?: string;
+  icon?: string;
+  recommended?: boolean | undefined;
+};
+
+type MFAStep = {
+  id: string;
+  props: { [name: string]: unknown };
+};
+
+type MFAStepProps = {
+  recovery?: boolean;
+  onSuccess?: (method?: MFAMethod) => void;
+  setStep?: Dispatch<SetStateAction<MFAStep>>;
+  method?: MFAMethod;
+  isSetup?: boolean;
+};
+export const MFAMethodsPickerStep = ({ recovery, onSuccess }: MFAStepProps) => {
+  const { colors } = useThemeColors();
+  const user = useUserStore((state) => state.user);
+  const featureAvailable = useIsFeatureAvailable("sms2FA");
+
+  const getMethods = () => {
+    if (!recovery) return mfaMethods;
+    return mfaMethods.filter((m) => m.id !== user?.mfa?.primaryMethod);
+  };
+
+  const onMethodPress = (item: MFAMethod) => {
+    if (item.id === "sms" && featureAvailable && !featureAvailable?.isAllowed) {
+      ToastManager.show({
+        message: featureAvailable?.error,
+        type: "info",
+        context: "local",
+        actionText: strings.upgrade(),
+        func: () => {
+          PaywallSheet.present(featureAvailable);
+        }
+      });
+      return;
+    }
+
+    onSuccess && onSuccess(item);
+  };
+
+  return (
+    <>
+      <DialogHeader
+        title={strings.twoFactorAuth()}
+        paragraph={strings.twoFactorAuthDesc()}
+        style={{
+          paddingTop: Spacing.LEVEL_2,
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      />
+      <Seperator />
+      {getMethods().map((item, index, methods) => (
+        <Pressable
+          key={item.title}
+          onPress={() => onMethodPress(item)}
+          style={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            paddingVertical: Spacing.LEVEL_1,
+            marginBottom: index === methods.length - 1 ? 0 : Spacing.LEVEL_0,
+            flexDirection: "row",
+            borderRadius: Radius.S,
+            alignItems: "center",
+            backgroundColor: colors.primary.background
+          }}
+        >
+          {item.icon && (
+            <View
+              style={{
+                width: Spacing.LEVEL_7,
+                height: Spacing.LEVEL_7,
+                borderRadius: Radius.XS,
+                marginRight: Spacing.LEVEL_1,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: colors.secondary.background
+              }}
+            >
+              <AppIcon
+                size={16}
+                iconFamily="notesnook"
+                color={colors.primary.icon}
+                name={item.icon}
+              />
+            </View>
+          )}
+          <View
+            style={{
+              flex: 1,
+              flexShrink: 1,
+              gap: Spacing.LEVEL_1
+            }}
+          >
+            <Heading size={AppFontSize.md} lineHeight="100%">
+              {item.title}
+            </Heading>
+            <Paragraph size={AppFontSize.sm}>{item.body}</Paragraph>
+          </View>
+        </Pressable>
+      ))}
+    </>
+  );
+};
+
+export const MFASetup = ({
+  method,
+  onSuccess,
+  setStep,
+  recovery
+}: MFAStepProps) => {
+  const { colors } = useThemeColors();
+  const user = useUserStore((state) => state.user);
+  const methodId = method?.id;
+  const formRef = useRef(
+    createFormRef({
+      target: "",
+      code: ""
+    })
+  );
+  const targetInputRef = useRef<TextInput>(null);
+  const codeInputRef = useRef<TextInput>(null);
+  const [authenticatorDetails, setAuthenticatorDetails] = useState({
+    sharedKey: null,
+    authenticatorUri: null
+  });
+  const { seconds, setId, start } = useTimer(method?.id);
+
+  const [loading, setLoading] = useState(method?.id === "app" ? true : false);
+  const [enabling, setEnabling] = useState(false);
+  const [sending, setSending] = useState(false);
+  const [codeValue, setCodeValue] = useState("");
+  const [generalError, setGeneralError] = useState<string>();
+
+  useEffect(() => {
+    if (methodId === "app") {
+      setLoading(true);
+      db.mfa
+        ?.setup("app")
+        .then((data) => {
+          setAuthenticatorDetails(data);
+          setLoading(false);
+        })
+        .catch((error: Error) => {
+          setLoading(false);
+          setGeneralError(error.message);
+        });
+      return;
+    }
+
+    setLoading(false);
+  }, [methodId]);
+
+  useEffect(() => {
+    if (!methodId) return;
+
+    formRef.current.clearErrors();
+    formRef.current.setValue(
+      "target",
+      methodId === "email"
+        ? user?.email || ""
+        : methodId === "app"
+          ? authenticatorDetails.sharedKey || ""
+          : formRef.current.getValue("target")
+    );
+    formRef.current.setValue("code", "");
+    setCodeValue("");
+    setGeneralError(undefined);
+  }, [authenticatorDetails.sharedKey, methodId, user?.email]);
+
+  const codeHelpText = {
+    app: "After putting the above code in authenticator app, the app will display a code that you can enter below.",
+    sms: "You will receive a 2FA code on your phone number which you can enter below",
+    email:
+      "You will receive a 2FA code on your email address which you can enter below"
+  };
+
+  const targetValidators =
+    method?.id === "sms"
+      ? [
+          validators.required(strings.phoneNumberNotEntered()),
+          (value: string) =>
+            isMobilePhone(value, "any", {
+              strictMode: true
+            })
+              ? undefined
+              : strings.enterValidPhone()
+        ]
+      : method?.id === "email"
+        ? [
+            validators.required(strings.emailRequired()),
+            validators.email(strings.enterValidEmail())
+          ]
+        : [];
+
+  const codeValidators = [
+    validators.required(strings.enterSixDigitCode()),
+    (value: string) =>
+      /^\d{6}$/.test(value.trim()) ? undefined : strings.enterSixDigitCode()
+  ];
+
+  const onNext = async () => {
+    const code = codeValue.trim();
+    const codeValidationError = codeValidators
+      .map((validator) => validator(code))
+      .find(Boolean);
+
+    if (codeValidationError) {
+      setGeneralError(codeValidationError);
+      return;
+    }
+
+    try {
+      if (!method) return;
+
+      setGeneralError(undefined);
+      setEnabling(true);
+      if (recovery) {
+        await db.mfa.enableFallback(method.id, code);
+      } else {
+        await db.mfa.enable(method.id, code);
+      }
+
+      const user = await db.user.fetchUser();
+      useUserStore.getState().setUser(user);
+      onSuccess && onSuccess(method);
+      setEnabling(false);
+    } catch (e) {
+      const error = e as Error;
+      setGeneralError(error.message);
+      setEnabling(false);
+    }
+  };
+
+  const onSendCode = async () => {
+    if (!method || sending) return;
+
+    if (method.id !== "app" && formRef.current.validateField("target")) {
+      return;
+    }
+
+    if (method.id === "app" && authenticatorDetails.sharedKey) {
+      Clipboard.setString(authenticatorDetails.sharedKey);
+      if (authenticatorDetails.authenticatorUri) {
+        await Linking.openURL(authenticatorDetails.authenticatorUri).catch(
+          console.log
+        );
+      }
+
+      ToastManager.show({
+        heading: strings.codesCopied(),
+        type: "success",
+        context: "local"
+      });
+      return;
+    }
+
+    try {
+      const target = formRef.current.getValue("target").trim();
+
+      setGeneralError(undefined);
+      if (seconds) {
+        setGeneralError(strings.resendCodeWait());
+        return;
+      }
+
+      setSending(true);
+      await db.mfa.setup(method.id, method.id === "sms" ? target : undefined);
+
+      if (method.id === "sms") {
+        setId(method.id + target);
+      }
+      await sleep(300);
+      start(60, method.id === "sms" ? method.id + target : method.id);
+      setSending(false);
+      ToastManager.show({
+        heading: strings["2faCodeSentVia"](method.id),
+        type: "success",
+        context: "local"
+      });
+      codeInputRef.current?.focus();
+    } catch (e) {
+      setSending(false);
+      const error = e as Error;
+      if (method.id === "sms" || method.id === "email") {
+        formRef.current.setError("target", error.message);
+      } else {
+        setGeneralError(error.message);
+      }
+    }
+  };
+
+  const onChangeMethodPress = () => {
+    setStep &&
+      setStep({
+        id: "mfapick",
+        props: {
+          recovery: recovery
+        }
+      });
+  };
+
+  return !method ? null : (
+    <View
+      style={{
+        gap: Spacing.LEVEL_3
+      }}
+    >
+      <DialogHeader
+        title={method?.title}
+        paragraph={method?.body}
+        style={{
+          paddingTop: Spacing.LEVEL_2,
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      />
+
+      <View
+        style={{
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        {loading ? (
+          <View
+            style={{
+              justifyContent: "center",
+              alignItems: "center",
+              width: "100%",
+              marginBottom: 50
+            }}
+          >
+            <ActivityIndicator
+              color={colors.primary.accent}
+              style={{
+                height: 50
+              }}
+            />
+            <Paragraph>
+              {strings.gettingInformation()}... {strings.pleaseWait()}
+            </Paragraph>
+          </View>
+        ) : (
+          <>
+            <FormInput
+              key={`${method.id}-${authenticatorDetails.sharedKey || user?.email || ""}`}
+              name="target"
+              formRef={formRef}
+              fwdRef={targetInputRef}
+              loading={method?.id !== "sms"}
+              editable={method.id === "sms"}
+              defaultValue={
+                method.id === "email"
+                  ? user?.email || ""
+                  : method.id === "app"
+                    ? authenticatorDetails.sharedKey || ""
+                    : undefined
+              }
+              multiline={method.id === "app"}
+              onChangeText={() => {
+                setGeneralError(undefined);
+              }}
+              placeholder={
+                method.id === "email"
+                  ? strings.enterEmailAddress()
+                  : "+1234567890"
+              }
+              onSubmitEditing={onSendCode}
+              validators={targetValidators}
+              containerStyle={{
+                borderWidth: 0,
+                borderRadius: Radius.XS
+              }}
+              keyboardType={
+                method.id === "email" ? "email-address" : "phone-pad"
+              }
+              buttons={
+                <Button
+                  onPress={onSendCode}
+                  type="transparent"
+                  fontFamily="MEDIUM"
+                  fontSize={AppFontSize.sm}
+                  buttonType={{
+                    text: colors.primary.accent
+                  }}
+                  loading={sending}
+                  style={{
+                    paddingVertical: 0,
+                    paddingHorizontal: 0,
+                    marginLeft: Spacing.LEVEL_1
+                  }}
+                  title={
+                    sending
+                      ? null
+                      : method.id === "app"
+                        ? strings.copy()
+                        : `${
+                            seconds
+                              ? strings.resendCode(seconds as number)
+                              : strings.sendCode()
+                          }`
+                  }
+                />
+              }
+            />
+
+            <View
+              style={{
+                height: 1,
+                marginVertical: Spacing.LEVEL_3,
+                backgroundColor: colors.primary.border
+              }}
+            />
+
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "flex-start",
+                gap: Spacing.LEVEL_1,
+                paddingVertical: Spacing.LEVEL_1,
+                marginBottom: Spacing.LEVEL_3
+              }}
+            >
+              <View
+                style={{
+                  width: Spacing.LEVEL_7,
+                  height: Spacing.LEVEL_7,
+                  borderRadius: Radius.XS,
+                  alignItems: "center",
+                  justifyContent: "center",
+                  backgroundColor: colors.secondary.background
+                }}
+              >
+                <AppIcon
+                  size={16}
+                  iconFamily="notesnook"
+                  color={colors.primary.icon}
+                  name="device-mobile-camera"
+                />
+              </View>
+
+              <View
+                style={{
+                  flex: 1,
+                  gap: Spacing.LEVEL_1
+                }}
+              >
+                <Heading size={AppFontSize.md} lineHeight="100%">
+                  {strings.enterSixDigitCode()}
+                </Heading>
+                <Paragraph size={AppFontSize.sm}>
+                  {codeHelpText[method?.id]}
+                </Paragraph>
+              </View>
+            </View>
+
+            <PinInput
+              value={codeValue}
+              length={6}
+              inputRef={codeInputRef}
+              onSubmitEditing={onNext}
+              onChangeText={(value) => {
+                formRef.current.setValue("code", value);
+                setCodeValue(value);
+                setGeneralError(undefined);
+              }}
+              sanitize={(value) => value.replace(/\D/g, "")}
+            />
+
+            {generalError ? (
+              <Paragraph
+                size={AppFontSize.sm}
+                style={{
+                  color: colors.error.icon,
+                  marginBottom: Spacing.LEVEL_2,
+                  textAlign: "center",
+                  width: "100%"
+                }}
+              >
+                {generalError}
+              </Paragraph>
+            ) : null}
+
+            <View
+              style={{
+                gap: Spacing.LEVEL_2,
+                marginTop: Spacing.LEVEL_4
+              }}
+            >
+              <Button
+                title={enabling ? null : strings.next()}
+                type="accent"
+                width="100%"
+                onPress={onNext}
+                loading={enabling}
+                style={{
+                  borderRadius: Radius.S
+                }}
+              />
+
+              <Button
+                title={strings.change2faMethod()}
+                type="plain-outline"
+                width="100%"
+                onPress={onChangeMethodPress}
+              />
+            </View>
+          </>
+        )}
+      </View>
+    </View>
+  );
+};
+
+export const MFARecoveryCodes = ({
+  method,
+  onSuccess,
+  isSetup = true
+}: MFAStepProps) => {
+  const { colors } = useThemeColors();
+  const [codes, setCodes] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  const codeRows = [] as string[][];
+  for (let i = 0; i < codes.length; i += 3) {
+    codeRows.push(codes.slice(i, i + 3));
+  }
+
+  useEffect(() => {
+    (async () => {
+      try {
+        const codes = await db.mfa.codes();
+        if (codes) setCodes(codes);
+        setLoading(false);
+      } catch (e) {
+        const error = e as Error;
+        ToastManager.error(error, strings.errorGettingCodes(), "local");
+        setLoading(false);
+      }
+    })();
+  }, []);
+
+  const onCopyCodesPress = () => {
+    const codeString = codes.join("\n");
+    Clipboard.setString(codeString);
+    ToastManager.show({
+      heading: strings.codesCopied(),
+      type: "success",
+      context: "local"
+    });
+  };
+
+  const onSaveToFilePress = async () => {
+    try {
+      let path;
+      let fileName = "notesnook_recoverycodes";
+      fileName = sanitizeFilename(fileName, {
+        replacement: "_"
+      });
+      fileName = fileName + ".txt";
+      const codeString = codes.join("\n");
+      if (Platform.OS === "android") {
+        const file = await ScopedStorage.createDocument(
+          fileName,
+          "text/plain",
+          codeString,
+          "utf8"
+        );
+        if (!file) return;
+        path = file.uri;
+      } else {
+        path = await filesystem.checkAndCreateDir("/");
+        await RNFetchBlob.fs.writeFile(path + fileName, codeString, "utf8");
+        path = path + fileName;
+      }
+
+      ToastManager.show({
+        heading: strings.codesSaved(),
+        type: "success",
+        context: "local"
+      });
+      return path;
+    } catch (e) {
+      console.error(e);
+    }
+  };
+
+  const onCompletePress = () => {
+    if (isSetup) {
+      onSuccess && onSuccess(method);
+    } else {
+      eSendEvent(eCloseSheet);
+    }
+  };
+
+  return (
+    <View
+      style={{
+        gap: Spacing.LEVEL_3
+      }}
+    >
+      <DialogHeader
+        title={strings.saveRecoveryCodes()}
+        paragraph={strings.saveRecoveryCodesDesc()}
+        style={{
+          paddingTop: Spacing.LEVEL_2,
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      />
+
+      <View
+        style={{
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        {loading ? (
+          <View
+            style={{
+              justifyContent: "center",
+              alignItems: "center",
+              width: "100%",
+              marginBottom: 50
+            }}
+          >
+            <ActivityIndicator
+              color={colors.primary.accent}
+              style={{
+                height: 50
+              }}
+            />
+            <Paragraph>
+              {strings.gettingRecoveryCodes()}... {strings.pleaseWait()}
+            </Paragraph>
+          </View>
+        ) : (
+          <>
+            <View
+              style={{
+                backgroundColor: colors.secondary.background,
+                borderRadius: Radius.S,
+                paddingHorizontal: Spacing.LEVEL_2,
+                paddingVertical: Spacing.LEVEL_3,
+                gap: Spacing.LEVEL_1
+              }}
+            >
+              {codeRows.map((row, rowIndex) => (
+                <View
+                  key={`row-${rowIndex}`}
+                  style={{
+                    flexDirection: "row",
+                    gap: Spacing.LEVEL_2
+                  }}
+                >
+                  {row.map((code, colIndex) => (
+                    <Paragraph
+                      key={`${rowIndex}-${colIndex}`}
+                      size={AppFontSize.xs}
+                      style={{
+                        flex: 1,
+                        color: colors.primary.heading
+                      }}
+                    >
+                      {code}
+                    </Paragraph>
+                  ))}
+                  {row.length < 3
+                    ? Array.from({ length: 3 - row.length }).map((_, idx) => (
+                        <View
+                          key={`empty-${rowIndex}-${idx}`}
+                          style={{ flex: 1 }}
+                        />
+                      ))
+                    : null}
+                </View>
+              ))}
+
+              <View
+                style={{
+                  height: 1,
+                  marginTop: Spacing.LEVEL_1,
+                  backgroundColor: colors.primary.border
+                }}
+              />
+
+              <View
+                style={{
+                  flexDirection: "row",
+                  gap: Spacing.LEVEL_2,
+                  marginTop: Spacing.LEVEL_1
+                }}
+              >
+                <Button
+                  title={strings.copyCodes()}
+                  type="transparent"
+                  fontFamily="SEMI_BOLD"
+                  fontSize={AppFontSize.xs}
+                  icon="content-copy"
+                  iconSize={14}
+                  iconColor={colors.primary.accent}
+                  buttonType={{ text: colors.primary.accent }}
+                  onPress={onCopyCodesPress}
+                  style={{
+                    flex: 1,
+                    borderRadius: Radius.S,
+                    paddingVertical: Spacing.LEVEL_1,
+                    paddingHorizontal: Spacing.LEVEL_1
+                  }}
+                />
+
+                <Button
+                  title={strings.saveToFile()}
+                  type="transparent"
+                  fontFamily="SEMI_BOLD"
+                  fontSize={AppFontSize.xs}
+                  icon="download-simple"
+                  iconFamily="notesnook"
+                  iconSize={14}
+                  iconColor={colors.primary.accent}
+                  buttonType={{ text: colors.primary.accent }}
+                  onPress={onSaveToFilePress}
+                  style={{
+                    flex: 1,
+                    paddingVertical: Spacing.LEVEL_1,
+                    paddingHorizontal: Spacing.LEVEL_1,
+                    borderRadius: Radius.S
+                  }}
+                />
+              </View>
+            </View>
+
+            <Button
+              title={isSetup ? strings.next() : strings.done()}
+              type="accent"
+              width="100%"
+              onPress={onCompletePress}
+              style={{
+                borderRadius: Radius.S,
+                marginTop: Spacing.LEVEL_2,
+                marginBottom: Spacing.LEVEL_2
+              }}
+            />
+          </>
+        )}
+      </View>
+    </View>
+  );
+};
+
+MFARecoveryCodes.present = (methodId: MFAMethod["id"]) => {
+  presentSheet({
+    component: <MFARecoveryCodes method={{ id: methodId }} isSetup={false} />
+  });
+};
+
+const MFASuccess = ({ recovery }: MFAStepProps) => {
+  const { colors, isDark } = useThemeColors();
+
+  const onDonePress = () => {
+    eSendEvent(eCloseSheet);
+  };
+
+  const onSecondaryMethodPress = () => {
+    MFASheet.present(true);
+  };
+
+  return (
+    <View
+      style={{
+        gap: Spacing.LEVEL_4
+      }}
+    >
+      <View
+        style={{
+          alignItems: "center",
+          justifyContent: "center",
+          marginTop: Spacing.LEVEL_4
+        }}
+      >
+        <View
+          style={{
+            width: 93,
+            height: 93,
+            borderRadius: 46.5,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: isDark ? "#0A572920" : "#00883614"
+          }}
+        >
+          <View
+            style={{
+              width: 80,
+              height: 80,
+              borderRadius: 40,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: isDark ? "#0A572930" : "#0088361F"
+            }}
+          >
+            <View
+              style={{
+                width: 47,
+                height: 47,
+                borderRadius: 23.5,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: colors.primary.accent
+              }}
+            >
+              <AppIcon
+                name="check"
+                size={20}
+                color={colors.primary.accentForeground}
+              />
+            </View>
+          </View>
+        </View>
+      </View>
+
+      <View
+        style={{
+          alignItems: "center",
+          gap: Spacing.LEVEL_1,
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        <Heading
+          size={AppFontSize.xl}
+          lineHeight="100%"
+          style={{ textAlign: "center" }}
+        >
+          {recovery
+            ? strings.fallbackMethodEnabled()
+            : strings.twoFactorAuthEnabled()}
+        </Heading>
+        <Paragraph size={AppFontSize.xs} style={{ textAlign: "center" }}>
+          {strings.accountIsSecure()}
+        </Paragraph>
+      </View>
+
+      <View
+        style={{
+          width: "100%",
+          gap: Spacing.LEVEL_2,
+          paddingHorizontal: Spacing.LEVEL_3
+        }}
+      >
+        <Button
+          title={strings.done()}
+          type="accent"
+          width="100%"
+          onPress={onDonePress}
+          style={{
+            borderRadius: Radius.S
+          }}
+        />
+
+        {!recovery ? (
+          <Button
+            title={strings.secondary2faMethod()}
+            type="plain-outline"
+            width="100%"
+            onPress={onSecondaryMethodPress}
+            style={{
+              borderRadius: Radius.S
+            }}
+          />
+        ) : null}
+      </View>
+    </View>
+  );
+};
+
+export const MFASheet = ({ recovery }: { recovery?: boolean }) => {
+  const [step, setStep] = useState<MFAStep>({
+    id: "mfapick",
+    props: {
+      recovery: recovery
+    }
+  });
+
+  const steps: { [name: string]: JSX.Element } = {
+    mfapick: (
+      <MFAMethodsPickerStep
+        recovery={recovery}
+        onSuccess={(method) => {
+          setStep({
+            id: "setup",
+            props: {
+              method: method
+            }
+          });
+        }}
+      />
+    ),
+    setup: (
+      <MFASetup
+        recovery={recovery}
+        setStep={setStep}
+        {...step.props}
+        onSuccess={(method) => {
+          setStep({
+            id: "recoveryCodes",
+            props: {
+              method: method
+            }
+          });
+        }}
+      />
+    ),
+    recoveryCodes: (
+      <MFARecoveryCodes
+        recovery={recovery}
+        {...step.props}
+        onSuccess={(method) => {
+          setStep({
+            id: "success",
+            props: {
+              method: method
+            }
+          });
+        }}
+      />
+    ),
+    success: <MFASuccess {...step.props} recovery={recovery} />
+  };
+
+  return <View>{steps[step.id]}</View>;
+};
+
+MFASheet.present = (recovery?: boolean) => {
+  presentSheet({
+    component: <MFASheet recovery={recovery} />
+  });
+};
diff --git a/apps/mobile/app/screens/settings/components/account-card.tsx b/apps/mobile/app/screens/settings/components/account-card.tsx
new file mode 100644
index 000000000..473516d87
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/account-card.tsx
@@ -0,0 +1,118 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React from "react";
+import { Image, View, ViewStyle } from "react-native";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import AppIcon from "../../../components/ui/AppIcon";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { useUserStore } from "../../../stores/use-user-store";
+import { getObfuscatedEmail } from "../../../utils/functions";
+
+type AccountCardProps = {
+  style?: ViewStyle;
+};
+
+export const AccountCard = ({ style }: AccountCardProps) => {
+  const { colors } = useThemeColors();
+  const [user, profile] = useUserStore((state) => [state.user, state.profile]);
+
+  const fullName = profile?.fullName || strings.account();
+  const email = user?.email ? getObfuscatedEmail(user.email) : "";
+
+  return (
+    <View
+      style={{
+        paddingHorizontal: Spacing.LEVEL_3
+      }}
+    >
+      <View
+        style={[
+          {
+            width: "100%",
+            flexDirection: "row",
+            alignItems: "center",
+            gap: Spacing.LEVEL_1,
+            padding: Spacing.LEVEL_2,
+            borderRadius: Radius.S,
+            backgroundColor: colors.primary.shade
+          },
+          style
+        ]}
+      >
+        {profile?.profilePicture ? (
+          <Image
+            source={{
+              uri: profile.profilePicture
+            }}
+            style={{
+              width: 50,
+              height: 50,
+              borderRadius: Radius.XXL
+            }}
+          />
+        ) : (
+          <View
+            style={{
+              width: 50,
+              height: 50,
+              borderRadius: Radius.XXL,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.secondary.background
+            }}
+          >
+            <AppIcon
+              name="user"
+              iconFamily="notesnook"
+              size={18}
+              color={colors.secondary.icon}
+            />
+          </View>
+        )}
+
+        <View
+          style={{
+            flex: 1,
+            gap: Spacing.LEVEL_1
+          }}
+        >
+          <Heading fontSize="LG" fontFamily="SEMI_BOLD" lineHeight="100%">
+            {fullName}
+          </Heading>
+
+          {email ? (
+            <Paragraph
+              fontSize="SM"
+              lineHeight="100%"
+              color={colors.primary.paragraph}
+            >
+              {email}
+            </Paragraph>
+          ) : null}
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export default AccountCard;
diff --git a/apps/mobile/app/screens/settings/attachment-group-progress.tsx b/apps/mobile/app/screens/settings/components/attachment-group-progress.tsx
similarity index 86%
rename from apps/mobile/app/screens/settings/attachment-group-progress.tsx
rename to apps/mobile/app/screens/settings/components/attachment-group-progress.tsx
index 3f5c93546..a170f20b3 100644
--- a/apps/mobile/app/screens/settings/attachment-group-progress.tsx
+++ b/apps/mobile/app/screens/settings/components/attachment-group-progress.tsx
@@ -21,16 +21,16 @@ import { useThemeColors } from "@notesnook/theme";
 import React from "react";
 import { View } from "react-native";
 import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { db } from "../../common/database";
-import { IconButton } from "../../components/ui/icon-button";
-import { ProgressBarComponent } from "../../components/ui/svg/lazy";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { useAttachmentProgress } from "../../hooks/use-attachment-progress";
-import { useDBItem } from "../../hooks/use-db-item";
-import { useAttachmentStore } from "../../stores/use-attachment-store";
-import { AppFontSize } from "../../utils/size";
+import { db } from "../../../common/database";
+import { IconButton } from "../../../components/ui/icon-button";
+import { ProgressBarComponent } from "../../../components/ui/svg/lazy";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { useAttachmentProgress } from "../../../hooks/use-attachment-progress";
+import { useDBItem } from "../../../hooks/use-db-item";
+import { useAttachmentStore } from "../../../stores/use-attachment-store";
+import { AppFontSize } from "../../../utils/size";
 import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../utils/styles";
+import { DefaultAppStyles } from "../../../utils/styles";
 
 export const AttachmentGroupProgress = (props: { groupId?: string }) => {
   const { colors } = useThemeColors();
diff --git a/apps/mobile/app/screens/settings/change-email/index.tsx b/apps/mobile/app/screens/settings/components/change-email.tsx
similarity index 100%
rename from apps/mobile/app/screens/settings/change-email/index.tsx
rename to apps/mobile/app/screens/settings/components/change-email.tsx
diff --git a/apps/mobile/app/screens/settings/components.tsx b/apps/mobile/app/screens/settings/components/components.tsx
similarity index 80%
rename from apps/mobile/app/screens/settings/components.tsx
rename to apps/mobile/app/screens/settings/components/components.tsx
index 006205569..5aed74f52 100644
--- a/apps/mobile/app/screens/settings/components.tsx
+++ b/apps/mobile/app/screens/settings/components/components.tsx
@@ -19,30 +19,26 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { ReactElement } from "react";
 import { View } from "react-native";
-import { AttachmentDialog } from "../../components/attachments";
-import { ChangePassword } from "../../components/auth/change-password";
-import { DefaultAppStyles } from "../../utils/styles";
+import { AttachmentDialog } from "../../../components/attachments";
+import { ChangePassword } from "../../../components/auth/change-password";
+import { DefaultAppStyles } from "../../../utils/styles";
 import { AttachmentGroupProgress } from "./attachment-group-progress";
 import { ChangeEmail } from "./change-email";
 import DebugLogs from "./debug";
 import { ConfigureToolbar } from "./editor/configure-toolbar";
 import { Licenses } from "./licenses";
 import {
-  ApplockTimerPicker,
   BackupReminderPicker,
   BackupWithAttachmentsReminderPicker,
-  DateFormatPicker,
   DayFormatPicker,
   WeekFormatPicker,
   FontPicker,
   HomePicker,
   ImageCompressionPicker,
   SidebarTabPicker,
-  TimeFormatPicker,
-  TrashIntervalPicker,
-  VaultLockTimerPicker
+  TimeFormatPicker
 } from "./picker/pickers";
-import { RestoreBackup } from "./restore-backup";
+import { RestoreBackup } from "../restore-backup";
 import { ServersConfiguration } from "./server-config";
 import SoundPicker from "./sound-picker";
 import ThemeSelector from "./theme-selector";
@@ -52,8 +48,9 @@ import {
   ManageInboxKeys,
   InboxKeysList,
   SetupInboxKeys
-} from "./manage-inbox-keys";
-import { FailedInboxItems } from "./failed-inbox-items";
+} from "../manage-inbox-keys";
+import { FailedInboxItems } from "../failed-inbox-items";
+import AccountCard from "./account-card";
 
 export const components: { [name: string]: ReactElement } = {
   homeselector: <HomePicker />,
@@ -62,17 +59,13 @@ export const components: { [name: string]: ReactElement } = {
   "debug-logs": <DebugLogs />,
   "sound-picker": <SoundPicker />,
   licenses: <Licenses />,
-  "trash-interval-selector": <TrashIntervalPicker />,
   "font-selector": <FontPicker />,
   "title-format": <TitleFormat />,
-  "date-format-selector": <DateFormatPicker />,
   "time-format-selector": <TimeFormatPicker />,
   "day-format-selector": <DayFormatPicker />,
   "week-format-selector": <WeekFormatPicker />,
   "image-compression-picker": <ImageCompressionPicker />,
   "theme-selector": <ThemeSelector />,
-  "applock-timer": <ApplockTimerPicker />,
-  "vault-lock-timer": <VaultLockTimerPicker />,
   autobackupsattachments: <BackupWithAttachmentsReminderPicker />,
   backuprestore: <RestoreBackup />,
   "server-config": <ServersConfiguration />,
@@ -89,5 +82,6 @@ export const components: { [name: string]: ReactElement } = {
   "manage-inbox-keys": <ManageInboxKeys />,
   "inbox-keys": <InboxKeysList />,
   "failed-inbox-items": <FailedInboxItems />,
-  "setup-inbox-keys": <SetupInboxKeys />
+  "setup-inbox-keys": <SetupInboxKeys />,
+  "account-card": <AccountCard />
 };
diff --git a/apps/mobile/app/screens/settings/debug.tsx b/apps/mobile/app/screens/settings/components/debug.tsx
similarity index 52%
rename from apps/mobile/app/screens/settings/debug.tsx
rename to apps/mobile/app/screens/settings/components/debug.tsx
index 13c9f2aae..911bc4cb2 100644
--- a/apps/mobile/app/screens/settings/debug.tsx
+++ b/apps/mobile/app/screens/settings/components/debug.tsx
@@ -27,21 +27,22 @@ import React, { useEffect, useRef, useState } from "react";
 import { FlatList, Platform, TouchableOpacity, View } from "react-native";
 import RNFetchBlob from "react-native-blob-util";
 import * as ScopedStorage from "react-native-scoped-storage";
-import filesystem from "../../common/filesystem";
-import { presentDialog } from "../../components/dialog/functions";
-import { IconButton } from "../../components/ui/icon-button";
-import { Notice } from "../../components/ui/notice";
-import Paragraph from "../../components/ui/typography/paragraph";
-import useTimer from "../../hooks/use-timer";
-import { ToastManager } from "../../services/event-manager";
-import { hexToRGBA } from "../../utils/colors";
-import { DefaultAppStyles } from "../../utils/styles";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import filesystem from "../../../common/filesystem";
+import { presentDialog } from "../../../components/dialog/functions";
+import AppIcon from "../../../components/ui/AppIcon";
+import { IconButton } from "../../../components/ui/icon-button";
+import { Notice } from "../../../components/ui/notice";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import useTimer from "../../../hooks/use-timer";
+import { ToastManager } from "../../../services/event-manager";
+import { hexToRGBA } from "../../../utils/colors";
 
 export default function DebugLogs() {
   const { colors } = useThemeColors();
   const { seconds, start } = useTimer("debug_logs_timer");
   const listRef = useRef<FlatList>(null);
-  const currentOffset = useRef(0);
   const [logs, setLogs] = useState<
     {
       key: string;
@@ -69,25 +70,27 @@ export default function DebugLogs() {
     })();
   }, [currentLog, seconds, start]);
 
+  const currentIndex = currentLog
+    ? logs.findIndex((l) => l.key === currentLog.key)
+    : -1;
+
   const renderItem = React.useCallback(
     ({ item }: { item: LogMessage; index: number }) => {
-      const background =
-        item.level === LogLevel.Error || item.level === LogLevel.Fatal
-          ? hexToRGBA(colors.error.paragraph, 0.2)
-          : item.level === LogLevel.Warn
-          ? hexToRGBA(colors.static.orange, 0.2)
-          : "transparent";
+      const isError =
+        item.level === LogLevel.Error || item.level === LogLevel.Fatal;
+      const isWarn = item.level === LogLevel.Warn;
 
-      const color =
-        item.level === LogLevel.Error || item.level === LogLevel.Fatal
-          ? colors.error.paragraph
-          : item.level === LogLevel.Warn
+      const background = "transparent";
+
+      const color = isError
+        ? colors.error.paragraph
+        : isWarn
           ? colors.static.black
           : colors.primary.paragraph;
 
       return !item ? null : (
         <TouchableOpacity
-          activeOpacity={1}
+          activeOpacity={0.6}
           onLongPress={() => {
             Clipboard.setString(format(item));
             ToastManager.show({
@@ -97,8 +100,7 @@ export default function DebugLogs() {
             });
           }}
           style={{
-            paddingHorizontal: DefaultAppStyles.GAP,
-            paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+            paddingVertical: Spacing.LEVEL_2,
             backgroundColor: background,
             flexShrink: 1,
             borderBottomWidth: 1,
@@ -123,7 +125,6 @@ export default function DebugLogs() {
       colors.primary.paragraph,
       colors.error.paragraph,
       colors.static.black,
-      colors.static.orange,
       colors.primary.border
     ]
   );
@@ -160,7 +161,10 @@ export default function DebugLogs() {
           type: "success"
         });
       }
-    } catch (e) {}
+    } catch (e) {
+      /**
+      empty */
+    }
   }, [currentLog?.logs]);
 
   const copyLogs = React.useCallback(() => {
@@ -209,7 +213,8 @@ export default function DebugLogs() {
     >
       <View
         style={{
-          padding: DefaultAppStyles.GAP
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingBottom: Spacing.LEVEL_4
         }}
       >
         <Notice text={strings.debugNotice()} type="information" />
@@ -221,97 +226,143 @@ export default function DebugLogs() {
           ListHeaderComponent={
             <View
               style={{
-                paddingHorizontal: DefaultAppStyles.GAP,
-                marginBottom: DefaultAppStyles.GAP_VERTICAL,
-                flexDirection: "row",
-                alignItems: "center",
+                paddingBottom: Spacing.LEVEL_2,
+                gap: Spacing.LEVEL_2,
                 backgroundColor: colors.primary.background,
-                justifyContent: "space-between"
+                borderBottomWidth: 1,
+                borderBottomColor: colors.primary.border
               }}
             >
               <View
                 style={{
                   flexDirection: "row",
-                  alignItems: "center"
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  gap: Spacing.LEVEL_2
                 }}
               >
-                <Paragraph>{currentLog.key}</Paragraph>
+                <View
+                  style={{
+                    flexDirection: "row",
+                    gap: Spacing.LEVEL_2,
+                    flexShrink: 1
+                  }}
+                >
+                  <View
+                    style={{
+                      width: 32,
+                      height: 32,
+                      borderRadius: Radius.XS,
+                      alignItems: "center",
+                      justifyContent: "center",
+                      backgroundColor: colors.secondary.background
+                    }}
+                  >
+                    <AppIcon
+                      name="file-text"
+                      iconFamily="notesnook"
+                      size={18}
+                      color={colors.primary.icon}
+                    />
+                  </View>
 
-                <IconButton
-                  style={{
-                    width: 30,
-                    height: 30,
-                    marginHorizontal: 5
-                  }}
-                  onPress={() => {
-                    const index = logs.findIndex(
-                      (l) => l.key === currentLog.key
-                    );
-                    if (index === 0) return;
-                    setCurrentLog(logs[index - 1]);
-                  }}
-                  size={20}
-                  name="chevron-left"
-                  color={colors.primary.icon}
-                />
+                  <View
+                    style={{
+                      flexShrink: 1,
+                      gap: Spacing.LEVEL_0
+                    }}
+                  >
+                    <Heading fontSize="SM" lineHeight="100%" numberOfLines={1}>
+                      {currentLog.key}
+                    </Heading>
+                    <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                      {`${currentIndex + 1} / ${logs.length}`}
+                    </Paragraph>
+                  </View>
+                </View>
 
-                <IconButton
+                <View
                   style={{
-                    width: 30,
-                    height: 30
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: Spacing.LEVEL_0
                   }}
-                  onPress={() => {
-                    const index = logs.findIndex(
-                      (l) => l.key === currentLog.key
-                    );
-                    if (index === logs.length - 1) return;
-                    setCurrentLog(logs[index + 1]);
-                  }}
-                  size={20}
-                  name="chevron-right"
-                  color={colors.primary.icon}
-                />
-              </View>
+                >
+                  <IconButton
+                    onPress={() => {
+                      if (currentIndex <= 0) return;
+                      setCurrentLog(logs[currentIndex - 1]);
+                    }}
+                    disabled={currentIndex <= 0}
+                    size={16}
+                    name="chevron-right"
+                    iconFamily="notesnook"
+                    style={{
+                      width: 36,
+                      height: 36,
+                      transform: [{ rotate: "180deg" }]
+                    }}
+                    color={
+                      currentIndex <= 0
+                        ? colors.disabled.icon
+                        : colors.primary.icon
+                    }
+                  />
+                  <IconButton
+                    onPress={() => {
+                      if (currentIndex === logs.length - 1) return;
+                      setCurrentLog(logs[currentIndex + 1]);
+                    }}
+                    disabled={currentIndex === logs.length - 1}
+                    size={16}
+                    name="chevron-right"
+                    iconFamily="notesnook"
+                    style={{
+                      width: 36,
+                      height: 36
+                    }}
+                    color={
+                      currentIndex === logs.length - 1
+                        ? colors.disabled.icon
+                        : colors.primary.icon
+                    }
+                  />
 
-              <View
-                style={{
-                  flexDirection: "row"
-                }}
-              >
-                <IconButton
-                  onPress={copyLogs}
-                  size={20}
-                  style={{
-                    width: 30,
-                    height: 30,
-                    marginRight: 5
-                  }}
-                  name="content-copy"
-                  color={colors.secondary.paragraph}
-                />
-                <IconButton
-                  onPress={downloadLogs}
-                  style={{
-                    width: 30,
-                    height: 30,
-                    marginRight: 5
-                  }}
-                  size={20}
-                  name="download"
-                  color={colors.secondary.paragraph}
-                />
-
-                <IconButton
-                  onPress={clearLogs}
-                  style={{
-                    width: 30,
-                    height: 30,
-                    marginRight: 5
-                  }}
-                  size={20}
-                  name="delete"
-                  color={colors.secondary.paragraph}
-                />
+                  <IconButton
+                    onPress={copyLogs}
+                    size={16}
+                    name="recovery-key-copy"
+                    iconFamily="notesnook"
+                    style={{
+                      width: 36,
+                      height: 36,
+                      borderRadius: Radius.XS
+                    }}
+                    color={colors.primary.icon}
+                  />
+                  <IconButton
+                    onPress={downloadLogs}
+                    size={16}
+                    name="download-simple"
+                    iconFamily="notesnook"
+                    style={{
+                      width: 36,
+                      height: 36
+                    }}
+                    color={colors.primary.icon}
+                  />
+                  <IconButton
+                    onPress={clearLogs}
+                    size={16}
+                    name="trash"
+                    iconFamily="notesnook"
+                    style={{
+                      width: 36,
+                      height: 36
+                    }}
+                    color={colors.error.accent}
+                  />
+                </View>
               </View>
             </View>
           }
@@ -320,6 +371,9 @@ export default function DebugLogs() {
             width: "100%"
           }}
           stickyHeaderIndices={[0]}
+          contentContainerStyle={{
+            paddingHorizontal: Spacing.LEVEL_3
+          }}
           ListFooterComponent={
             <View
               style={{
diff --git a/apps/mobile/app/screens/settings/editor/common.tsx b/apps/mobile/app/screens/settings/components/editor/common.tsx
similarity index 100%
rename from apps/mobile/app/screens/settings/editor/common.tsx
rename to apps/mobile/app/screens/settings/components/editor/common.tsx
diff --git a/apps/mobile/app/screens/settings/editor/configure-toolbar.tsx b/apps/mobile/app/screens/settings/components/editor/configure-toolbar.tsx
similarity index 92%
rename from apps/mobile/app/screens/settings/editor/configure-toolbar.tsx
rename to apps/mobile/app/screens/settings/components/editor/configure-toolbar.tsx
index 7f1d32ec8..ae7b2e102 100644
--- a/apps/mobile/app/screens/settings/editor/configure-toolbar.tsx
+++ b/apps/mobile/app/screens/settings/components/editor/configure-toolbar.tsx
@@ -24,13 +24,13 @@ import React from "react";
 import { StyleSheet, View } from "react-native";
 import { DraxProvider, DraxScrollView } from "react-native-drax";
 import Animated, { FadeInDown, FadeOutDown } from "react-native-reanimated";
-import PaywallSheet from "../../../components/sheets/paywall";
-import { Button } from "../../../components/ui/button";
-import { Notice } from "../../../components/ui/notice";
-import Paragraph from "../../../components/ui/typography/paragraph";
-import { ToastManager } from "../../../services/event-manager";
-import { AppFontSize } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
+import PaywallSheet from "../../../../components/sheets/paywall";
+import { Button } from "../../../../components/ui/button";
+import { Notice } from "../../../../components/ui/notice";
+import Paragraph from "../../../../components/ui/typography/paragraph";
+import { ToastManager } from "../../../../services/event-manager";
+import { AppFontSize } from "../../../../utils/size";
+import { DefaultAppStyles } from "../../../../utils/styles";
 import { Group } from "./group";
 import { DragState, useDragState } from "./state";
 export const ConfigureToolbar = () => {
diff --git a/apps/mobile/app/screens/settings/editor/group.tsx b/apps/mobile/app/screens/settings/components/editor/group.tsx
similarity index 95%
rename from apps/mobile/app/screens/settings/editor/group.tsx
rename to apps/mobile/app/screens/settings/components/editor/group.tsx
index 25703d088..7ed5ad481 100644
--- a/apps/mobile/app/screens/settings/editor/group.tsx
+++ b/apps/mobile/app/screens/settings/components/editor/group.tsx
@@ -22,11 +22,11 @@ import * as React from "react";
 import { View } from "react-native";
 import { DraxDragWithReceiverEventData, DraxView } from "react-native-drax";
 import Animated, { Layout } from "react-native-reanimated";
-import { presentDialog } from "../../../components/dialog/functions";
-import { IconButton } from "../../../components/ui/icon-button";
-import Paragraph from "../../../components/ui/typography/paragraph";
-import { getElevationStyle } from "../../../utils/elevation";
-import { AppFontSize } from "../../../utils/size";
+import { presentDialog } from "../../../../components/dialog/functions";
+import { IconButton } from "../../../../components/ui/icon-button";
+import Paragraph from "../../../../components/ui/typography/paragraph";
+import { getElevationStyle } from "../../../../utils/elevation";
+import { AppFontSize } from "../../../../utils/size";
 import { renderTool } from "./common";
 import { DraggableItem, useDragState } from "./state";
 import ToolSheet from "./tool-sheet";
@@ -35,8 +35,8 @@ import { isFeatureAvailable, useIsFeatureAvailable } from "@notesnook/common";
 import type { ToolId } from "@notesnook/editor";
 import { strings } from "@notesnook/intl";
 import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { ToastManager } from "../../../services/event-manager";
-import { DefaultAppStyles } from "../../../utils/styles";
+import { ToastManager } from "../../../../services/event-manager";
+import { DefaultAppStyles } from "../../../../utils/styles";
 
 export const Group = ({
   item,
diff --git a/apps/mobile/app/screens/settings/editor/state.ts b/apps/mobile/app/screens/settings/components/editor/state.ts
similarity index 96%
rename from apps/mobile/app/screens/settings/editor/state.ts
rename to apps/mobile/app/screens/settings/components/editor/state.ts
index 4ddd3b8c6..b36cb4a9a 100644
--- a/apps/mobile/app/screens/settings/editor/state.ts
+++ b/apps/mobile/app/screens/settings/components/editor/state.ts
@@ -21,9 +21,9 @@ import { CURRENT_TOOLBAR_VERSION, migrateToolbar } from "@notesnook/common";
 import type { ToolbarGroupDefinition } from "@notesnook/editor";
 import { create } from "zustand";
 import { StateStorage, persist } from "zustand/middleware";
-import { db } from "../../../common/database";
-import { MMKV } from "../../../common/database/mmkv";
-import { useSettingStore } from "../../../stores/use-setting-store";
+import { db } from "../../../../common/database";
+import { MMKV } from "../../../../common/database/mmkv";
+import { useSettingStore } from "../../../../stores/use-setting-store";
 import { presets } from "./toolbar-definition";
 export type ToolDefinition = string | string[];
 
diff --git a/apps/mobile/app/screens/settings/editor/tool-sheet.tsx b/apps/mobile/app/screens/settings/components/editor/tool-sheet.tsx
similarity index 89%
rename from apps/mobile/app/screens/settings/editor/tool-sheet.tsx
rename to apps/mobile/app/screens/settings/components/editor/tool-sheet.tsx
index 7fd5d0808..360111993 100644
--- a/apps/mobile/app/screens/settings/editor/tool-sheet.tsx
+++ b/apps/mobile/app/screens/settings/components/editor/tool-sheet.tsx
@@ -20,12 +20,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import type { ToolId } from "@notesnook/editor";
 import React, { RefObject } from "react";
 import { View } from "react-native";
-import { Pressable } from "../../../components/ui/pressable";
-import { SvgView } from "../../../components/ui/svg";
-import Paragraph from "../../../components/ui/typography/paragraph";
-import { presentSheet } from "../../../services/event-manager";
+import { Pressable } from "../../../../components/ui/pressable";
+import { SvgView } from "../../../../components/ui/svg";
+import Paragraph from "../../../../components/ui/typography/paragraph";
+import { presentSheet } from "../../../../services/event-manager";
 import { useThemeColors } from "@notesnook/theme";
-import { defaultBorderRadius, AppFontSize } from "../../../utils/size";
+import { defaultBorderRadius, AppFontSize } from "../../../../utils/size";
 import { DraggableItem, useDragState } from "./state";
 import {
   findToolById,
@@ -34,7 +34,7 @@ import {
 } from "./toolbar-definition";
 import { ActionSheetRef, ScrollView } from "react-native-actions-sheet";
 import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../../utils/styles";
+import { DefaultAppStyles } from "../../../../utils/styles";
 
 export default function ToolSheet({
   group,
@@ -45,7 +45,7 @@ export default function ToolSheet({
 }) {
   const { colors } = useThemeColors();
   const [data] = useDragState((state) => [state.data]);
-  const ungrouped = getUngroupedTools( data) as ToolId[];
+  const ungrouped = getUngroupedTools(data) as ToolId[];
 
   const renderTool = React.useCallback(
     (item: ToolId) => {
diff --git a/apps/mobile/app/screens/settings/editor/tool.tsx b/apps/mobile/app/screens/settings/components/editor/tool.tsx
similarity index 96%
rename from apps/mobile/app/screens/settings/editor/tool.tsx
rename to apps/mobile/app/screens/settings/components/editor/tool.tsx
index baf389404..f70565a8f 100644
--- a/apps/mobile/app/screens/settings/editor/tool.tsx
+++ b/apps/mobile/app/screens/settings/components/editor/tool.tsx
@@ -22,12 +22,12 @@ import * as React from "react";
 import { View } from "react-native";
 import { DraxDragWithReceiverEventData, DraxView } from "react-native-drax";
 import Animated, { Layout } from "react-native-reanimated";
-import { presentDialog } from "../../../components/dialog/functions";
-import { IconButton } from "../../../components/ui/icon-button";
-import { SvgView } from "../../../components/ui/svg";
-import Paragraph from "../../../components/ui/typography/paragraph";
-import { getElevationStyle } from "../../../utils/elevation";
-import { AppFontSize, defaultBorderRadius } from "../../../utils/size";
+import { presentDialog } from "../../../../components/dialog/functions";
+import { IconButton } from "../../../../components/ui/icon-button";
+import { SvgView } from "../../../../components/ui/svg";
+import Paragraph from "../../../../components/ui/typography/paragraph";
+import { getElevationStyle } from "../../../../utils/elevation";
+import { AppFontSize, defaultBorderRadius } from "../../../../utils/size";
 import { renderGroup } from "./common";
 import { DraggableItem, useDragState } from "./state";
 import ToolSheet from "./tool-sheet";
@@ -37,8 +37,8 @@ import { isFeatureAvailable, useIsFeatureAvailable } from "@notesnook/common";
 import type { ToolId } from "@notesnook/editor";
 import { strings } from "@notesnook/intl";
 import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { ToastManager } from "../../../services/event-manager";
-import { DefaultAppStyles } from "../../../utils/styles";
+import { ToastManager } from "../../../../services/event-manager";
+import { DefaultAppStyles } from "../../../../utils/styles";
 
 export const Tool = ({
   item,
diff --git a/apps/mobile/app/screens/settings/editor/toolbar-definition.ts b/apps/mobile/app/screens/settings/components/editor/toolbar-definition.ts
similarity index 95%
rename from apps/mobile/app/screens/settings/editor/toolbar-definition.ts
rename to apps/mobile/app/screens/settings/components/editor/toolbar-definition.ts
index eef11d759..ee87aec59 100644
--- a/apps/mobile/app/screens/settings/editor/toolbar-definition.ts
+++ b/apps/mobile/app/screens/settings/components/editor/toolbar-definition.ts
@@ -32,7 +32,7 @@ export const presets: { [name: string]: ToolbarGroupDefinition[] } = {
   custom: []
 };
 
-export function findToolById(id: keyof ReturnType<typeof tools> ): {
+export function findToolById(id: keyof ReturnType<typeof tools>): {
   title: string;
   icon: string;
 } {
@@ -51,7 +51,7 @@ export function getToolIcon(id: ToolId, color: string) {
 
 export function getUngroupedTools(
   toolDefinition: (string | string[])[][]
-): string[] { 
+): string[] {
   const allTools = tools();
   const keys = Object.keys(allTools);
 
diff --git a/apps/mobile/app/screens/settings/license-data.js b/apps/mobile/app/screens/settings/components/license-data.js
similarity index 100%
rename from apps/mobile/app/screens/settings/license-data.js
rename to apps/mobile/app/screens/settings/components/license-data.js
diff --git a/apps/mobile/app/screens/settings/licenses.tsx b/apps/mobile/app/screens/settings/components/licenses.tsx
similarity index 87%
rename from apps/mobile/app/screens/settings/licenses.tsx
rename to apps/mobile/app/screens/settings/components/licenses.tsx
index 512db24e6..4e2edc7af 100644
--- a/apps/mobile/app/screens/settings/licenses.tsx
+++ b/apps/mobile/app/screens/settings/components/licenses.tsx
@@ -20,11 +20,11 @@ import { LegendList } from "@legendapp/list";
 import { useThemeColors } from "@notesnook/theme";
 import React from "react";
 import { Linking, Platform } from "react-native";
-import { Pressable } from "../../components/ui/pressable";
-import Heading from "../../components/ui/typography/heading";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { AppFontSize } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
+import { Pressable } from "../../../components/ui/pressable";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { AppFontSize } from "../../../utils/size";
+import { DefaultAppStyles } from "../../../utils/styles";
 import { LICENSES } from "./license-data";
 
 type LicenseEntry = {
diff --git a/apps/mobile/app/screens/settings/components/notesnook-circle.tsx b/apps/mobile/app/screens/settings/components/notesnook-circle.tsx
new file mode 100644
index 000000000..08e48e62b
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/notesnook-circle.tsx
@@ -0,0 +1,300 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import { CirclePartner, SubscriptionStatus } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import Clipboard from "@react-native-clipboard/clipboard";
+import React, { useEffect, useState } from "react";
+import { useAsync } from "react-async-hook";
+import { ActivityIndicator, Image, ScrollView, View } from "react-native";
+import { db } from "../../../common/database";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { presentDialog } from "../../../components/dialog/functions";
+import { Button } from "../../../components/ui/button";
+import { Notice } from "../../../components/ui/notice";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { eSendEvent, ToastManager } from "../../../services/event-manager";
+import Navigation from "../../../services/navigation";
+import PremiumService from "../../../services/premium";
+import { useUserStore } from "../../../stores/use-user-store";
+import { eCloseSimpleDialog } from "../../../utils/events";
+import { openLinkInBrowser } from "../../../utils/functions";
+import { AppFontSize } from "../../../utils/size";
+import { sleep } from "../../../utils/time";
+let p: any;
+export const NotesnookCircle = () => {
+  const user = useUserStore((state) => state.user);
+  const isOnTrial =
+    PremiumService.get() &&
+    user?.subscription?.status === SubscriptionStatus.TRIAL;
+  const isFree = !PremiumService.get();
+  const partners = useAsync(db.circle.partners, [], {
+    initialState: () => p
+  });
+  p = partners.result;
+
+  useEffect(() => {
+    if (isFree || isOnTrial) {
+      presentDialog({
+        icon: "warning-circle",
+        centered: true,
+        iconFamily: "notesnook",
+        iconType: "error",
+        title: strings.subscriptionRequired(),
+        paragraph: isFree
+          ? strings.freeUserCircleNotice()
+          : strings.trialUserCircleNotice(),
+        positiveText: isFree ? strings.upgradeNow() : strings.close(),
+        positivePress: async () => {
+          if (!isFree) {
+            Navigation.goBack();
+            return;
+          }
+          eSendEvent(eCloseSimpleDialog);
+          await sleep(300);
+          Navigation.navigate("PayWall", {
+            context: "logged-in"
+          });
+          return true;
+        },
+        onClose: () => {
+          Navigation.goBack();
+        }
+      });
+    }
+  }, []);
+
+  return (
+    <ScrollView
+      contentContainerStyle={{
+        gap: Spacing.LEVEL_3,
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingTop: Spacing.LEVEL_0
+      }}
+    >
+      <View
+        style={{
+          gap: Spacing.LEVEL_0
+        }}
+      >
+        <Heading fontSize="XL">Partner offers</Heading>
+        <Paragraph>
+          Get exclusive discounts from our trusted partners who share our
+          commitment to privacy and user freedom.
+        </Paragraph>
+      </View>
+
+      {!isFree && !isOnTrial ? null : (
+        <View>
+          <Paragraph>
+            {isFree
+              ? strings.freeUserCircleNotice()
+              : strings.trialUserCircleNotice()}
+          </Paragraph>
+
+          {isOnTrial ? null : (
+            <Button
+              title={strings.upgradePlan()}
+              onPress={() => {
+                Navigation.navigate("PayWall", {
+                  canGoBack: true,
+                  context: useUserStore.getState().user
+                    ? "logged-in"
+                    : "logged-out"
+                });
+              }}
+              style={{
+                alignSelf: "flex-start",
+                paddingHorizontal: 0
+              }}
+            />
+          )}
+        </View>
+      )}
+
+      {partners.loading ? <ActivityIndicator /> : null}
+
+      {partners.error ? (
+        <Notice type="alert" text={partners.error.message} />
+      ) : null}
+
+      {partners.result?.map((item) => (
+        <Partner key={item.id} item={item} available={!isFree && !isOnTrial} />
+      ))}
+    </ScrollView>
+  );
+};
+
+const Partner = ({
+  item,
+  available
+}: {
+  item: CirclePartner;
+  available: boolean;
+}) => {
+  const { colors } = useThemeColors();
+  const [code, setCode] = useState<string>();
+
+  return (
+    <View
+      style={{
+        borderRadius: Radius.MD,
+        backgroundColor: colors.secondary.background,
+        padding: Spacing.LEVEL_3,
+        gap: Spacing.LEVEL_1
+      }}
+    >
+      <View
+        style={{
+          flexDirection: "row",
+          justifyContent: "flex-start",
+          alignItems: "center",
+          gap: Spacing.LEVEL_1
+        }}
+      >
+        <Image
+          src={item.logoBase64}
+          style={{
+            width: 24,
+            height: 24
+          }}
+        />
+        <Heading>{item.name}</Heading>
+      </View>
+
+      <Paragraph fontSize="XS">{item.longDescription.trim()}</Paragraph>
+
+      <View
+        style={{
+          width: "100%",
+          borderRadius: Radius.XS,
+          backgroundColor: colors.primary.shade,
+          paddingVertical: 4,
+          paddingHorizontal: 8
+        }}
+      >
+        <Paragraph fontSize="XS" color={colors.primary.accent}>
+          {item.offerDescription}
+        </Paragraph>
+      </View>
+
+      {available ? (
+        <>
+          {!code ? (
+            <Button
+              type="tertiary"
+              style={{
+                borderWidth: 1,
+                borderColor: colors.primary.border
+              }}
+              title={strings.redeemCode()}
+              width="100%"
+              onPress={() => {
+                if (!PremiumService.get()) {
+                  Navigation.navigate("PayWall", {
+                    canGoBack: true,
+                    context: useUserStore.getState().user
+                      ? "logged-in"
+                      : "logged-out"
+                  });
+                  return;
+                }
+
+                db.circle
+                  .redeem(item.id)
+                  .then((result) => setCode(result?.code))
+                  .catch((e) => ToastManager.error(e));
+              }}
+            />
+          ) : (
+            <>
+              <View
+                style={{
+                  alignItems: "center",
+                  flexDirection: "row",
+                  gap: Spacing.LEVEL_2
+                }}
+              >
+                <View
+                  style={{
+                    backgroundColor: colors.tertiary.background,
+                    borderRadius: Radius.XS,
+                    paddingVertical: Spacing.LEVEL_1,
+                    paddingHorizontal: Spacing.LEVEL_2,
+                    flexGrow: 1
+                  }}
+                >
+                  <Paragraph
+                    color={colors.secondary.paragraph}
+                    size={AppFontSize.xs}
+                  >
+                    Discount code
+                  </Paragraph>
+                  <Paragraph
+                    size={AppFontSize.xxs}
+                    color={colors.primary.heading}
+                    fontFamily="SEMI_BOLD"
+                  >
+                    {code}
+                  </Paragraph>
+                </View>
+
+                <Button
+                  title={strings.copy()}
+                  type="accent"
+                  style={{
+                    paddingVertical: 0,
+                    height: "100%"
+                  }}
+                  onPress={() => {
+                    Clipboard.setString(code);
+                  }}
+                />
+              </View>
+
+              {item.codeRedeemUrl ? (
+                <Paragraph
+                  fontSize="XS"
+                  color={colors.primary.accent}
+                  fontFamily="MEDIUM"
+                  style={{
+                    textDecorationLine: "underline"
+                  }}
+                  onPress={() => {
+                    if (item.codeRedeemUrl) {
+                      openLinkInBrowser(
+                        item.codeRedeemUrl.replace("{{code}}", code)
+                      );
+                    }
+                  }}
+                >
+                  {strings.claimPromotion.clickHere()}{" "}
+                  <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                    {strings.claimPromotion.toClaim()}
+                  </Paragraph>
+                </Paragraph>
+              ) : null}
+            </>
+          )}
+        </>
+      ) : null}
+    </View>
+  );
+};
diff --git a/apps/mobile/app/screens/settings/components/picker/index.tsx b/apps/mobile/app/screens/settings/components/picker/index.tsx
new file mode 100644
index 000000000..4fe39a1f9
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/picker/index.tsx
@@ -0,0 +1,217 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { useThemeColors } from "@notesnook/theme";
+import React, { useRef, useState } from "react";
+import { View } from "react-native";
+import { Menu, MenuItem } from "react-native-material-menu";
+import Icon from "react-native-vector-icons/MaterialCommunityIcons";
+import { Dialog } from "../../../../components/dialog";
+import { Pressable } from "../../../../components/ui/pressable";
+import Paragraph from "../../../../components/ui/typography/paragraph";
+import { getColorLinearShade } from "../../../../utils/colors";
+import { AppFontSize, defaultBorderRadius } from "../../../../utils/size";
+import { DefaultAppStyles } from "../../../../utils/styles";
+import { verifyUser } from "../../verify-user";
+import { Button } from "../../../../components/ui/button";
+import { Radius, Spacing } from "../../../../common/design/spacing";
+
+type PickerType = "menu" | "buttons";
+
+interface PickerOptions<T, B = any> {
+  getValue: () => B;
+  updateValue: (item: T) => Promise<void>;
+  formatValue: (item: T) => any;
+  compareValue: (current: B, item: T) => boolean;
+  getItemKey: (item: T) => string;
+  options: T[];
+  isFeatureAvailable: () => Promise<boolean>;
+  isOptionAvailable: (item: T) => Promise<boolean>;
+  requiresVerification?: () => boolean;
+  onVerify?: () => Promise<boolean>;
+  pickerType?: PickerType;
+}
+
+export function SettingsPicker<T>({
+  getValue,
+  updateValue,
+  formatValue,
+  compareValue,
+  options,
+  getItemKey,
+  isFeatureAvailable,
+  isOptionAvailable,
+  requiresVerification = () => false,
+  onVerify,
+  pickerType = "buttons"
+}: PickerOptions<T>) {
+  const { colors, isDark } = useThemeColors("contextMenu");
+  const menuRef = useRef<any>(null);
+  const [width, setWidth] = useState(0);
+  const [currentValue, setCurrentValue] = useState(getValue());
+
+  const onChange = async (item: T) => {
+    if ((await isFeatureAvailable()) && (await isOptionAvailable(item))) {
+      menuRef.current?.hide();
+      await updateValue(item);
+      setCurrentValue(item);
+      return;
+    }
+
+    menuRef.current?.hide();
+    await updateValue(item);
+    setCurrentValue(item);
+  };
+
+  return (
+    <View
+      onLayout={(event) => {
+        setWidth(event.nativeEvent.layout.width);
+      }}
+      style={{
+        width: "100%"
+      }}
+    >
+      {pickerType === "buttons" ? (
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "center",
+            flexWrap: "wrap",
+            gap: Spacing.LEVEL_1
+          }}
+        >
+          {options.map((item) => (
+            <Button
+              key={`option-${getItemKey(item)}`}
+              title={formatValue(item)}
+              fontSize={AppFontSize.sm}
+              fontFamily="REGULAR"
+              type={
+                compareValue(currentValue, item)
+                  ? "shade-plain"
+                  : "secondary-outline"
+              }
+              onPress={() => {
+                onChange(item);
+              }}
+              style={{
+                paddingVertical: Spacing.LEVEL_1,
+                paddingHorizontal: Spacing.LEVEL_1,
+                borderRadius: Radius.XS
+              }}
+            />
+          ))}
+        </View>
+      ) : null}
+
+      {pickerType === "menu" ? (
+        <Menu
+          ref={menuRef}
+          animationDuration={200}
+          style={{
+            borderRadius: defaultBorderRadius,
+            backgroundColor: colors.primary.background,
+            width: width,
+            marginTop: 60,
+            overflow: "hidden",
+            borderWidth: 0.7,
+            borderColor: getColorLinearShade(
+              colors.primary.background,
+              0.07,
+              isDark
+            )
+          }}
+          onRequestClose={() => {
+            menuRef.current?.hide();
+          }}
+          anchor={
+            <Pressable
+              onPress={async () => {
+                if (
+                  (onVerify && !(await onVerify())) ||
+                  !(await isFeatureAvailable())
+                )
+                  return;
+                menuRef.current?.show();
+              }}
+              type="secondary"
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                width: "100%",
+                justifyContent: "space-between",
+                paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+                paddingHorizontal: DefaultAppStyles.GAP
+              }}
+            >
+              <Paragraph>{formatValue(currentValue)}</Paragraph>
+              <Icon
+                color={colors.primary.icon}
+                name="menu-down"
+                size={AppFontSize.md}
+              />
+            </Pressable>
+          }
+        >
+          <Dialog context="local" />
+
+          {options.map((item) => (
+            <MenuItem
+              key={getItemKey(item)}
+              onPress={async () => {
+                if (requiresVerification?.()) {
+                  verifyUser("local", () => {
+                    onChange(item);
+                  });
+                } else {
+                  onChange(item);
+                }
+              }}
+              pressColor={colors.primary.hover}
+              style={{
+                backgroundColor: compareValue(currentValue, item)
+                  ? colors.selected.background
+                  : "transparent",
+                width: "100%",
+                maxWidth: width
+              }}
+              textStyle={{
+                fontSize: AppFontSize.sm,
+                fontFamily: "Inter-Regular",
+                color: compareValue(currentValue, item)
+                  ? colors.primary.accent
+                  : colors.primary.paragraph
+              }}
+            >
+              {formatValue(item)}
+            </MenuItem>
+          ))}
+        </Menu>
+      ) : null}
+    </View>
+  );
+}
+
+export function createSettingsPicker<T, B>(props: PickerOptions<T, B>) {
+  const Selector = () => {
+    return <SettingsPicker {...props} />;
+  };
+  return Selector;
+}
diff --git a/apps/mobile/app/screens/settings/picker/pickers.tsx b/apps/mobile/app/screens/settings/components/picker/pickers.tsx
similarity index 67%
rename from apps/mobile/app/screens/settings/picker/pickers.tsx
rename to apps/mobile/app/screens/settings/components/picker/pickers.tsx
index e5a103cd3..ad32d986a 100644
--- a/apps/mobile/app/screens/settings/picker/pickers.tsx
+++ b/apps/mobile/app/screens/settings/components/picker/pickers.tsx
@@ -18,26 +18,26 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
 import {
-  DATE_FORMATS,
   DayFormat,
   TIME_FORMATS,
   TimeFormat,
-  TrashCleanupInterval,
   WeekFormat
 } from "@notesnook/core";
 import { getFontById, getFonts } from "@notesnook/editor/dist/cjs/utils/font";
 import dayjs from "dayjs";
 import { createSettingsPicker } from ".";
-import { db } from "../../../common/database";
-import { ToastManager } from "../../../services/event-manager";
-import SettingsService from "../../../services/settings";
-import { Settings, useSettingStore } from "../../../stores/use-setting-store";
-import { useUserStore } from "../../../stores/use-user-store";
-import { MenuItemsList } from "../../../utils/menu-items";
-import { verifyUserWithApplock } from "../functions";
+import { db } from "../../../../common/database";
+import { ToastManager } from "../../../../services/event-manager";
+import SettingsService from "../../../../services/settings";
+import {
+  Settings,
+  useSettingStore
+} from "../../../../stores/use-setting-store";
+import { useUserStore } from "../../../../stores/use-user-store";
+import { MenuItemsList } from "../../../../utils/menu-items";
 import { strings } from "@notesnook/intl";
 import { isFeatureAvailable } from "@notesnook/common";
-import PaywallSheet from "../../../components/sheets/paywall";
+import PaywallSheet from "../../../../components/sheets/paywall";
 
 const DAY_FORMATS = ["short", "long"];
 const DayFormatFormats = {
@@ -128,56 +128,6 @@ export const SidebarTabPicker = createSettingsPicker({
   isOptionAvailable: async () => true
 });
 
-export const TrashIntervalPicker = createSettingsPicker({
-  getValue: () => db.settings.getTrashCleanupInterval(),
-  updateValue: async (item) => {
-    db.settings.setTrashCleanupInterval(item);
-  },
-  formatValue: (item) => {
-    return item === -1
-      ? strings.never()
-      : item === 1
-        ? strings.reminderRecurringMode.day()
-        : strings.days(item);
-  },
-  getItemKey: (item) => item.toString(),
-  options: [-1, 1, 7, 30, 365] as TrashCleanupInterval[],
-  compareValue: (current, item) => current === item,
-  isFeatureAvailable: async () => true,
-  isOptionAvailable: async () => {
-    const disableTrashFeature = await isFeatureAvailable("disableTrashCleanup");
-    if (!disableTrashFeature.isAllowed) {
-      ToastManager.show({
-        message: disableTrashFeature.error,
-        type: "info",
-        actionText: strings.upgrade(),
-        func: () => {
-          PaywallSheet.present(disableTrashFeature);
-        }
-      });
-    }
-    return disableTrashFeature.isAllowed;
-  }
-});
-
-export const DateFormatPicker = createSettingsPicker({
-  getValue: () => db.settings.getDateFormat(),
-  updateValue: async (item) => {
-    db.settings.setDateFormat(item);
-    useSettingStore.setState({
-      dateFormat: item
-    });
-  },
-  formatValue: (item) => {
-    return `${item} (${dayjs().format(item)})`;
-  },
-  getItemKey: (item) => item,
-  options: DATE_FORMATS,
-  compareValue: (current, item) => current === item,
-  isFeatureAvailable: async () => true,
-  isOptionAvailable: async () => true
-});
-
 export const DayFormatPicker = createSettingsPicker({
   getValue: () => db.settings.getDayFormat(),
   updateValue: async (item) => {
@@ -249,7 +199,7 @@ export const BackupReminderPicker = createSettingsPicker<
     return item === "useroff" ? strings.off() : strings[item]?.();
   },
   getItemKey: (item) => item,
-  options: ["useroff", "daily", "weekly", "monthly"],
+  options: ["daily", "weekly", "monthly", "useroff"],
   compareValue: (current, item) => current === item,
   requiresVerification: () => {
     return (
@@ -273,7 +223,7 @@ export const BackupWithAttachmentsReminderPicker = createSettingsPicker({
       : item.slice(0, 1).toUpperCase() + item.slice(1);
   },
   getItemKey: (item) => item,
-  options: ["never", "weekly", "monthly"] as Settings["fullBackupReminder"][],
+  options: ["weekly", "monthly", "never"] as Settings["fullBackupReminder"][],
   compareValue: (current, item) => current === item,
   requiresVerification: () => {
     return (
@@ -285,61 +235,6 @@ export const BackupWithAttachmentsReminderPicker = createSettingsPicker({
   isOptionAvailable: async () => true
 });
 
-export const ApplockTimerPicker = createSettingsPicker({
-  getValue: () => useSettingStore.getState().settings.appLockTimer,
-  updateValue: async (item) => {
-    SettingsService.set({ appLockTimer: item });
-  },
-  formatValue: (item) => {
-    return item === -1
-      ? strings.never()
-      : item === 0 || item === undefined
-        ? strings.immediately()
-        : item === 1
-          ? strings.minutes(1)
-          : strings.minutes(item);
-  },
-  getItemKey: (item) => item.toString(),
-  options: [-1, 0, 1, 5, 15, 30],
-  compareValue: (current, item) => current === item,
-  onVerify: () => {
-    return verifyUserWithApplock();
-  },
-  isFeatureAvailable: async () => true,
-  isOptionAvailable: async () => true
-});
-
-export const VaultLockTimerPicker = createSettingsPicker({
-  getValue: () => useSettingStore.getState().vaultLockAfter,
-  updateValue: async (item) => {
-    await db.settings.setVaultLockAfter(item);
-    useSettingStore.setState({
-      vaultLockAfter: item
-    });
-  },
-  formatValue: (item) => {
-    return item === -1
-      ? strings.never()
-      : item < 1000 * 60 * 60
-        ? strings.minutes(item / (1000 * 60))
-        : strings.hours(item / (1000 * 60 * 60));
-  },
-  getItemKey: (item) => item.toString(),
-  options: [
-    1000 * 60 * 1,
-    1000 * 60 * 5,
-    1000 * 60 * 10,
-    1000 * 60 * 15,
-    1000 * 60 * 30,
-    1000 * 60 * 45,
-    1000 * 60 * 60,
-    -1
-  ],
-  compareValue: (current, item) => current === item,
-  isFeatureAvailable: async () => true,
-  isOptionAvailable: async () => true
-});
-
 export const ImageCompressionPicker = createSettingsPicker({
   getValue: () => useSettingStore.getState().settings.imageCompression,
   updateValue: async (item) => {
@@ -347,9 +242,9 @@ export const ImageCompressionPicker = createSettingsPicker({
   },
   formatValue: (item) => {
     return item === "ask-every-time"
-      ? strings.askEveryTime()
+      ? strings.alwaysAsk()
       : item === "enabled"
-        ? strings.enableRecommended()
+        ? strings.enable()
         : strings.disable();
   },
   getItemKey: (item) => item,
diff --git a/apps/mobile/app/screens/settings/components/server-config.tsx b/apps/mobile/app/screens/settings/components/server-config.tsx
new file mode 100644
index 000000000..f7252258d
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/server-config.tsx
@@ -0,0 +1,247 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { isServerCompatible } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useState } from "react";
+import { View } from "react-native";
+import { presentDialog } from "../../../components/dialog/functions";
+import { Button } from "../../../components/ui/button";
+import Input from "../../../components/ui/input";
+import { Notice } from "../../../components/ui/notice";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { ToastManager } from "../../../services/event-manager";
+import SettingsService from "../../../services/settings";
+import { HostId, HostIds } from "../../../stores/use-setting-store";
+import { useUserStore } from "../../../stores/use-user-store";
+import { DefaultAppStyles } from "../../../utils/styles";
+import { Spacing } from "../../../common/design/spacing";
+
+export const ServerIds = [
+  "notesnook-sync",
+  "auth",
+  "sse",
+  "monograph"
+] as const;
+export type ServerId = (typeof ServerIds)[number];
+type Server = {
+  id: ServerId;
+  host: HostId;
+  title: string;
+  example: string;
+  description: string;
+  versionEndpoint: string;
+};
+type VersionResponse = {
+  version: number;
+  id: string;
+  instance: string;
+};
+const SERVERS: Server[] = [
+  {
+    id: "notesnook-sync",
+    host: "API_HOST",
+    title: strings.syncServer(),
+    example: "http://localhost:4326",
+    description: strings.syncServerDesc(),
+    versionEndpoint: "/version"
+  },
+  {
+    id: "auth",
+    host: "AUTH_HOST",
+    title: strings.authServer(),
+    example: "http://localhost:5326",
+    description: strings.authServerDesc(),
+    versionEndpoint: "/version"
+  },
+  {
+    id: "sse",
+    host: "SSE_HOST",
+    title: strings.sseServer(),
+    example: "http://localhost:7326",
+    description: strings.sseServerDesc(),
+    versionEndpoint: "/version"
+  },
+  {
+    id: "monograph",
+    host: "MONOGRAPH_HOST",
+    title: strings.monographServer(),
+    example: "http://localhost:6326",
+    description: strings.monographServerDesc(),
+    versionEndpoint: "/api/version"
+  }
+];
+export function ServersConfiguration() {
+  const { colors } = useThemeColors();
+  const [error, setError] = useState<string>();
+  const [success, setSuccess] = useState<boolean>();
+  const [urls, setUrls] = useState<Partial<Record<HostId, string>>>(
+    SettingsService.getProperty("serverUrls") || {}
+  );
+  const isLoggedIn = useUserStore((state) => !!state.user);
+
+  return (
+    <View
+      style={{
+        paddingHorizontal: DefaultAppStyles.GAP,
+        gap: Spacing.LEVEL_2
+      }}
+    >
+      {isLoggedIn ? (
+        <Notice text={strings.logoutToChangeServerUrls()} type="information" />
+      ) : null}
+
+      {!isLoggedIn ? (
+        <View style={{ flexDirection: "column", gap: Spacing.LEVEL_2 }}>
+          {SERVERS.map((server) => (
+            <Input
+              key={server.id}
+              editable={!isLoggedIn}
+              containerStyle={{
+                borderWidth: 0,
+                backgroundColor: colors.secondary.background
+              }}
+              placeholder={`${server.id} e.g. ${server.example}`}
+              validationType="url"
+              defaultValue={urls[server.host]}
+              errorMessage={strings.enterValidUrl()}
+              onChangeText={(value) =>
+                setUrls((s) => {
+                  s[server.host] = value;
+                  return s;
+                })
+              }
+            />
+          ))}
+
+          {error ? (
+            <Paragraph
+              style={{
+                paddingVertical: DefaultAppStyles.GAP_VERTICAL
+              }}
+              color={colors.error.paragraph}
+            >
+              {error}
+            </Paragraph>
+          ) : null}
+
+          {success === true ? (
+            <Paragraph
+              style={{
+                paddingVertical: DefaultAppStyles.GAP_VERTICAL
+              }}
+              color={colors.success.paragraph}
+            >
+              {strings.connectedToServer()}
+            </Paragraph>
+          ) : null}
+
+          <View
+            style={{
+              marginTop: 1,
+              justifyContent: "flex-end",
+              gap: Spacing.LEVEL_2
+            }}
+          >
+            <Button
+              disabled={isLoggedIn}
+              type="secondary"
+              width="100%"
+              onPress={async () => {
+                setError(undefined);
+                try {
+                  for (const host of HostIds) {
+                    const url = urls[host];
+                    const server = SERVERS.find((s) => s.host === host)!;
+                    if (!server) throw new Error(strings.serverNotFound(host));
+                    if (!url) throw new Error(strings.allServerUrlsRequired());
+                    const version = await fetch(
+                      `${url}${server.versionEndpoint}`
+                    )
+                      .then((r) => r.json() as Promise<VersionResponse>)
+                      .catch(() => undefined);
+                    if (!version)
+                      throw new Error(
+                        `${strings.couldNotConnectTo(server.title)}`
+                      );
+                    if (version.id !== server.id)
+                      throw new Error(
+                        `${strings.incorrectServerUrl(url, server.title)}.`
+                      );
+                    if (!isServerCompatible(version.version)) {
+                      throw new Error(
+                        strings.serverVersionMismatch(server.title, url)
+                      );
+                    }
+                  }
+                  setSuccess(true);
+                } catch (e) {
+                  setError((e as Error).message);
+                }
+              }}
+              title={strings.testConnection()}
+            />
+
+            <Button
+              type="accent"
+              disabled={isLoggedIn}
+              width="100%"
+              onPress={async () => {
+                if (!success) {
+                  ToastManager.show({
+                    heading: strings.testConnectionBeforeSave()
+                  });
+                  return;
+                }
+                SettingsService.setProperty(
+                  "serverUrls",
+                  urls as Record<HostId, string>
+                );
+
+                presentDialog({
+                  title: strings.serverUrlChanged(),
+                  paragraph: strings.restartAppToTakeEffect(),
+                  negativeText: strings.done()
+                });
+              }}
+              title={strings.save()}
+            />
+
+            <Button
+              disabled={isLoggedIn}
+              type="error"
+              width="100%"
+              title={strings.resetServerUrls()}
+              onPress={async () => {
+                if (isLoggedIn) return;
+                SettingsService.setProperty("serverUrls", undefined);
+                presentDialog({
+                  title: strings.serverUrlsReset(),
+                  paragraph: strings.restartAppToTakeEffect(),
+                  negativeText: strings.done()
+                });
+              }}
+            />
+          </View>
+        </View>
+      ) : null}
+    </View>
+  );
+}
diff --git a/apps/mobile/app/screens/settings/sound-picker.tsx b/apps/mobile/app/screens/settings/components/sound-picker.tsx
similarity index 89%
rename from apps/mobile/app/screens/settings/sound-picker.tsx
rename to apps/mobile/app/screens/settings/components/sound-picker.tsx
index d0e8de483..cbdedf2b9 100644
--- a/apps/mobile/app/screens/settings/sound-picker.tsx
+++ b/apps/mobile/app/screens/settings/components/sound-picker.tsx
@@ -24,16 +24,16 @@ import NotificationSounds, {
   stopSampleSound
 } from "react-native-notification-sounds";
 import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { IconButton } from "../../components/ui/icon-button";
-import { Pressable } from "../../components/ui/pressable";
-import Paragraph from "../../components/ui/typography/paragraph";
-import Notifications from "../../services/notifications";
-import SettingsService from "../../services/settings";
-import { useSettingStore } from "../../stores/use-setting-store";
+import { IconButton } from "../../../components/ui/icon-button";
+import { Pressable } from "../../../components/ui/pressable";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import Notifications from "../../../services/notifications";
+import SettingsService from "../../../services/settings";
+import { useSettingStore } from "../../../stores/use-setting-store";
 import { useThemeColors } from "@notesnook/theme";
-import { AppFontSize } from "../../utils/size";
+import { AppFontSize } from "../../../utils/size";
 import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../utils/styles";
+import { DefaultAppStyles } from "../../../utils/styles";
 
 const SoundItem = ({
   playingSoundId,
diff --git a/apps/mobile/app/screens/settings/components/theme-selector.tsx b/apps/mobile/app/screens/settings/components/theme-selector.tsx
new file mode 100644
index 000000000..10b282f96
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/theme-selector.tsx
@@ -0,0 +1,1124 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import { LegendList } from "@legendapp/list";
+import { strings } from "@notesnook/intl";
+import {
+  THEME_COMPATIBILITY_VERSION,
+  ThemeDefinition,
+  getPreviewColors,
+  useThemeColors,
+  validateTheme
+} from "@notesnook/theme";
+import type {
+  CompiledThemeDefinition,
+  ThemeMetadata,
+  ThemesRouter
+} from "@notesnook/themes-server";
+import Clipboard from "@react-native-clipboard/clipboard";
+import { keepLocalCopy, pick } from "@react-native-documents/picker";
+import {
+  QueryClient,
+  QueryClientProvider,
+  notifyManager
+} from "@tanstack/react-query";
+import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
+import { createTRPCReact } from "@trpc/react-query";
+import React, { useRef, useState } from "react";
+import {
+  ActivityIndicator,
+  Linking,
+  View,
+  useWindowDimensions
+} from "react-native";
+import ReactNativeBlobUtil from "react-native-blob-util";
+import { DatabaseLogger, db } from "../../../common/database";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { santizeUri } from "../../../common/filesystem/utils";
+import SheetProvider from "../../../components/sheet-provider";
+import AppIcon from "../../../components/ui/AppIcon";
+import { Button } from "../../../components/ui/button";
+import Input from "../../../components/ui/input";
+import { Pressable } from "../../../components/ui/pressable";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { ToastManager, presentSheet } from "../../../services/event-manager";
+import { useThemeStore } from "../../../stores/use-theme-store";
+import { getElevationStyle } from "../../../utils/elevation";
+import { openLinkInBrowser } from "../../../utils/functions";
+import { AppFontSize } from "../../../utils/size";
+
+const THEME_SERVER_URL = "https://themes-api.notesnook.com";
+//@ts-ignore
+export const themeTrpcClient = createTRPCProxyClient<ThemesRouter>({
+  links: [
+    httpBatchLink({
+      url: THEME_SERVER_URL
+    })
+  ]
+});
+
+const THEME_CARD_HEIGHT = 193;
+const THEME_CARD_PREVIEW_HEIGHT = 154;
+const THEME_CARD_CHECK_SIZE = 24;
+const THEME_CARD_PREVIEW_PADDING = 19;
+const THEME_CARD_ROW_OFFSET = 10;
+
+function ThemeCard({
+  item,
+  width,
+  selected,
+  onPress,
+  colors
+}: {
+  item: ThemeMetadata;
+  width: number;
+  selected: boolean;
+  onPress: () => void;
+  colors: ReturnType<typeof useThemeColors>["colors"];
+}) {
+  const previewColors =
+    item.previewColors || getPreviewColors(item as unknown as ThemeDefinition);
+
+  const previewWidth = width - THEME_CARD_PREVIEW_PADDING * 2;
+  const menuWidth = previewWidth * 0.336;
+  const noteWidth = previewWidth - menuWidth;
+  const previewSurfaceColor = selected
+    ? colors.selected.background
+    : colors.primary.background;
+
+  return (
+    <Pressable
+      onPress={onPress}
+      type="transparent"
+      style={{
+        width: width,
+        gap: Spacing.LEVEL_2,
+        alignItems: "flex-start",
+        paddingTop: selected ? THEME_CARD_ROW_OFFSET : 0,
+        backgroundColor: "transparent",
+        paddingHorizontal: 0,
+        paddingVertical: 0,
+        borderWidth: 0,
+        marginTop: Spacing.LEVEL_3
+      }}
+    >
+      <View
+        style={{
+          width,
+          height: THEME_CARD_HEIGHT,
+          borderRadius: Radius.MD,
+          borderWidth: 1,
+          borderColor: selected
+            ? colors.primary.accent
+            : colors.primary.separator,
+          backgroundColor: previewSurfaceColor,
+          paddingTop: selected ? THEME_CARD_ROW_OFFSET : 0,
+          overflow: "visible",
+          ...getElevationStyle(3)
+        }}
+      >
+        <View
+          style={{
+            marginHorizontal: THEME_CARD_PREVIEW_PADDING,
+            marginTop: selected
+              ? THEME_CARD_PREVIEW_PADDING - THEME_CARD_ROW_OFFSET
+              : THEME_CARD_PREVIEW_PADDING,
+            height: THEME_CARD_PREVIEW_HEIGHT,
+            borderRadius: 10,
+            overflow: "hidden",
+            flexDirection: "row"
+          }}
+        >
+          <View
+            style={{
+              height: "100%",
+              width: menuWidth,
+              backgroundColor: previewColors.navigationMenu.background,
+              borderTopLeftRadius: 10,
+              borderBottomLeftRadius: 10,
+              paddingTop: 11
+            }}
+          >
+            {[
+              {
+                width: 15,
+                height: 4
+              },
+              {
+                width: 19,
+                height: 4
+              },
+              {
+                width: 19,
+                height: 4
+              },
+              {
+                width: 15,
+                height: 4
+              }
+            ].map((menuItem, index) => (
+              <View
+                key={"menu-placeholder-" + menuItem.width}
+                style={{
+                  height: 6,
+                  width: "100%",
+                  borderRadius: Radius.XXS,
+                  paddingHorizontal: 3,
+                  flexDirection: "row",
+                  alignItems: "center",
+                  marginBottom: 2.3
+                }}
+              >
+                <View
+                  style={{
+                    height: 4,
+                    width: menuItem.width,
+                    backgroundColor:
+                      index === 0
+                        ? previewColors.navigationMenu.accent
+                        : previewColors.border,
+                    borderRadius: Radius.XXS,
+                    marginLeft: 3
+                  }}
+                />
+              </View>
+            ))}
+          </View>
+
+          <View
+            style={{
+              height: "100%",
+              width: noteWidth,
+              backgroundColor: previewColors.list.background,
+              borderTopRightRadius: 10,
+              borderBottomRightRadius: 10,
+              paddingTop: 11,
+              paddingHorizontal: 4,
+              paddingRight: 6
+            }}
+          >
+            <View
+              style={{
+                height: 12,
+                width: "100%",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                alignItems: "center"
+              }}
+            >
+              <View
+                style={{
+                  height: 4,
+                  width: 15,
+                  backgroundColor: previewColors.paragraph,
+                  opacity: 0.8,
+                  borderRadius: 100
+                }}
+              />
+
+              <View
+                style={{
+                  height: 5,
+                  width: 5,
+                  backgroundColor: previewColors.paragraph,
+                  opacity: 0.8,
+                  borderRadius: 100
+                }}
+              />
+            </View>
+
+            <View
+              style={{
+                marginTop: Spacing.LEVEL_0,
+                gap: Spacing.LEVEL_0 - 1
+              }}
+            >
+              <View
+                style={{
+                  width: "72%",
+                  height: 4,
+                  borderRadius: Radius.XXS,
+                  backgroundColor: previewColors.paragraph,
+                  opacity: 0.4
+                }}
+              />
+              <View
+                style={{
+                  width: "72%",
+                  height: 4,
+                  borderRadius: Radius.XXS,
+                  backgroundColor: previewColors.paragraph,
+                  opacity: 0.4
+                }}
+              />
+              <View
+                style={{
+                  width: "58%",
+                  height: 4,
+                  borderRadius: Radius.XXS,
+                  backgroundColor: previewColors.paragraph,
+                  opacity: 0.4
+                }}
+              />
+            </View>
+          </View>
+
+          <View
+            style={{
+              position: "absolute",
+              right: 4,
+              bottom: 4,
+              borderRadius: 10,
+              paddingHorizontal: Spacing.LEVEL_0,
+              paddingVertical: Spacing.LEVEL_0,
+              backgroundColor:
+                item.colorScheme === "dark"
+                  ? previewColors.list.background
+                  : previewColors.navigationMenu.background
+            }}
+          >
+            <Paragraph
+              size={AppFontSize.xxs}
+              color={
+                item.colorScheme === "dark"
+                  ? previewColors.navigationMenu.accent
+                  : previewColors.paragraph
+              }
+            >
+              {item.colorScheme === "dark"
+                ? strings.dark().toUpperCase()
+                : strings.light().toUpperCase()}
+            </Paragraph>
+          </View>
+        </View>
+
+        {selected ? (
+          <View
+            style={{
+              position: "absolute",
+              top: -THEME_CARD_ROW_OFFSET,
+              right: Spacing.LEVEL_0,
+              width: THEME_CARD_CHECK_SIZE,
+              height: THEME_CARD_CHECK_SIZE,
+              borderRadius: THEME_CARD_CHECK_SIZE / 2,
+              backgroundColor: colors.primary.accent,
+              alignItems: "center",
+              justifyContent: "center"
+            }}
+          >
+            <AppIcon
+              name="check"
+              size={16}
+              color={colors.primary.accentForeground}
+            />
+          </View>
+        ) : null}
+      </View>
+
+      <View style={{ gap: Spacing.LEVEL_0 + 2 }}>
+        <Heading fontSize="SM" lineHeight="100%" color={colors.primary.heading}>
+          {item.name}
+        </Heading>
+        <Paragraph
+          fontSize="XS"
+          lineHeight="120%"
+          color={colors.primary.paragraph}
+        >
+          {strings.by()} {item.authors?.[0].name}
+        </Paragraph>
+      </View>
+    </Pressable>
+  );
+}
+notifyManager.setBatchNotifyFunction((cb) => cb());
+notifyManager.setNotifyFunction((cb) => cb());
+function ThemeSelector() {
+  const [darkTheme, lightTheme] = useThemeStore((state) => [
+    state.darkTheme,
+    state.lightTheme
+  ]);
+
+  const { width: screenWidth } = useWindowDimensions();
+  const { colors } = useThemeColors();
+  const [searchQuery, setSearchQuery] = useState<string>();
+  const [colorScheme, setColorScheme] = useState<"all" | "dark" | "light">(
+    "all"
+  );
+
+  const filters = [];
+  if (searchQuery) filters.push({ type: "term" as const, value: searchQuery });
+  if (colorScheme !== "all")
+    filters.push({ type: "colorScheme" as const, value: colorScheme });
+  const resetTimer = useRef<NodeJS.Timeout>(undefined);
+
+  const themes = trpc.themes.useInfiniteQuery(
+    {
+      limit: 10,
+      compatibilityVersion: THEME_COMPATIBILITY_VERSION,
+      filters
+    },
+    {
+      keepPreviousData: true,
+      getNextPageParam: (lastPage) => lastPage.nextCursor
+    }
+  );
+
+  if (themes?.isError) {
+    DatabaseLogger.error(
+      new Error(themes.error.message),
+      "themes loading error",
+      themes.error?.data || undefined
+    );
+  }
+
+  const select = (item: Partial<ThemeMetadata>, fromFile?: boolean) => {
+    presentSheet({
+      context: "theme-details",
+      component: (ref, close) => (
+        <ThemeSetter close={close} theme={item} fromFile={fromFile} />
+      )
+    });
+  };
+
+  const renderItem = ({
+    item,
+    index
+  }: {
+    item: ThemeMetadata;
+    index: number;
+  }) => {
+    const cardWidth =
+      (screenWidth - (Spacing.LEVEL_3 * 2 + Spacing.LEVEL_2)) / 2;
+    const isSelected = darkTheme.id === item.id || lightTheme.id === item.id;
+
+    return (
+      <ThemeCard
+        item={item}
+        width={cardWidth}
+        selected={isSelected}
+        onPress={() => select(item)}
+        colors={colors}
+      />
+    );
+  };
+
+  const onSearch = (text: string) => {
+    clearTimeout(resetTimer.current);
+    resetTimer.current = setTimeout(() => {
+      setSearchQuery(text);
+    }, 400);
+  };
+
+  function getThemes(): ThemeMetadata[] {
+    const pages = themes.data?.pages;
+
+    return (
+      pages
+        ?.map((page) => {
+          return page.themes;
+        })
+        .flat()
+        .filter((theme) =>
+          searchQuery && searchQuery !== ""
+            ? colorScheme === "all" || colorScheme === theme.colorScheme
+            : darkTheme.id !== theme.id &&
+              lightTheme.id !== theme.id &&
+              (colorScheme === "all" || colorScheme === theme.colorScheme)
+        ) || []
+    );
+  }
+
+  return (
+    <>
+      <SheetProvider context="theme-details" />
+      <View
+        style={{
+          flex: 1
+        }}
+      >
+        <View
+          style={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            marginBottom: Spacing.LEVEL_2,
+            paddingTop: Spacing.LEVEL_0,
+            gap: Spacing.LEVEL_2
+          }}
+        >
+          <Input
+            onChangeText={onSearch}
+            placeholder={strings.searchThemes()}
+            containerStyle={{
+              paddingLeft: Spacing.LEVEL_2,
+              paddingRight: Spacing.LEVEL_2,
+              backgroundColor: colors.secondary.background,
+              borderWidth: 0
+            }}
+            button={{
+              icon: "search",
+              size: 16,
+              iconFamily: "notesnook",
+              color: colors.primary.icon,
+              onPress: () => {}
+            }}
+          />
+
+          <View
+            style={{
+              marginVertical: Spacing.LEVEL_0,
+              borderBottomWidth: 1,
+              borderColor: colors.primary.separator
+            }}
+          />
+
+          <View
+            style={{
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+              gap: Spacing.LEVEL_2
+            }}
+          >
+            <View
+              style={{
+                flexDirection: "row",
+                gap: Spacing.LEVEL_1
+              }}
+            >
+              <Button
+                style={{
+                  borderRadius: Radius.XXL,
+                  paddingHorizontal: 14,
+                  paddingVertical: 10
+                }}
+                type={
+                  colorScheme === "all" || !colorScheme
+                    ? "selected"
+                    : "plain-outline"
+                }
+                textStyle={{
+                  color:
+                    colorScheme === "all"
+                      ? colors.secondary.paragraph
+                      : colors.primary.paragraph
+                }}
+                title={strings.all()}
+                fontSize={AppFontSize.sm}
+                onPress={() => {
+                  setColorScheme("all");
+                }}
+              />
+              <Button
+                style={{
+                  borderRadius: Radius.XXL,
+                  paddingHorizontal: 14,
+                  paddingVertical: 10
+                }}
+                type={colorScheme === "dark" ? "selected" : "plain-outline"}
+                textStyle={{
+                  color:
+                    colorScheme === "dark"
+                      ? colors.secondary.paragraph
+                      : colors.primary.paragraph
+                }}
+                title={strings.dark()}
+                fontSize={AppFontSize.sm}
+                onPress={() => {
+                  setColorScheme("dark");
+                }}
+              />
+              <Button
+                style={{
+                  borderRadius: Radius.XXL,
+                  paddingHorizontal: 14,
+                  paddingVertical: 10
+                }}
+                fontSize={AppFontSize.sm}
+                type={colorScheme === "light" ? "selected" : "plain-outline"}
+                textStyle={{
+                  color:
+                    colorScheme === "light"
+                      ? colors.secondary.paragraph
+                      : colors.primary.paragraph
+                }}
+                title={strings.light()}
+                onPress={() => {
+                  setColorScheme("light");
+                }}
+              />
+            </View>
+
+            <Button
+              title={strings.loadFromFile()}
+              style={{
+                borderRadius: Radius.XS,
+                paddingHorizontal: Spacing.LEVEL_2,
+                paddingVertical: Spacing.LEVEL_2,
+                minWidth: 123
+              }}
+              type={"accent-outline"}
+              fontSize={AppFontSize.sm}
+              onPress={async () => {
+                try {
+                  const pickResponse = await pick({
+                    allowMultiSelection: false
+                  });
+                  const copiedFile = await keepLocalCopy({
+                    destination: "cachesDirectory",
+                    files: [
+                      {
+                        uri: pickResponse[0].uri,
+                        fileName: pickResponse[0].name || "theme.json"
+                      }
+                    ]
+                  });
+                  if (copiedFile[0].status !== "success") return;
+
+                  const themeJsonCopiedPath = santizeUri(
+                    copiedFile[0].localUri
+                  );
+
+                  const themeJson = await ReactNativeBlobUtil.fs.readFile(
+                    themeJsonCopiedPath,
+                    "utf8"
+                  );
+                  ReactNativeBlobUtil.fs
+                    .unlink(themeJsonCopiedPath)
+                    .catch(() => {});
+                  let json;
+                  try {
+                    json = JSON.parse(themeJson);
+                  } catch (e) {
+                    ToastManager.show({
+                      heading: strings.invalidThemeFileFormat(),
+                      type: "error",
+                      context: "global",
+                      actionText: strings.learnMore(),
+                      func: () => {
+                        openLinkInBrowser(
+                          "https://help.notesnook.com/custom-themes/introduction"
+                        );
+                      }
+                    });
+                    return;
+                  }
+                  const result = validateTheme(json);
+
+                  if (result.error) {
+                    if (
+                      typeof result.error === "string" &&
+                      result.error.includes("missing from the theme")
+                    ) {
+                      ToastManager.show({
+                        heading: strings.themeMissingRequiredFields(),
+                        type: "error",
+                        context: "global",
+                        actionText: strings.copyLogs(),
+                        func: () => {
+                          Clipboard.setString(result.error || "");
+                          ToastManager.show({
+                            heading: strings.logsCopied(),
+                            type: "success",
+                            context: "global"
+                          });
+                        }
+                      });
+                    } else {
+                      ToastManager.error(new Error(result.error));
+                    }
+
+                    return;
+                  }
+                  select(json, true);
+                } catch (e) {
+                  if ((e as Error).message.includes("Code=3072")) {
+                    return;
+                  }
+                  ToastManager.error(e as Error);
+                }
+              }}
+            />
+          </View>
+        </View>
+
+        <LegendList
+          numColumns={2}
+          contentContainerStyle={{
+            paddingHorizontal: Spacing.LEVEL_2,
+            paddingBottom: Spacing.LEVEL_4,
+            marginTop: -Spacing.LEVEL_0
+          }}
+          data={
+            themes.isLoading || themes.isError
+              ? []
+              : [
+                  ...(colorScheme === "dark" ||
+                  (searchQuery && searchQuery !== "")
+                    ? []
+                    : [lightTheme as unknown as ThemeMetadata]),
+                  ...(colorScheme === "light" ||
+                  (searchQuery && searchQuery !== "")
+                    ? []
+                    : [darkTheme as unknown as ThemeMetadata]),
+                  ...getThemes()
+                ]
+          }
+          ListEmptyComponent={
+            <View
+              style={{
+                height: 100,
+                width: screenWidth - Spacing.LEVEL_3 * 2,
+                justifyContent: "center",
+                alignItems: "center"
+              }}
+            >
+              {themes.isLoading ? (
+                <ActivityIndicator color={colors.primary.accent} />
+              ) : searchQuery ? (
+                <Paragraph color={colors.secondary.paragraph}>
+                  {strings.noResultsForSearch(searchQuery)}
+                </Paragraph>
+              ) : (
+                <Paragraph>{strings.noThemesFound()}.</Paragraph>
+              )}
+            </View>
+          }
+          ListFooterComponent={
+            <View
+              style={{
+                height: 100,
+                width: screenWidth - Spacing.LEVEL_3 * 2,
+                justifyContent: "center",
+                alignItems: "center"
+              }}
+            >
+              {themes.isError ? (
+                <Paragraph color={colors.error.paragraph}>
+                  {strings.errorLoadingThemes()}. {themes.error.message}.
+                </Paragraph>
+              ) : (themes.isLoading || themes.isFetching) &&
+                getThemes().length ? (
+                <ActivityIndicator color={colors.primary.accent} />
+              ) : null}
+            </View>
+          }
+          estimatedItemSize={260}
+          renderItem={renderItem}
+          keyExtractor={(item) => item.id}
+          onEndReachedThreshold={0.1}
+          onEndReached={() => {
+            themes.fetchNextPage();
+          }}
+        />
+      </View>
+    </>
+  );
+}
+
+const trpc = createTRPCReact<ThemesRouter>();
+export default function ThemeSelectorWithQueryClient() {
+  const [queryClient] = useState(() => new QueryClient());
+  const [trpcClient] = useState(() =>
+    //@ts-ignore
+    trpc.createClient({
+      links: [
+        //@ts-ignore
+        httpBatchLink({
+          url: THEME_SERVER_URL
+        })
+      ]
+    })
+  );
+
+  return (
+    <trpc.Provider client={trpcClient} queryClient={queryClient}>
+      <QueryClientProvider client={queryClient}>
+        <ThemeSelector />
+      </QueryClientProvider>
+    </trpc.Provider>
+  );
+}
+
+const ThemeSetter = ({
+  theme,
+  close,
+  fromFile
+}: {
+  theme: Partial<CompiledThemeDefinition>;
+  close?: (ctx?: string) => void;
+  fromFile?: boolean;
+}) => {
+  const [darkTheme, lightTheme] = useThemeStore((state) => [
+    state.darkTheme,
+    state.lightTheme
+  ]);
+  const themeColors = useThemeColors();
+
+  const colors =
+    theme?.previewColors ||
+    getPreviewColors(theme as unknown as ThemeDefinition);
+
+  const applyTheme = async () => {
+    if (!theme.id) return;
+    try {
+      const user = await db.user?.getUser();
+      const fullTheme = fromFile
+        ? (theme as ThemeDefinition)
+        : await themeTrpcClient.installTheme.query({
+            compatibilityVersion: THEME_COMPATIBILITY_VERSION,
+            id: theme.id,
+            userId: user?.id
+          });
+      if (!fullTheme) return;
+      theme.colorScheme === "dark"
+        ? useThemeStore.getState().setDarkTheme(fullTheme)
+        : useThemeStore.getState().setLightTheme(fullTheme);
+      ToastManager.show({
+        heading: `${theme.name} applied successfully`,
+        type: "success",
+        context: "global"
+      });
+    } catch (e) {
+      DatabaseLogger.error(e);
+    }
+
+    setTimeout(() => {
+      close?.();
+    });
+  };
+
+  return (
+    <>
+      <View
+        style={{
+          paddingHorizontal: Spacing.LEVEL_3,
+          paddingTop: Spacing.LEVEL_2,
+          gap: Spacing.LEVEL_3
+        }}
+      >
+        <View
+          style={{
+            borderRadius: 10
+          }}
+        >
+          <View
+            style={{
+              width: "100%",
+              justifyContent: "center",
+              alignItems: "center",
+              backgroundColor: colors?.accent + "20",
+              padding: Spacing.LEVEL_3,
+              borderRadius: 15
+            }}
+          >
+            <View
+              style={{
+                height: THEME_CARD_PREVIEW_HEIGHT,
+                borderRadius: 10,
+                flexDirection: "row",
+                overflow: "visible",
+                ...getElevationStyle(3)
+              }}
+            >
+              <View
+                style={{
+                  height: "100%",
+                  width: 70,
+                  backgroundColor: colors.navigationMenu.background,
+                  borderTopLeftRadius: 10,
+                  borderBottomLeftRadius: 10,
+                  paddingTop: 11
+                }}
+              >
+                {[
+                  {
+                    width: 15,
+                    height: 4
+                  },
+                  {
+                    width: 19,
+                    height: 4
+                  },
+                  {
+                    width: 19,
+                    height: 4
+                  },
+                  {
+                    width: 15,
+                    height: 4
+                  }
+                ].map((menuItem, index) => (
+                  <View
+                    key={"menu-placeholder-" + menuItem.width}
+                    style={{
+                      height: 6,
+                      width: "100%",
+                      borderRadius: Radius.XXS,
+                      paddingHorizontal: 3,
+                      flexDirection: "row",
+                      alignItems: "center",
+                      marginBottom: 2.3
+                    }}
+                  >
+                    <View
+                      style={{
+                        height: 4,
+                        width: menuItem.width,
+                        backgroundColor:
+                          index === 0
+                            ? colors.navigationMenu.accent
+                            : colors.border,
+                        borderRadius: Radius.XXS,
+                        marginLeft: 3
+                      }}
+                    />
+                  </View>
+                ))}
+              </View>
+
+              <View
+                style={{
+                  height: "100%",
+                  width: 140,
+                  backgroundColor: colors.list.background,
+                  borderTopRightRadius: 10,
+                  borderBottomRightRadius: 10,
+                  paddingTop: 11,
+                  paddingHorizontal: 4,
+                  paddingRight: 6
+                }}
+              >
+                <View
+                  style={{
+                    height: 12,
+                    width: "100%",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    alignItems: "center"
+                  }}
+                >
+                  <View
+                    style={{
+                      height: 4,
+                      width: 15,
+                      backgroundColor: colors.paragraph,
+                      opacity: 0.8,
+                      borderRadius: 100
+                    }}
+                  />
+
+                  <View
+                    style={{
+                      height: 5,
+                      width: 5,
+                      backgroundColor: colors.paragraph,
+                      opacity: 0.8,
+                      borderRadius: 100
+                    }}
+                  />
+                </View>
+
+                <View
+                  style={{
+                    marginTop: Spacing.LEVEL_0,
+                    gap: Spacing.LEVEL_0 - 1
+                  }}
+                >
+                  <View
+                    style={{
+                      width: "72%",
+                      height: 4,
+                      borderRadius: Radius.XXS,
+                      backgroundColor: colors.paragraph,
+                      opacity: 0.4
+                    }}
+                  />
+                  <View
+                    style={{
+                      width: "72%",
+                      height: 4,
+                      borderRadius: Radius.XXS,
+                      backgroundColor: colors.paragraph,
+                      opacity: 0.4
+                    }}
+                  />
+                  <View
+                    style={{
+                      width: "58%",
+                      height: 4,
+                      borderRadius: Radius.XXS,
+                      backgroundColor: colors.paragraph,
+                      opacity: 0.4
+                    }}
+                  />
+                </View>
+              </View>
+            </View>
+          </View>
+
+          <View
+            style={{
+              width: "100%",
+              borderBottomWidth: 1,
+              borderBottomColor: themeColors.colors.primary.separator,
+              marginVertical: Spacing.LEVEL_3
+            }}
+          />
+
+          <View
+            style={{
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center"
+            }}
+          >
+            <Heading
+              size={AppFontSize.xl}
+              color={themeColors.colors.primary.heading}
+            >
+              {theme.name}
+            </Heading>
+
+            {theme.homepage ? (
+              <View
+                style={{
+                  flexDirection: "row"
+                }}
+              >
+                <Paragraph
+                  size={AppFontSize.xxs}
+                  color={colors.accent}
+                  fontFamily="SEMI_BOLD"
+                  style={{
+                    textAlignVertical: "center"
+                  }}
+                  onPress={() => {
+                    Linking.openURL(theme.homepage as string);
+                  }}
+                >
+                  {strings.visitHomePage()}{" "}
+                  <AppIcon
+                    color={colors.accent}
+                    name="arrow-right"
+                    iconFamily="notesnook"
+                    size={10}
+                  />
+                </Paragraph>
+              </View>
+            ) : null}
+          </View>
+
+          <Paragraph
+            style={{
+              marginTop: Spacing.LEVEL_0
+            }}
+            color={themeColors.colors.primary.paragraph}
+          >
+            {theme.description}
+          </Paragraph>
+
+          <Paragraph
+            size={AppFontSize.xs}
+            color={themeColors.colors.secondary.paragraph}
+          >
+            {strings.by()} {theme.authors?.[0]?.name}
+          </Paragraph>
+          <View
+            style={{
+              marginTop: Spacing.LEVEL_1,
+              flexDirection: "row",
+              gap: Spacing.LEVEL_2
+            }}
+          >
+            <View
+              style={{
+                backgroundColor: themeColors.colors.secondary.background,
+                padding: Spacing.LEVEL_1,
+                borderRadius: Radius.XS,
+                flex: 1
+              }}
+            >
+              <Paragraph
+                size={AppFontSize.sm}
+                color={themeColors.colors.secondary.paragraph}
+              >
+                {strings.version()} {theme.version}
+              </Paragraph>
+            </View>
+
+            <View
+              style={{
+                backgroundColor: themeColors.colors.secondary.background,
+                padding: Spacing.LEVEL_1,
+                borderRadius: Radius.XS,
+                flex: 1
+              }}
+            >
+              <Paragraph
+                size={AppFontSize.sm}
+                color={themeColors.colors.secondary.paragraph}
+              >
+                {theme.license}
+              </Paragraph>
+            </View>
+          </View>
+        </View>
+
+        {darkTheme.id === theme.id || lightTheme.id === theme.id ? (
+          <Pressable
+            onPress={applyTheme}
+            type="secondary"
+            style={{
+              paddingVertical: Spacing.LEVEL_2,
+              borderWidth: 0
+            }}
+          >
+            <Heading
+              color={themeColors.colors.secondary.buttonForeground}
+              size={AppFontSize.md}
+            >
+              {darkTheme.id === theme.id
+                ? strings.appliedDark()
+                : strings.appliedLight()}
+            </Heading>
+          </Pressable>
+        ) : (
+          <Button
+            style={{
+              width: "100%",
+              marginBottom: Spacing.LEVEL_2,
+              borderWidth: 0,
+              paddingVertical: Spacing.LEVEL_2
+            }}
+            noborder
+            onPress={applyTheme}
+            textStyle={{
+              color: themeColors.colors.secondary.buttonForeground
+            }}
+            title={
+              theme.colorScheme === "dark"
+                ? strings.setAsDarkTheme()
+                : strings.setAsLightTheme()
+            }
+            type="secondary"
+          />
+        )}
+      </View>
+    </>
+  );
+};
diff --git a/apps/mobile/app/screens/settings/components/title-format.tsx b/apps/mobile/app/screens/settings/components/title-format.tsx
new file mode 100644
index 000000000..5c318812d
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/title-format.tsx
@@ -0,0 +1,98 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import { useThemeColors } from "@notesnook/theme";
+import { strings } from "@notesnook/intl";
+import React, { useState } from "react";
+import { View } from "react-native";
+import { db } from "../../../common/database";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { Button } from "../../../components/ui/button";
+import Input from "../../../components/ui/input";
+import { AppFontSize } from "../../../utils/size";
+import { DefaultAppStyles } from "../../../utils/styles";
+
+const TITLE_FORMAT_TOKENS: { token: string; title: () => string }[] = [
+  { token: "$date$", title: strings.titleFormatCurrentDate },
+  { token: "$time$", title: strings.titleFormatCurrentTime },
+  { token: "$day$", title: strings.titleFormatCurrentDay },
+  { token: "$timestamp$", title: strings.titleFormatTimestamp },
+  { token: "$count$", title: strings.titleFormatNoteCount },
+  { token: "$headline$", title: strings.titleFormatHeadline }
+];
+
+export const TitleFormat = () => {
+  const [titleFormat, setTitleFormat] = useState(
+    db.settings.getTitleFormat() || ""
+  );
+  const { colors } = useThemeColors();
+
+  const updateFormat = (value: string) => {
+    setTitleFormat(value);
+    db.settings.setTitleFormat(value);
+  };
+
+  return (
+    <View
+      style={{
+        width: "100%",
+        gap: Spacing.LEVEL_2
+      }}
+    >
+      <Input
+        value={titleFormat}
+        onChangeText={updateFormat}
+        onSubmit={(e) => updateFormat(e.nativeEvent.text)}
+        containerStyle={{
+          borderWidth: 0,
+          backgroundColor: colors.secondary.background
+        }}
+        inputStyle={{
+          color: colors.primary.heading
+        }}
+      />
+
+      <View
+        style={{
+          flexDirection: "row",
+          flexWrap: "wrap",
+          gap: DefaultAppStyles.GAP_SMALL
+        }}
+      >
+        {TITLE_FORMAT_TOKENS.map((item) => (
+          <Button
+            key={item.token}
+            title={item.title()}
+            type="secondary"
+            bold={false}
+            fontSize={AppFontSize.xs}
+            onPress={() => updateFormat(`${titleFormat}${item.token}`)}
+            fontFamily="REGULAR"
+            style={{
+              paddingHorizontal: Spacing.LEVEL_2,
+              paddingVertical: Spacing.LEVEL_1,
+              borderRadius: Radius.XS,
+              width: undefined,
+              borderWidth: 0
+            }}
+          />
+        ))}
+      </View>
+    </View>
+  );
+};
diff --git a/apps/mobile/app/screens/settings/components/user-section.jsx b/apps/mobile/app/screens/settings/components/user-section.jsx
new file mode 100644
index 000000000..c9a8e1783
--- /dev/null
+++ b/apps/mobile/app/screens/settings/components/user-section.jsx
@@ -0,0 +1,316 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { formatBytes, getFormattedDate } from "@notesnook/common";
+import {
+  SubscriptionPlan,
+  SubscriptionProvider,
+  SubscriptionStatus
+} from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import dayjs from "dayjs";
+import React from "react";
+import { Platform, TouchableOpacity, View } from "react-native";
+import { Radius, Spacing } from "../../../common/design/spacing";
+import { PlanLimits } from "../../../components/sheets/plan-limits";
+import { Button } from "../../../components/ui/button";
+import Heading from "../../../components/ui/typography/heading";
+import Paragraph from "../../../components/ui/typography/paragraph";
+import { presentSheet, ToastManager } from "../../../services/event-manager";
+import Navigation from "../../../services/navigation";
+import PremiumService from "../../../services/premium";
+import SettingsService from "../../../services/settings";
+import { useUserStore } from "../../../stores/use-user-store";
+import { planToDisplayName } from "../../../utils/constants";
+import { AppFontSize } from "../../../utils/size";
+import { SectionItem } from "../section-item";
+
+export const getTimeLeft = (t2) => {
+  let daysRemaining = dayjs(t2).diff(dayjs(), "days");
+  return {
+    time: dayjs(t2).diff(dayjs(), daysRemaining === 0 ? "hours" : "days"),
+    isHour: daysRemaining === 0
+  };
+};
+
+const getBillingSubtitle = (user) => {
+  if (!user?.subscription || user.subscription.plan === SubscriptionPlan.FREE) {
+    return null;
+  }
+
+  const isAnnual = user.subscription.productId?.includes("yearly");
+  const billingLabel =
+    user?.subscription?.provider === SubscriptionProvider.STREETWRITERS
+      ? "Awarded"
+      : isAnnual
+        ? "Billed annually"
+        : user.subscription.productId?.includes("monthly")
+          ? "Billed monthly"
+          : null;
+
+  if (!user.subscription.expiry) return billingLabel;
+
+  const expiryLabel = getFormattedDate(user.subscription.expiry, "date");
+  const renewalLabel =
+    user.subscription.status === SubscriptionStatus.CANCELED ||
+    user.subscription.status === SubscriptionStatus.PAUSED ||
+    user.subscription.status === SubscriptionStatus.EXPIRED ||
+    user?.subscription?.provider === SubscriptionProvider.STREETWRITERS
+      ? "Ends"
+      : "Renews";
+
+  return [billingLabel, `${renewalLabel} ${expiryLabel}`]
+    .filter(Boolean)
+    .join(" • ");
+};
+
+const SettingsUserSection = ({ item }) => {
+  const { colors } = useThemeColors();
+  const [user] = useUserStore((state) => [state.user]);
+  const used = user?.storageUsed || 0;
+  const total = user?.totalStorage || 0;
+  const storagePercent = total > 0 ? Math.min((used / total) * 100, 100) : 0;
+  const planName = planToDisplayName(user?.subscription?.plan);
+  const billingSubtitle = getBillingSubtitle(user);
+  const showUpgradeButton = !(
+    ((user?.subscription?.provider === SubscriptionProvider.PADDLE ||
+      user?.subscription?.provider === SubscriptionProvider.STREETWRITERS ||
+      !(
+        (user?.subscription?.provider === SubscriptionProvider.APPLE &&
+          Platform.OS === "ios") ||
+        (user?.subscription?.provider === SubscriptionProvider.GOOGLE &&
+          Platform.OS === "android")
+      )) &&
+      PremiumService.get()) ||
+    SettingsService.getProperty("serverUrls")
+  );
+
+  const storageText =
+    total === -1
+      ? `${formatBytes(used)}/Unlimited ${strings.used()}`
+      : `${formatBytes(used)}/${formatBytes(total)} ${strings.used()}`;
+
+  return (
+    <>
+      {user ? (
+        <>
+          <View
+            style={{
+              paddingHorizontal: Spacing.LEVEL_3,
+              marginBottom: Spacing.LEVEL_2,
+              marginTop: -Spacing.LEVEL_2
+            }}
+          >
+            <View
+              style={{
+                backgroundColor: colors.secondary.background,
+                borderRadius: Radius.S,
+                padding: Spacing.LEVEL_2,
+                gap: Spacing.LEVEL_3,
+                width: "100%"
+              }}
+            >
+              <View
+                style={{
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  gap: Spacing.LEVEL_2,
+                  width: "100%"
+                }}
+              >
+                <View
+                  style={{
+                    flexShrink: 1,
+                    gap: Spacing.LEVEL_1
+                  }}
+                >
+                  <Heading
+                    fontSize="XL"
+                    fontFamily="SEMI_BOLD"
+                    lineHeight={null}
+                    color={colors.primary.heading}
+                  >
+                    {planName}
+                  </Heading>
+
+                  {billingSubtitle ? (
+                    <Paragraph fontSize="XS" color={colors.primary.paragraph}>
+                      {billingSubtitle}
+                    </Paragraph>
+                  ) : null}
+                </View>
+
+                <Button
+                  title={strings.upgrade().toUpperCase()}
+                  type="accent"
+                  disabled={!showUpgradeButton}
+                  fontSize={AppFontSize.sm}
+                  style={{
+                    alignSelf: "flex-start",
+                    paddingHorizontal: Spacing.LEVEL_2,
+                    paddingVertical: Spacing.LEVEL_2,
+                    borderRadius: Radius.XS
+                  }}
+                  textStyle={{
+                    textTransform: "uppercase"
+                  }}
+                  onPress={() => {
+                    if (
+                      user?.subscription?.plan === SubscriptionPlan.LEGACY_PRO
+                    ) {
+                      ToastManager.show({
+                        message: strings.cannotChangePlan(),
+                        context: "local"
+                      });
+                      return;
+                    }
+
+                    if (
+                      user.subscription?.plan !== SubscriptionPlan.FREE &&
+                      user.subscription?.productId &&
+                      user.subscription?.productId.includes("5year")
+                    ) {
+                      ToastManager.show({
+                        message:
+                          "You have made a one time purchase. To change your plan please contact support.",
+                        type: "info"
+                      });
+                      return;
+                    }
+
+                    Navigation.navigate("PayWall", {
+                      context: "logged-in",
+                      canGoBack: true
+                    });
+                  }}
+                />
+              </View>
+
+              <View
+                style={{
+                  gap: Spacing.LEVEL_1,
+                  width: "100%"
+                }}
+              >
+                <View
+                  style={{
+                    flexDirection: "row",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: Spacing.LEVEL_2,
+                    width: "100%"
+                  }}
+                >
+                  <Paragraph
+                    fontSize="XS"
+                    fontFamily="MEDIUM"
+                    color={colors.secondary.paragraph}
+                  >
+                    {strings.storage()}
+                  </Paragraph>
+                  <Paragraph
+                    fontSize="XS"
+                    fontFamily="MEDIUM"
+                    color={colors.secondary.paragraph}
+                  >
+                    {storageText}
+                  </Paragraph>
+                </View>
+
+                <View
+                  style={{
+                    backgroundColor: colors.tertiary.background,
+                    width: "100%",
+                    height: 8,
+                    borderRadius: Radius.XXL,
+                    overflow: "hidden"
+                  }}
+                >
+                  <View
+                    style={{
+                      backgroundColor: colors.primary.accent,
+                      height: 8,
+                      width: `${storagePercent}%`,
+                      borderRadius: Radius.XXL
+                    }}
+                  />
+                </View>
+
+                <TouchableOpacity
+                  activeOpacity={0.8}
+                  onPress={() => {
+                    presentSheet({
+                      component: <PlanLimits />
+                    });
+                  }}
+                  style={{
+                    alignSelf: "flex-start"
+                  }}
+                >
+                  <Paragraph
+                    fontSize="XS"
+                    fontFamily="SEMI_BOLD"
+                    color={colors.primary.accent}
+                  >
+                    {strings.viewAllLimits()}
+                  </Paragraph>
+                </TouchableOpacity>
+              </View>
+            </View>
+          </View>
+
+          <Heading
+            style={{
+              paddingHorizontal: Spacing.LEVEL_3,
+              marginBottom: Spacing.LEVEL_2
+            }}
+            color={colors.secondary.paragraph}
+            size={AppFontSize.sm}
+            fontFamily="MEDIUM"
+          >
+            {strings.account()}
+          </Heading>
+
+          {item.sections.map((item) => (
+            <SectionItem key={item.name} item={item} />
+          ))}
+
+          <View
+            style={{
+              paddingHorizontal: Spacing.LEVEL_3,
+              width: "100%"
+            }}
+          >
+            <View
+              style={{
+                height: 1,
+                width: "100%",
+                backgroundColor: colors.primary.separator
+              }}
+            />
+          </View>
+        </>
+      ) : null}
+    </>
+  );
+};
+
+export default SettingsUserSection;
diff --git a/apps/mobile/app/screens/settings/failed-inbox-items.tsx b/apps/mobile/app/screens/settings/failed-inbox-items.tsx
index 7ae69c95b..a94f0e63c 100644
--- a/apps/mobile/app/screens/settings/failed-inbox-items.tsx
+++ b/apps/mobile/app/screens/settings/failed-inbox-items.tsx
@@ -23,15 +23,17 @@ import { useThemeColors } from "@notesnook/theme";
 import Clipboard from "@react-native-clipboard/clipboard";
 import React, { useEffect, useState } from "react";
 import { ActivityIndicator, ScrollView, View } from "react-native";
+import { FontSizes } from "../../common/design/font";
+import { Radius, Spacing } from "../../common/design/spacing";
 import { db } from "../../common/database";
 import { presentDialog } from "../../components/dialog/functions";
+import { Header } from "../../components/header";
+import AppIcon from "../../components/ui/AppIcon";
 import { Button } from "../../components/ui/button";
-import { IconButton } from "../../components/ui/icon-button";
+import { Pressable } from "../../components/ui/pressable";
+import Heading from "../../components/ui/typography/heading";
 import Paragraph from "../../components/ui/typography/paragraph";
 import { ToastManager } from "../../services/event-manager";
-import { AppFontSize, defaultBorderRadius } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { Header } from "../../components/header";
 
 type FailedInboxItem = {
   id: string;
@@ -51,50 +53,7 @@ function parseErrorContext(
   }
 }
 
-function ErrorBadge({
-  message
-}: {
-  message: InboxItemsHistoryErrorContext["message"] | undefined;
-}) {
-  const { colors } = useThemeColors();
-
-  if (!message) {
-    return (
-      <Paragraph size={AppFontSize.xs} color={colors.secondary.paragraph}>
-        N/A
-      </Paragraph>
-    );
-  }
-
-  const palette =
-    message === "Invalid JSON"
-      ? { background: "rgba(255, 152, 0, 0.15)", paragraph: "#e65100" }
-      : message === "Validation failed"
-        ? { background: "rgba(255, 193, 7, 0.15)", paragraph: "#8a6000" }
-        : colors.error;
-
-  return (
-    <View
-      style={{
-        alignSelf: "flex-start",
-        backgroundColor: palette.background,
-        borderRadius: defaultBorderRadius,
-        paddingVertical: 4,
-        paddingHorizontal: 8
-      }}
-    >
-      <Paragraph
-        size={AppFontSize.xxs}
-        color={palette.paragraph}
-        style={{ fontWeight: "700" }}
-      >
-        {message}
-      </Paragraph>
-    </View>
-  );
-}
-
-function DetailsBlock({ value }: { value: string }) {
+function PayloadDataBlock({ value }: { value: string }) {
   const { colors } = useThemeColors();
   const [copied, setCopied] = useState(false);
 
@@ -107,25 +66,27 @@ function DetailsBlock({ value }: { value: string }) {
   return (
     <View
       style={{
-        borderWidth: 1,
-        borderColor: colors.secondary.border,
-        borderRadius: defaultBorderRadius,
         backgroundColor: colors.secondary.background,
-        overflow: "hidden"
+        borderRadius: Radius.S,
+        padding: Spacing.LEVEL_2,
+        gap: Spacing.LEVEL_2,
+        width: "100%"
       }}
     >
       <View
         style={{
           flexDirection: "row",
-          justifyContent: "flex-end",
-          borderBottomWidth: 1,
-          borderBottomColor: colors.secondary.border
+          alignItems: "center",
+          justifyContent: "space-between",
+          width: "100%"
         }}
       >
-        <IconButton
-          name={copied ? "check" : "content-copy"}
-          color={colors.primary.icon}
-          size={AppFontSize.lg}
+        <Heading fontSize="MD" lineHeight="100%">
+          {strings.payloadData()}
+        </Heading>
+
+        <Pressable
+          type="transparent"
           onPress={() => {
             try {
               Clipboard.setString(value);
@@ -141,24 +102,56 @@ function DetailsBlock({ value }: { value: string }) {
               });
             }
           }}
-        />
-      </View>
-
-      <ScrollView
-        style={{ maxHeight: 120 }}
-        contentContainerStyle={{
-          padding: DefaultAppStyles.GAP_SMALL
-        }}
-      >
-        <Paragraph
-          size={AppFontSize.xxs}
           style={{
-            fontFamily: "monospace"
+            flexDirection: "row",
+            alignItems: "center",
+            gap: Spacing.LEVEL_1,
+            paddingVertical: 0,
+            paddingHorizontal: 0,
+
+            flexShrink: 1,
+            width: undefined
           }}
         >
-          {value}
-        </Paragraph>
-      </ScrollView>
+          <AppIcon
+            name={copied ? "check" : "copy"}
+            iconFamily={"notesnook"}
+            size={16}
+            color={colors.primary.accent}
+          />
+          <Paragraph
+            fontFamily="MEDIUM"
+            fontSize="SM"
+            color={colors.primary.accent}
+          >
+            {strings.copy()}
+          </Paragraph>
+        </Pressable>
+      </View>
+
+      <View style={{ height: 1, backgroundColor: colors.primary.border }} />
+
+      <View
+        style={{
+          backgroundColor: colors.tertiary.background,
+          borderRadius: Radius.S,
+          padding: Spacing.LEVEL_2,
+          width: "100%"
+        }}
+      >
+        <ScrollView
+          style={{ maxHeight: 160, width: "100%" }}
+          nestedScrollEnabled
+        >
+          <Paragraph
+            fontSize="SM"
+            color={colors.primary.paragraph}
+            style={{ fontFamily: "monospace" }}
+          >
+            {value}
+          </Paragraph>
+        </ScrollView>
+      </View>
     </View>
   );
 }
@@ -197,7 +190,9 @@ export const FailedInboxItems = () => {
         rightButton={
           items?.length > 0
             ? {
-                name: "delete",
+                name: "trash",
+                iconFamily: "notesnook",
+                size: 20,
                 color: colors.primary.icon,
                 onPress: async () => {
                   presentDialog({
@@ -226,7 +221,7 @@ export const FailedInboxItems = () => {
             flex: 1,
             justifyContent: "center",
             alignItems: "center",
-            gap: DefaultAppStyles.GAP_VERTICAL
+            gap: Spacing.LEVEL_2
           }}
         >
           <ActivityIndicator size="small" color={colors.primary.accent} />
@@ -242,8 +237,8 @@ export const FailedInboxItems = () => {
             flex: 1,
             justifyContent: "center",
             alignItems: "center",
-            gap: DefaultAppStyles.GAP_VERTICAL,
-            paddingHorizontal: DefaultAppStyles.GAP
+            gap: Spacing.LEVEL_2,
+            paddingHorizontal: Spacing.LEVEL_3
           }}
         >
           <Paragraph color={colors.error.paragraph}>
@@ -260,32 +255,25 @@ export const FailedInboxItems = () => {
       {items.length === 0 ? (
         <View
           style={{
-            paddingHorizontal: DefaultAppStyles.GAP,
-            paddingTop: DefaultAppStyles.GAP_VERTICAL,
+            paddingHorizontal: Spacing.LEVEL_3,
+            paddingTop: Spacing.LEVEL_2,
             flex: 1,
-            justifyContent: "center"
+            justifyContent: "center",
+            alignItems: "center"
           }}
         >
-          <View
-            style={{
-              padding: DefaultAppStyles.GAP,
-              borderRadius: defaultBorderRadius,
-              alignItems: "center"
-            }}
-          >
-            <Paragraph color={colors.secondary.paragraph}>
-              {strings.noFailedInboxItems()}
-            </Paragraph>
-          </View>
+          <Paragraph color={colors.secondary.paragraph}>
+            {strings.noFailedInboxItems()}
+          </Paragraph>
         </View>
       ) : null}
 
       {result.status === "fulfilled" && items.length > 0 ? (
         <ScrollView
           contentContainerStyle={{
-            gap: DefaultAppStyles.GAP_VERTICAL,
-            paddingHorizontal: DefaultAppStyles.GAP,
-            paddingVertical: DefaultAppStyles.GAP_VERTICAL,
+            gap: Spacing.LEVEL_4,
+            paddingHorizontal: Spacing.LEVEL_3,
+            paddingVertical: Spacing.LEVEL_4,
             paddingBottom: 50
           }}
         >
@@ -304,96 +292,78 @@ export const FailedInboxItems = () => {
               <View
                 key={item.id}
                 style={{
-                  borderWidth: 1,
-                  borderColor: colors.secondary.border,
-                  borderRadius: defaultBorderRadius,
-                  backgroundColor: colors.primary.background,
-                  padding: DefaultAppStyles.GAP,
-                  gap: DefaultAppStyles.GAP_VERTICAL
+                  gap: Spacing.LEVEL_3,
+                  width: "100%"
                 }}
               >
-                <View
-                  style={{
-                    flexDirection: "row",
-                    justifyContent: "space-between"
-                  }}
-                >
-                  <Paragraph
-                    size={AppFontSize.xs}
-                    color={colors.secondary.paragraph}
-                  >
-                    {getFormattedDate(item.dateSynced, "date-time")}
-                  </Paragraph>
+                <View style={{ gap: Spacing.LEVEL_2, width: "100%" }}>
+                  <View style={{ gap: Spacing.LEVEL_1, width: "100%" }}>
+                    <Heading fontSize="LG" lineHeight="100%">
+                      {(message as string) || strings.failed()}
+                    </Heading>
+                    {description ? (
+                      <Paragraph fontSize="SM" color={colors.primary.paragraph}>
+                        {description as string}
+                      </Paragraph>
+                    ) : null}
+                  </View>
 
-                  <ErrorBadge message={message} />
-                </View>
-
-                <View
-                  style={{
-                    flexDirection: "row",
-                    gap: DefaultAppStyles.GAP_SMALL,
-                    alignItems: "flex-start"
-                  }}
-                >
                   <View
                     style={{
-                      backgroundColor: colors.error.background,
-                      padding: 3,
-                      paddingHorizontal: 6,
-                      borderRadius: 4,
+                      flexDirection: "row",
                       alignItems: "center",
-                      flexWrap: "wrap"
+                      gap: Spacing.LEVEL_0 + 2
                     }}
                   >
-                    <Paragraph color={colors.error.paragraph}>Error</Paragraph>
+                    <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                      {getFormattedDate(item.dateSynced, "date")}
+                    </Paragraph>
+                    <View
+                      style={{
+                        width: 4,
+                        height: 4,
+                        borderRadius: Radius.MD,
+                        backgroundColor: colors.secondary.paragraph
+                      }}
+                    />
+                    <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                      {getFormattedDate(item.dateSynced, "time")}
+                    </Paragraph>
                   </View>
-                  <Paragraph
-                    style={{
-                      flexShrink: 1
-                    }}
-                  >
-                    {(description as string) || "N/A"}
-                  </Paragraph>
                 </View>
 
-                {details ? (
-                  <DetailsBlock value={details} />
-                ) : (
-                  <Paragraph
-                    size={AppFontSize.xs}
-                    color={colors.secondary.paragraph}
-                  >
-                    N/A
-                  </Paragraph>
-                )}
+                {details ? <PayloadDataBlock value={details} /> : null}
 
-                <View style={{ alignItems: "flex-end" }}>
-                  <Button
-                    title={strings.delete()}
-                    type="error"
-                    style={{
-                      width: "100%"
-                    }}
-                    onPress={() => {
-                      presentDialog({
-                        title: strings.delete(),
-                        paragraph: strings.areYouSure(),
-                        positiveText: strings.delete(),
-                        positiveType: "error",
-                        negativeText: strings.cancel(),
-                        positivePress: async () => {
-                          try {
-                            await deleteItem(item.id);
-                            return true;
-                          } catch (error) {
-                            ToastManager.error(error as Error);
-                            return false;
-                          }
+                <Button
+                  title={strings.delete()}
+                  type="error"
+                  fontSize={FontSizes.MD}
+                  style={{
+                    width: "100%",
+                    borderWidth: 1,
+                    borderColor: colors.error.border,
+                    borderRadius: Radius.XS,
+                    paddingVertical: Spacing.LEVEL_3
+                  }}
+                  onPress={() => {
+                    presentDialog({
+                      title: strings.delete(),
+                      paragraph: strings.areYouSure(),
+                      positiveText: strings.delete(),
+                      positiveType: "error",
+                      negativeText: strings.cancel(),
+                      positivePress: async () => {
+                        try {
+                          await deleteItem(item.id);
+                          return true;
+                        } catch (error) {
+                          ToastManager.error(error as Error);
+                          return false;
                         }
-                      });
-                    }}
-                  />
-                </View>
+                      }
+                    });
+                  }}
+                />
               </View>
             );
           })}
diff --git a/apps/mobile/app/screens/settings/functions.js b/apps/mobile/app/screens/settings/functions.js
deleted file mode 100644
index b12e5e70c..000000000
--- a/apps/mobile/app/screens/settings/functions.js
+++ /dev/null
@@ -1,159 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { strings } from "@notesnook/intl";
-import { db } from "../../common/database";
-import { validateAppLockPassword } from "../../common/database/encryption";
-import { presentDialog } from "../../components/dialog/functions";
-import BiometricService from "../../services/biometrics";
-import { ToastManager } from "../../services/event-manager";
-import SettingsService from "../../services/settings";
-import { useUserStore } from "../../stores/use-user-store";
-import { sleep } from "../../utils/time";
-
-export async function verifyUser(
-  context,
-  onsuccess,
-  disableBackdropClosing,
-  onclose,
-  closeText
-) {
-  presentDialog({
-    context: context,
-    title: strings.verifyItsYou(),
-    input: true,
-    inputPlaceholder: strings.enterPassword(),
-    paragraph: strings.enterPasswordDesc(),
-    positiveText: strings.verify(),
-    secureTextEntry: true,
-    disableBackdropClosing: disableBackdropClosing,
-    onClose: onclose,
-    negativeText: closeText || strings.cancel(),
-    positivePress: async (value) => {
-      try {
-        if (!value || !value.trim()) {
-          ToastManager.error(
-            new Error(strings.passwordNotEntered()),
-            undefined,
-            "local"
-          );
-          return;
-        }
-        const user = await db.user.getUser();
-        let verified = !user ? true : await db.user.verifyPassword(value);
-        if (verified) {
-          sleep(300).then(async () => {
-            await onsuccess();
-          });
-        } else {
-          ToastManager.show({
-            heading: strings.passwordIncorrect(),
-            type: "error",
-            context: "global"
-          });
-          return false;
-        }
-      } catch (e) {
-        ToastManager.show({
-          heading: strings.verifyFailed(),
-          message: e.message,
-          type: "error",
-          context: "global"
-        });
-        return false;
-      }
-    }
-  });
-}
-
-export async function verifyUserWithApplock() {
-  const keyboardType = SettingsService.getProperty("applockKeyboardType");
-  return new Promise((resolve) => {
-    if (SettingsService.getProperty("appLockHasPasswordSecurity")) {
-      presentDialog({
-        title: strings.verifyItsYou(),
-        input: true,
-        inputPlaceholder:
-          keyboardType == "numeric"
-            ? strings.enterApplockPin()
-            : strings.enterApplockPassword(),
-        paragraph:
-          keyboardType == "numeric"
-            ? strings.enterApplockPinDesc()
-            : strings.enterApplockPasswordDesc(),
-        positiveText: strings.verify(),
-        secureTextEntry: true,
-        negativeText: strings.cancel(),
-        keyboardType: keyboardType,
-        positivePress: async (value) => {
-          try {
-            if (!value || !value.trim()) {
-              ToastManager.error(
-                new Error(strings.passwordNotEntered()),
-                undefined,
-                "local"
-              );
-              return;
-            }
-            const verified = await validateAppLockPassword(value);
-            if (!verified) {
-              ToastManager.show({
-                heading: strings.invalid(
-                  keyboardType === "numeric" ? "pin" : "password"
-                ),
-                type: "error",
-                context: "local"
-              });
-              return false;
-            }
-            resolve(verified);
-          } catch (e) {
-            resolve(false);
-            return false;
-          }
-          return true;
-        }
-      });
-    } else {
-      BiometricService.isBiometryAvailable().then((available) => {
-        if (available) {
-          BiometricService.validateUser(strings.verifyItsYou()).then(
-            (verified) => {
-              resolve(verified);
-            }
-          );
-        } else if (useUserStore.getState().user) {
-          let verified = false;
-          verifyUser(
-            null,
-            () => {
-              resolve(true);
-            },
-            false,
-            () => {
-              resolve(verified);
-            }
-          );
-        } else {
-          resolve(true);
-        }
-      });
-    }
-  });
-}
diff --git a/apps/mobile/app/screens/settings/group.tsx b/apps/mobile/app/screens/settings/group.tsx
index 706f1471a..cd54dafee 100644
--- a/apps/mobile/app/screens/settings/group.tsx
+++ b/apps/mobile/app/screens/settings/group.tsx
@@ -26,10 +26,12 @@ import DelayLayout from "../../components/delay-layout";
 import { Header } from "../../components/header";
 import { useNavigationFocus } from "../../hooks/use-navigation-focus";
 import useNavigationStore from "../../stores/use-navigation-store";
-import { components } from "./components";
+import { components } from "./components/components";
 import { SectionItem } from "./section-item";
 import { RouteParams, SettingSection } from "./types";
-
+import { useThemeColors } from "@notesnook/theme";
+import { SectionGroup } from "./section-group";
+import { Spacing } from "../../common/design/spacing";
 const keyExtractor = (item: SettingSection) => item.id;
 const AnimatedKeyboardAvoidingFlatList = Animated.createAnimatedComponent(
   KeyboardAwareFlatList
@@ -39,15 +41,25 @@ const Group = ({
   navigation,
   route
 }: NativeStackScreenProps<RouteParams, "SettingsGroup">) => {
+  const { colors } = useThemeColors();
   useNavigationFocus(navigation, {
     onFocus: () => {
       useNavigationStore.getState().setFocusedRouteId("Settings");
       return false;
     }
   });
-  const renderItem = ({ item }: { item: SettingSection; index: number }) => (
-    <SectionItem item={item} />
-  );
+  const renderItem = ({
+    item,
+    index
+  }: {
+    item: SettingSection;
+    index: number;
+  }) =>
+    item.type === "group" ? (
+      <SectionGroup item={item} isLast={!route.params.sections?.[index + 1]} />
+    ) : (
+      <SectionItem item={item} />
+    );
 
   return (
     <>
@@ -56,6 +68,12 @@ const Group = ({
           renderedInRoute="Settings"
           title={route.params.name as string}
           canGoBack={true}
+          style={{
+            backgroundColor: "transparent",
+            borderRadius: 0,
+            borderBottomWidth: 1,
+            borderBottomColor: colors.primary.border
+          }}
           id="Settings"
         />
       )}
@@ -65,10 +83,21 @@ const Group = ({
             flex: 1
           }}
         >
-          {route.params.component ? components[route.params.component] : null}
+          {!route.params.sections && route.params.component
+            ? components[route.params.component]
+            : null}
+
           {route.params.sections ? (
             <AnimatedKeyboardAvoidingFlatList
               data={route.params.sections}
+              ListHeaderComponent={
+                route.params.component
+                  ? components[route.params.component]
+                  : null
+              }
+              contentContainerStyle={{
+                gap: Spacing.LEVEL_2
+              }}
               keyExtractor={keyExtractor}
               renderItem={renderItem}
               enableOnAndroid
diff --git a/apps/mobile/app/screens/settings/groups/about.tsx b/apps/mobile/app/screens/settings/groups/about.tsx
new file mode 100644
index 000000000..f160b5946
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/about.tsx
@@ -0,0 +1,88 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import React from "react";
+import { Linking } from "react-native";
+import { getVersion } from "react-native-device-info";
+import { Update } from "../../../components/sheets/update";
+import { presentSheet } from "../../../services/event-manager";
+import { SettingSection } from "../types";
+
+export const aboutGroup: SettingSection = {
+  id: "about",
+  name: strings.about(),
+  sections: [
+    {
+      id: "download",
+      name: strings.downloadOnDesktop(),
+      icon: "download-simple",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        try {
+          await Linking.openURL("https://notesnook.com/downloads");
+        } catch (e) {
+          console.error(e);
+        }
+      },
+      description: strings.downloadOnDesktopDesc()
+    },
+    {
+      id: "roadmap",
+      name: strings.roadmap(),
+      icon: "chart-line-up",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        try {
+          await Linking.openURL("https://notesnook.com/roadmap/");
+        } catch (e) {
+          console.error(e);
+        }
+      },
+      description: strings.roadmapDesc()
+    },
+    {
+      id: "check-for-updates",
+      name: strings.checkForUpdates(),
+      icon: "device-mobile-camera",
+      iconFamily: "notesnook",
+      description: strings.checkForUpdatesDesc(),
+      modifer: async () => {
+        presentSheet({
+          //@ts-ignore // Migrate to ts
+          component: (ref) => <Update fwdRef={ref} />
+        });
+      }
+    },
+    {
+      id: "app-version",
+      name: strings.appVersion(),
+      icon: "github-logo",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        try {
+          await Linking.openURL("https://notesnook.com");
+        } catch (e) {
+          console.error(e);
+        }
+      },
+      description: getVersion()
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/account-local.ts b/apps/mobile/app/screens/settings/groups/account-local.ts
new file mode 100644
index 000000000..add821265
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/account-local.ts
@@ -0,0 +1,74 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { db } from "../../../common/database";
+import { MMKV } from "../../../common/database/mmkv";
+import { presentDialog } from "../../../components/dialog/functions";
+import BiometricService from "../../../services/biometrics";
+import Navigation from "../../../services/navigation";
+import PremiumService from "../../../services/premium";
+import SettingsService from "../../../services/settings";
+import { clearAllStores } from "../../../stores";
+import { refreshAllStores } from "../../../stores/create-db-collection-store";
+import { useUserStore } from "../../../stores/use-user-store";
+import { resetTabStore } from "../../editor/tiptap/use-tab-store";
+import { eSendEvent } from "../../../services/event-manager";
+import { eAfterSync } from "../../../utils/events";
+import { SettingSection } from "../types";
+
+export const accountLocalGroup: SettingSection = {
+  id: "account-local",
+  name: strings.account(),
+  useHook: () => useUserStore((state) => state.user),
+  hidden: (current) => !!current,
+  sections: [
+    {
+      id: "delete-data",
+      name: strings.deleteData(),
+      icon: "trash",
+      iconFamily: "notesnook",
+      description: strings.deleteAccountDesc(),
+      modifer: () => {
+        presentDialog({
+          title: strings.deleteData(),
+          paragraph: strings.irreverisibleAction(),
+          positiveType: "errorShade",
+          positiveText: "Delete data",
+          positivePress: async () => {
+            await PremiumService.setPremiumStatus();
+            await BiometricService.resetCredentials();
+            MMKV.clearStore();
+            resetTabStore();
+            clearAllStores();
+            Navigation.queueRoutesForUpdate();
+            SettingsService.resetSettings();
+            db.reset();
+
+            setImmediate(() => {
+              refreshAllStores();
+              eSendEvent(eAfterSync);
+            });
+            return true;
+          }
+        });
+      }
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/account.ts b/apps/mobile/app/screens/settings/groups/account.ts
new file mode 100644
index 000000000..60492e7f7
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/account.ts
@@ -0,0 +1,842 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { formatBytes } from "@notesnook/common";
+import { SubscriptionPlan, User } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import React from "react";
+import { Platform } from "react-native";
+import { TextInput } from "react-native-gesture-handler";
+import * as RNIap from "react-native-iap";
+import { DatabaseLogger, db } from "../../../common/database";
+import filesystem from "../../../common/filesystem";
+import { presentDialog } from "../../../components/dialog/functions";
+import {
+  endProgress,
+  startProgress
+} from "../../../components/dialogs/progress";
+import ForceSyncSheet from "../../../components/sheets/force-sync";
+import { BackgroundSync } from "../../../services/background-sync";
+import BiometricService from "../../../services/biometrics";
+import Navigation from "../../../services/navigation";
+import PremiumService from "../../../services/premium";
+import SettingsService from "../../../services/settings";
+import { useSettingStore } from "../../../stores/use-setting-store";
+import { useUserStore } from "../../../stores/use-user-store";
+import {
+  createFormRef,
+  validators
+} from "../../../components/ui/input/form-input";
+import {
+  ToastManager,
+  eSendEvent,
+  eSubscribeEvent,
+  presentSheet
+} from "../../../services/event-manager";
+import { eCloseSheet } from "../../../utils/events";
+import { MFARecoveryCodes, MFASheet } from "../components/2fa";
+import { verifyUser } from "../verify-user";
+import { logoutUser } from "../logout";
+import { SettingSection } from "../types";
+import RecoveryKeySheet from "../../../components/sheets/recovery-key";
+
+export const accountGroup: SettingSection = {
+  id: "account",
+  name: strings.account(),
+  useHook: () => useUserStore((state) => state.user),
+  hidden: (current) => !current,
+  sections: [
+    // {
+    //   id: "subscription-status",
+    //   useHook: () => useUserStore((state) => state.user),
+    //   hidden: (current) => {
+    //     const user = current as User;
+    //     return (
+    //       !user ||
+    //       !user.subscription ||
+    //       user.subscription.provider === undefined ||
+    //       !strings.subscriptionProviderInfo[user?.subscription?.provider] ||
+    //       user.subscription?.plan === SubscriptionPlan.FREE
+    //     );
+    //   },
+    //   name: (current) => {
+    //     const user = (current as User) || useUserStore.getState().user;
+    //     return (
+    //       strings.subscriptionProviderInfo[
+    //         user?.subscription?.provider
+    //       ]?.title() || `Unknown provider id: ${user?.subscription?.provider}`
+    //     );
+    //   },
+    //   icon: "credit-card",
+    //   modifer: () => {
+    //     const user = useUserStore.getState().user;
+    //     if (!user) return;
+    //     const subscriptionProviderInfo =
+    //       strings.subscriptionProviderInfo[user?.subscription?.provider];
+
+    //     if (!subscriptionProviderInfo) return;
+
+    //     const isCurrentPlatform =
+    //       (user.subscription?.provider === SubscriptionProvider.APPLE &&
+    //         Platform.OS === "ios") ||
+    //       (user.subscription?.provider === SubscriptionProvider.GOOGLE &&
+    //         Platform.OS === "android");
+
+    //     if (
+    //       (user.subscription?.provider === SubscriptionProvider.GOOGLE ||
+    //         user.subscription?.provider === SubscriptionProvider.APPLE) &&
+    //       isCurrentPlatform &&
+    //       user?.subscription?.productId
+    //     ) {
+    //       RNIap.deepLinkToSubscriptions({
+    //         sku: user?.subscription.productId
+    //       });
+    //     } else {
+    //       presentSheet({
+    //         title: subscriptionProviderInfo.title(),
+    //         paragraph: subscriptionProviderInfo.desc()
+    //       });
+    //     }
+    //   },
+    //   description: (current) => {
+    //     const user = current as User;
+    //     if (!user) return strings.neverHesitate();
+    //     const subscriptionDaysLeft =
+    //       user && getTimeLeft(user.subscription?.expiry);
+    //     const expiryDate = dayjs(user?.subscription?.expiry).format(
+    //       "dddd, MMMM D, YYYY h:mm A"
+    //     );
+    //     const startDate = dayjs(user?.subscription?.start).format(
+    //       "dddd, MMMM D, YYYY h:mm A"
+    //     );
+
+    //     const trialEndDate = dayjs(user?.subscription?.start)
+    //       .add(
+    //         user?.subscription?.productId?.includes("monthly") ? 7 : 14,
+    //         "day"
+    //       )
+    //       .format("dddd, MMMM D, YYYY h:mm A");
+
+    //     if (
+    //       user.subscription?.plan !== SubscriptionPlan.FREE &&
+    //       user.subscription?.productId
+    //     ) {
+    //       const status = user.subscription?.status;
+    //       return status === SubscriptionStatus.TRIAL
+    //         ? strings.trialOnGoing(trialEndDate)
+    //         : status === SubscriptionStatus.ACTIVE
+    //           ? strings.subRenewOn(expiryDate)
+    //           : status === SubscriptionStatus.CANCELED ||
+    //               status === SubscriptionStatus.PAUSED
+    //             ? strings.subEndsOn(expiryDate)
+    //             : status === SubscriptionStatus.EXPIRED
+    //               ? subscriptionDaysLeft.time < -3
+    //                 ? strings.subEnded()
+    //                 : strings.accountDowngradedIn(3)
+    //               : strings.neverHesitate();
+    //     }
+
+    //     return strings.neverHesitate();
+    //   }
+    // },
+    {
+      id: "redeem-gift-code",
+      name: strings.redeemGiftCode(),
+      description: strings.redeemGiftCodeDesc(),
+      hidden: (current) => {
+        return !current as boolean;
+      },
+      useHook: () =>
+        useUserStore(
+          (state) => state.user?.subscription?.plan === SubscriptionPlan.FREE
+        ),
+      icon: "gift",
+      iconFamily: "notesnook",
+      modifer: () => {
+        presentDialog({
+          title: strings.redeemGiftCode(),
+          paragraph: strings.redeemGiftCodeDesc(),
+          form: {
+            formRef: createFormRef({
+              code: ""
+            }),
+            items: [
+              {
+                name: "code",
+                placeholder: strings.code(),
+                ref: React.createRef<TextInput | null>(),
+                validators: [validators.required(strings.giftCodeRequired())]
+              }
+            ],
+            onFormSubmit: async (form) => {
+              try {
+                await db.subscriptions.redeemCode(form.getValue("code"));
+                return true;
+              } catch (e) {
+                form.setError("code", (e as Error).message);
+                return false;
+              }
+            }
+          },
+          positiveText: strings.redeem()
+        });
+      }
+    },
+    {
+      id: "account-settings",
+      type: "screen",
+      name: strings.manageAccount(),
+      component: "account-card",
+      icon: "user",
+      iconFamily: "notesnook",
+      description: strings.manageAccountDesc(),
+      sections: [
+        {
+          id: "account-sub-section",
+          type: "group",
+          name: strings.account(),
+          icon: "user",
+          iconFamily: "notesnook",
+          sections: [
+            {
+              id: "edit-profile",
+              type: "screen",
+              name: strings.editProfile(),
+              description: strings.editProfileDesc(),
+              icon: "user",
+              iconFamily: "notesnook",
+              sections: [
+                {
+                  id: "remove-profile-picture",
+                  name: strings.removeProfilePicture(),
+                  description: strings.removeProfilePictureDesc(),
+                  useHook: () =>
+                    useUserStore((state) => state.profile?.profilePicture),
+                  hidden: () =>
+                    !useUserStore.getState().profile?.profilePicture,
+                  modifer: () => {
+                    presentDialog({
+                      title: strings.removeProfilePicture(),
+                      paragraph: strings.removeProfilePictureConfirmation(),
+                      positiveText: strings.remove(),
+                      positivePress: async () => {
+                        db.settings
+                          .setProfile({
+                            profilePicture: undefined
+                          })
+                          .then(async () => {
+                            useUserStore.setState({
+                              profile: db.settings.getProfile()
+                            });
+                          });
+                      }
+                    });
+                  }
+                },
+                {
+                  id: "remove-name",
+                  name: strings.removeFullName(),
+                  description: strings.removeFullNameDesc(),
+                  useHook: () =>
+                    useUserStore((state) => state.profile?.fullName),
+                  hidden: () => !useUserStore.getState().profile?.fullName,
+                  modifer: () => {
+                    presentDialog({
+                      title: strings.removeFullName(),
+                      paragraph: strings.removeFullNameConfirmation(),
+                      positiveText: strings.remove(),
+                      positivePress: async () => {
+                        db.settings
+                          .setProfile({
+                            fullName: undefined
+                          })
+                          .then(async () => {
+                            useUserStore.setState({
+                              profile: db.settings.getProfile()
+                            });
+                          });
+                      }
+                    });
+                  }
+                },
+                {
+                  id: "change-email",
+                  name: strings.changeEmail(),
+                  type: "screen",
+                  component: "change-email",
+                  description: strings.changeEmailDesc(),
+                  icon: "at"
+                }
+              ]
+            },
+            {
+              id: "subscription-not-active",
+              name: strings.subscriptionNotActivated(),
+              icon: "warning-circle",
+              iconFamily: "notesnook",
+              hidden: () => Platform.OS !== "ios",
+              modifer: async () => {
+                if (Platform.OS === "android") return;
+                presentSheet({
+                  title: strings.loadingSubscription(),
+                  paragraph: strings.loadingSubscriptionDesc()
+                });
+                const subscriptions = await RNIap.getPurchaseHistory();
+                subscriptions.sort(
+                  (a, b) => b.transactionDate - a.transactionDate
+                );
+                const currentSubscription = subscriptions[0];
+                presentSheet({
+                  title: strings.notesnookPro(),
+                  paragraph: strings.subscribedOnVerify(
+                    new Date(
+                      currentSubscription.transactionDate
+                    ).toLocaleString()
+                  ),
+                  action: async () => {
+                    presentSheet({
+                      title: strings.verifySubscription(),
+                      paragraph: strings.subscriptionVerifyWait()
+                    });
+                    await PremiumService.subscriptions.verify(
+                      currentSubscription
+                    );
+                    eSendEvent(eCloseSheet);
+                  },
+                  icon: "information-outline",
+                  actionText: strings.verify()
+                });
+              },
+              description: strings.verifySubDesc()
+            }
+          ]
+        },
+        {
+          id: "security-sub-section",
+          type: "group",
+          name: strings.privacyAndSecurity(),
+          icon: "two-factor-authentication",
+          sections: [
+            {
+              id: "change-password",
+              name: strings.changePassword(),
+              type: "screen",
+              description: strings.changePasswordDesc(),
+              component: "change-password",
+              icon: "pencil-simple-line",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "2fa-settings",
+              type: "screen",
+              name: strings.twoFactorAuth(),
+              description: strings.twoFactorAuthDesc(),
+              icon: "shield-check",
+              iconFamily: "notesnook",
+              sections: [
+                {
+                  id: "2fa-settings-group",
+                  name: strings.twoFactorAuth(),
+                  type: "group",
+                  sections: [
+                    {
+                      id: "enable-2fa",
+                      name: strings.change2faMethod(),
+                      icon: "shield-check",
+                      iconFamily: "notesnook",
+                      modifer: () => {
+                        verifyUser("global", async () => {
+                          MFASheet.present();
+                        });
+                      },
+                      useHook: () => useUserStore((state) => state.user),
+                      description: strings.change2faMethodDesc()
+                    },
+                    {
+                      id: "2fa-fallback",
+                      name: strings.addFallback2faMethod(),
+                      icon: "shield-plus",
+                      iconFamily: "notesnook",
+                      useHook: () => useUserStore((state) => state.user),
+                      hidden: (user) => {
+                        return (
+                          !!(user as User)?.mfa?.secondaryMethod ||
+                          !(user as User)?.mfa?.isEnabled
+                        );
+                      },
+                      modifer: () => {
+                        verifyUser("global", async () => {
+                          MFASheet.present(true);
+                        });
+                      },
+                      description: strings.addFallback2faMethodDesc()
+                    },
+                    {
+                      id: "change-2fa-method",
+                      name: strings.change2faFallbackMethod(),
+                      icon: "shield-plus",
+                      useHook: () => useUserStore((state) => state.user),
+                      hidden: (user) => {
+                        return (
+                          !(user as User)?.mfa?.secondaryMethod ||
+                          !(user as User)?.mfa?.isEnabled
+                        );
+                      },
+                      modifer: () => {
+                        verifyUser("global", async () => {
+                          MFASheet.present(true);
+                        });
+                      },
+                      description: strings.change2faFallbackMethod()
+                    },
+                    {
+                      id: "view-2fa-codes",
+                      name: strings.viewRecoveryCodes(),
+                      modifer: () => {
+                        verifyUser("global", async () => {
+                          MFARecoveryCodes.present("sms");
+                        });
+                      },
+                      icon: "numpad",
+                      iconFamily: "notesnook",
+                      useHook: () => useUserStore((state) => state.user),
+                      hidden: (user) => {
+                        return !(user as User)?.mfa?.isEnabled;
+                      },
+                      description: strings.viewRecoveryCodesDesc()
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              id: "recovery-key",
+              name: strings.saveDataRecoveryKey(),
+              iconFamily: "notesnook",
+              modifer: async () => {
+                // if (await verifyUser()) {
+
+                // }
+                RecoveryKeySheet.present();
+              },
+              description: strings.saveDataRecoveryKeyDesc(),
+              icon: "key"
+            }
+          ]
+        },
+        {
+          id: "data-storage-sub-section",
+          type: "group",
+          name: strings.dataAndStorage(),
+          icon: "paperclip",
+          iconFamily: "notesnook",
+          sections: [
+            {
+              id: "manage-attachments",
+              name: strings.manageAttachments(),
+              icon: "paperclip",
+              iconFamily: "notesnook",
+              type: "screen",
+              component: "attachments-manager",
+              description: strings.manageAttachmentsDesc(),
+              hideHeader: true
+            },
+            {
+              id: "clear-cache",
+              name: strings.clearCache(),
+              icon: "trash",
+              iconFamily: "notesnook",
+              modifer: async () => {
+                presentDialog({
+                  title: strings.clearCacheConfirm(),
+                  paragraph: strings.clearCacheConfirmDesc(),
+                  positiveText: strings.clear(),
+                  positivePress: async () => {
+                    filesystem.clearCache();
+                    ToastManager.show({
+                      heading: strings.cacheCleared(),
+                      message: strings.cacheClearedDesc(),
+                      type: "success"
+                    });
+                  }
+                });
+              },
+              description(current) {
+                return strings.clearCacheDesc(current as number);
+              },
+              useHook: () => {
+                const [cacheSize, setCacheSize] = React.useState(0);
+                React.useEffect(() => {
+                  filesystem
+                    .getCacheSize()
+                    .then(setCacheSize)
+                    .catch(() => {
+                      /* empty */
+                    });
+                  const sub = eSubscribeEvent("cache-cleared", () => {
+                    setCacheSize(0);
+                  });
+                  return () => {
+                    sub?.unsubscribe();
+                  };
+                }, []);
+                return formatBytes(cacheSize);
+              }
+            }
+          ]
+        },
+        {
+          id: "account-actions-sub-section",
+          type: "group",
+          name: strings.accountActions(),
+          icon: "user-sheet-logout",
+          iconFamily: "notesnook",
+          sections: [
+            {
+              id: "logout",
+              type: "danger",
+              name: strings.logout(),
+              description: strings.logoutWarnin(),
+              icon: "user-sheet-logout",
+              iconFamily: "notesnook",
+              modifer: logoutUser
+            },
+            {
+              id: "delete-account",
+              type: "danger",
+              name: strings.deleteAccount(),
+              icon: "user-circle-minus",
+              iconFamily: "notesnook",
+              description: strings.deleteAccountDesc(),
+              modifer: () => {
+                presentDialog({
+                  title: strings.deleteAccount(),
+                  paragraphColor: "red",
+                  paragraph: strings.deleteAccountDesc(),
+                  positiveType: "errorShade",
+                  input: true,
+                  secureTextEntry: true,
+                  inputPlaceholder: strings.enterAccountPassword(),
+                  positiveText: strings.delete(),
+                  positivePress: async (value) => {
+                    try {
+                      if (!value || !value.trim()) {
+                        ToastManager.error(
+                          new Error(strings.passwordNotEntered()),
+                          undefined,
+                          "local"
+                        );
+                        return;
+                      }
+                      const verified = await db.user?.verifyPassword(value);
+                      if (verified) {
+                        setTimeout(async () => {
+                          try {
+                            startProgress({
+                              title: "Deleting account",
+                              paragraph:
+                                "Please wait while we delete your account"
+                            });
+                            await db.user?.deleteUser(value);
+                            DatabaseLogger.info("User account deleted");
+                            Navigation.navigate("Notes");
+                            await BiometricService.resetCredentials();
+                            SettingsService.set({
+                              introCompleted: true
+                            });
+                          } catch (e) {
+                            endProgress();
+                            DatabaseLogger.error(e);
+                            ToastManager.error(
+                              e as Error,
+                              strings.failedToDeleteAccount(),
+                              "global"
+                            );
+                          }
+                        }, 300);
+                      } else {
+                        ToastManager.show({
+                          heading: strings.passwordIncorrect(),
+                          type: "error",
+                          context: "global"
+                        });
+                      }
+                    } catch (e) {
+                      ToastManager.error(
+                        e as Error,
+                        strings.failedToDeleteAccount(),
+                        "global"
+                      );
+                    }
+                  }
+                });
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "sync-settings",
+      name: strings.syncSettings(),
+      description: strings.syncSettingsDesc(),
+      type: "screen",
+      icon: "arrows-clockwise",
+      iconFamily: "notesnook",
+      component: "offline-mode-progress",
+      sections: [
+        {
+          id: "sync-behavior-sub-section",
+          type: "group",
+          name: strings.syncBehavior(),
+          sections: [
+            {
+              id: "auto-sync",
+              name: strings.autoSync(),
+              description: strings.autoSyncDesc(),
+              type: "switch",
+              property: "disableAutoSync",
+              featureId: "syncControls",
+              icon: "arrows-clockwise",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "disable-realtime-sync",
+              name: strings.realtimeSync(),
+              description: strings.realtimeSyncDesc(),
+              type: "switch",
+              property: "disableRealtimeSync",
+              featureId: "syncControls",
+              icon: "cloud-check",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "offline-mode",
+              icon: "wifi-slash",
+              iconFamily: "notesnook",
+              name: strings.fullOfflineMode(),
+              description: strings.fullOfflineModeDesc(),
+              type: "switch",
+              property: "offlineMode",
+              featureId: "fullOfflineMode",
+              modifer: () => {
+                const current = SettingsService.get().offlineMode;
+                if (current) {
+                  SettingsService.setProperty("offlineMode", false);
+                  db.fs().cancel("offline-mode");
+                  return;
+                }
+                SettingsService.setProperty("offlineMode", true);
+                db.attachments.cacheAttachments().catch(() => {
+                  /* empty */
+                });
+              }
+            }
+          ]
+        },
+        {
+          id: "advanced-sync-sub-section",
+          type: "group",
+          name: strings.advancedSettings(),
+          sections: [
+            {
+              id: "background-sync",
+              name: strings.backgroundSync(),
+              description: strings.backgroundSyncDesc(),
+              type: "switch",
+              property: "backgroundSync",
+              icon: "arrow-u-up-left",
+              iconFamily: "notesnook",
+              onChange: (value) => {
+                if (value) {
+                  BackgroundSync.start();
+                } else {
+                  BackgroundSync.stop();
+                }
+              }
+            }
+          ]
+        },
+        {
+          id: "sync-troubleshooting-sub-section",
+          type: "group",
+          name: strings.troubleshooting(),
+          sections: [
+            {
+              id: "disable-sync",
+              name: strings.pauseSync(),
+              description: strings.pauseSyncDesc(),
+              type: "switch",
+              property: "disableSync",
+              featureId: "syncControls",
+              icon: "pause",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "pull-sync",
+              name: strings.forcePullChanges(),
+              description: strings.forcePullChangesDesc(),
+              icon: "git-pull-request",
+              iconFamily: "notesnook",
+              modifer: () => {
+                ForceSyncSheet.present("fetch");
+              }
+            },
+            {
+              id: "push-sync",
+              name: strings.forcePushChanges(),
+              description: strings.forcePushChangesDesc(),
+              icon: "arrow-fat-up",
+              iconFamily: "notesnook",
+              modifer: () => {
+                ForceSyncSheet.present("send");
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "notesnook-circle",
+      name: strings.notesnookCircle(),
+      icon: "users-three",
+      iconFamily: "notesnook",
+      type: "screen",
+      description: strings.notesnookCircleDesc(),
+      component: "notesnook-circle"
+    },
+    {
+      id: "inbox-api",
+      name: strings.inboxAPI(),
+      icon: "inbox",
+      type: "screen",
+      description: strings.inboxAPIDesc(),
+      sections: [
+        {
+          id: "inbox-api-group",
+          name: strings.inboxAPI(),
+          type: "group",
+          sections: [
+            {
+              id: "toggle-inbox-api",
+              name: strings.enableInboxAPI(),
+              description: strings.enableInboxAPIDesc(),
+              type: "switch",
+              icon: "file-cloud",
+              iconFamily: "notesnook",
+              useHook: () => {
+                return useSettingStore((state) => state.inboxEnabled);
+              },
+              getter: (current) => current,
+              modifer: async (current) => {
+                if (current) {
+                  return new Promise((resolve) => {
+                    presentDialog({
+                      title: strings.disableInboxAPI(),
+                      paragraph: strings.disableInboxAPIDesc(),
+                      positiveText: strings.disable(),
+                      onClose: () => {
+                        resolve();
+                      },
+                      positivePress: async () => {
+                        try {
+                          await db.inboxItemsHistory.deleteFailed();
+                          await db.user.discardInboxKeys();
+                          useSettingStore.setState({
+                            inboxEnabled: false
+                          });
+                          resolve();
+                          return true;
+                        } catch (e) {
+                          ToastManager.show({
+                            message: (e as Error).message,
+                            context: "local"
+                          });
+                          DatabaseLogger.error(e);
+                          return false;
+                        }
+                      }
+                    });
+                  });
+                }
+
+                try {
+                  Navigation.push("SettingsGroup", {
+                    id: "setup-inbox-keys",
+                    name: strings.setupInboxKeys(),
+                    type: "screen",
+                    component: "setup-inbox-keys"
+                  } as any);
+                } catch (e) {
+                  console.log(e);
+                }
+              }
+            },
+            {
+              id: "manage-inbox-keys",
+              name: strings.manageInboxKeys(),
+              icon: "tray-arrow-down",
+              iconFamily: "notesnook",
+              useHook: () => useSettingStore((state) => state.inboxEnabled),
+              hidden: (current) => !current,
+              description: strings.manageInboxKeysDesc(),
+              onVerify: async () => {
+                return new Promise((resolve) => {
+                  verifyUser(
+                    "global",
+                    () => {
+                      resolve(true);
+                    },
+                    false,
+                    () => resolve(false)
+                  );
+                });
+              },
+              type: "screen",
+              component: "manage-inbox-keys"
+            },
+            {
+              id: "inbox-keys",
+              name: strings.viewAPIKeys(),
+              description: strings.viewAPIKeysDesc(),
+              useHook: () => useSettingStore((state) => state.inboxEnabled),
+              hidden: (current) => !current,
+              type: "screen",
+              component: "inbox-keys",
+              icon: "key",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "failed-inbox-items",
+              name: strings.failedInboxItems(),
+              description: strings.failedInboxItemsDesc(),
+              useHook: () => useSettingStore((state) => state.inboxEnabled),
+              hidden: (current) => !current,
+              type: "screen",
+              component: "failed-inbox-items",
+              icon: "warning-circle",
+              iconFamily: "notesnook",
+              hideHeader: true
+            }
+          ]
+        }
+      ]
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/back-restore.ts b/apps/mobile/app/screens/settings/groups/back-restore.ts
new file mode 100644
index 000000000..38408e31b
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/back-restore.ts
@@ -0,0 +1,313 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { Platform } from "react-native";
+import ExportNotesSheet from "../../../components/sheets/export-notes";
+import BackupService from "../../../services/backup";
+import SettingsService from "../../../services/settings";
+import { useUserStore } from "../../../stores/use-user-store";
+import { ToastManager } from "../../../services/event-manager";
+import { verifyUser } from "../verify-user";
+import { SettingSection } from "../types";
+import { restoreBackup } from "../restore-backup";
+import { keepLocalCopy, pick } from "@react-native-documents/picker";
+import * as ScopedStorage from "react-native-scoped-storage";
+
+export const backRestoreGroup: SettingSection = {
+  id: "back-restore",
+  name: strings.backupRestore(),
+  sections: [
+    {
+      id: "backups",
+      type: "screen",
+      name: strings.backups(),
+      icon: "clock-counter-clockwise",
+      iconFamily: "notesnook",
+      description: strings.backupsDesc(),
+      sections: [
+        {
+          id: "backup-actions-group",
+          type: "group",
+          name: strings.backupActions(),
+          sections: [
+            {
+              id: "backup-now",
+              name: strings.backupNow(),
+              description: strings.backupNowDesc(),
+              icon: "clock-counter-clockwise",
+              iconFamily: "notesnook",
+              modifer: async () => {
+                const user = useUserStore.getState().user;
+                if (!user || SettingsService.getProperty("encryptedBackup")) {
+                  await BackupService.run(true);
+                  return;
+                }
+
+                verifyUser(undefined, () => BackupService.run(true));
+              }
+            },
+            {
+              id: "backup-now-with-attachments",
+              name: strings.fullBackup(),
+              description: strings.backupNowWithAttachmentsDesc(),
+              icon: "cloud-check",
+              iconFamily: "notesnook",
+              hidden: () => !useUserStore.getState().user,
+              modifer: async () => {
+                const user = useUserStore.getState().user;
+                if (!user || SettingsService.getProperty("encryptedBackup")) {
+                  await BackupService.run(true, undefined, "full");
+                  return;
+                }
+
+                verifyUser(undefined, () =>
+                  BackupService.run(true, undefined, "full")
+                );
+              }
+            }
+          ]
+        },
+        {
+          id: "auto-backups-group",
+          name: strings.automaticBackups(),
+          type: "group",
+          sections: [
+            {
+              id: "auto-backups",
+              type: "component",
+              icon: "clock",
+              iconFamily: "notesnook",
+              name: strings.automaticBackups(),
+              description: strings.automaticBackupsDesc(),
+              component: "autobackups"
+            },
+            {
+              id: "auto-backups-with-attachments",
+              type: "component",
+              icon: "arrows-clockwise",
+              iconFamily: "notesnook",
+              hidden: () => !useUserStore.getState().user,
+              name: strings.automaticFullBackup(),
+              description: [
+                ...strings.automaticBackupsWithAttachmentsDesc()
+              ].join("\n"),
+              component: "autobackupsattachments"
+            }
+          ]
+        },
+        {
+          id: "storage-location-group",
+          name: strings.storageAndLocation(),
+          type: "group",
+          hidden: () => Platform.OS !== "android",
+          sections: [
+            {
+              id: "select-backup-dir",
+              name: strings.selectBackupDir(),
+              description: () => {
+                const desc = strings.selectBackupDirDesc(
+                  SettingsService.get().backupDirectoryAndroid?.path || ""
+                );
+                return desc[0] + " " + desc[1];
+              },
+              icon: "folder",
+              iconFamily: "notesnook",
+              hidden: () =>
+                !!SettingsService.get().backupDirectoryAndroid ||
+                Platform.OS !== "android",
+              property: "backupDirectoryAndroid",
+              modifer: async () => {
+                let dir;
+                try {
+                  dir = await BackupService.checkBackupDirExists(true);
+                } catch (e) {
+                  console.error(e);
+                } finally {
+                  if (!dir) {
+                    ToastManager.show({
+                      heading: strings.noDirectorySelected(),
+                      type: "error"
+                    });
+                  }
+                }
+              }
+            },
+            {
+              id: "change-backup-dir",
+              name: strings.changeBackupDir(),
+              description: () =>
+                SettingsService.get().backupDirectoryAndroid?.name || "",
+              icon: "folder",
+              hidden: () =>
+                !SettingsService.get().backupDirectoryAndroid ||
+                Platform.OS !== "android",
+              property: "backupDirectoryAndroid",
+              modifer: async () => {
+                let dir;
+                try {
+                  dir = await BackupService.checkBackupDirExists(true);
+                } catch (e) {
+                  console.error(e);
+                } finally {
+                  if (!dir) {
+                    ToastManager.show({
+                      heading: strings.noDirectorySelected(),
+                      type: "error"
+                    });
+                  }
+                }
+              }
+            }
+          ]
+        },
+        {
+          id: "backup-encryption-group",
+          type: "group",
+          name: strings.security(),
+          sections: [
+            {
+              id: "enable-backup-encryption",
+              type: "switch",
+              name: strings.backupEncryption(),
+              description: strings.backupEncryptionDesc(),
+              icon: "lock",
+              property: "encryptedBackup",
+              modifer: async () => {
+                const user = useUserStore.getState().user;
+                const settings = SettingsService.get();
+                if (!user) {
+                  ToastManager.show({
+                    heading: strings.loginRequired(),
+                    type: "error"
+                  });
+                  return;
+                }
+                if (settings.encryptedBackup) {
+                  await verifyUser(undefined, () => {
+                    SettingsService.set({
+                      encryptedBackup: false
+                    });
+                  });
+                } else {
+                  SettingsService.set({
+                    encryptedBackup: true
+                  });
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "restore-backup",
+      name: strings.restoreBackup(),
+      description: strings.restoreBackupDesc(),
+      icon: "arrow-counter-clockwise",
+      iconFamily: "notesnook",
+      type: "screen",
+      sections: [
+        {
+          id: "restore-options",
+          type: "group",
+          name: strings.restoreActions(),
+          sections: [
+            {
+              id: "restore-from-files",
+              name: strings.restoreFromFiles(),
+              icon: "folder",
+              modifer: async () => {
+                useUserStore.setState({
+                  disableAppLockRequests: true
+                });
+                const file = await pick();
+                const fileCopy = await keepLocalCopy({
+                  destination: "cachesDirectory",
+                  files: [
+                    {
+                      uri: file[0].uri,
+                      fileName: file[0].name ?? `backup_restore_${Date.now()}`
+                    }
+                  ]
+                });
+
+                if (fileCopy[0].status === "error") {
+                  ToastManager.error(new Error("File copy error"));
+                  return;
+                }
+
+                setTimeout(() => {
+                  useUserStore.setState({
+                    disableAppLockRequests: false
+                  });
+                }, 1000);
+
+                restoreBackup({
+                  uri: fileCopy[0].localUri,
+                  deleteFile: true
+                });
+              },
+              description: strings.selectBackupFileDesc()
+            },
+            {
+              id: "select-backup-folder",
+              name: strings.selectBackupFolder(),
+              icon: "folder",
+              hidden: () => Platform.OS !== "android",
+              modifer: async () => {
+                const folder = await ScopedStorage.openDocumentTree(true);
+                let subfolder;
+                if (folder.name !== "Notesnook backups") {
+                  subfolder = await ScopedStorage.createDirectory(
+                    folder.uri,
+                    "Notesnook backups"
+                  );
+                } else {
+                  subfolder = folder;
+                }
+                SettingsService.set({
+                  backupDirectoryAndroid: subfolder
+                });
+              },
+              description: strings.selectFolderForBackupFilesDesc()
+            }
+          ]
+        },
+        {
+          id: "recent-backups-group",
+          type: "component",
+          component: "backuprestore"
+        }
+      ]
+    },
+    {
+      id: "export-notes",
+      name: strings.exportAllNotes(),
+      icon: "export",
+      iconFamily: "notesnook",
+      description: strings.exportAllNotesDesc(),
+      modifer: () => {
+        verifyUser(undefined, () => {
+          ExportNotesSheet.present(undefined, true);
+        });
+      }
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/community.ts b/apps/mobile/app/screens/settings/groups/community.ts
new file mode 100644
index 000000000..0503b6b0a
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/community.ts
@@ -0,0 +1,76 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { Linking } from "react-native";
+import { SettingSection } from "../types";
+
+export const communityGroup: SettingSection = {
+  id: "community",
+  name: strings.community(),
+  sections: [
+    {
+      id: "join-telegram",
+      name: strings.joinTelegram(),
+      description: strings.joinTelegramDesc(),
+      icon: "telegram-logo",
+      iconFamily: "notesnook",
+      iconSize: 16,
+      modifer: () => {
+        Linking.openURL("https://t.me/notesnook").catch(() => {
+          /* empty */
+        });
+      }
+    },
+    {
+      id: "join-mastodon",
+      name: strings.joinMastodon(),
+      description: strings.joinMastodonDesc(),
+      icon: "mastodon-logo",
+      iconFamily: "notesnook",
+      modifer: () => {
+        Linking.openURL("https://fosstodon.org/@notesnook").catch(console.log);
+      }
+    },
+    {
+      id: "join-twitter",
+      name: strings.followOnX(),
+      description: strings.followOnXDesc(),
+      icon: "x-logo",
+      iconFamily: "notesnook",
+      modifer: () => {
+        Linking.openURL("https://twitter.com/notesnook").catch(() => {
+          /* empty */
+        });
+      }
+    },
+    {
+      id: "join-discord",
+      name: strings.joinDiscord(),
+      icon: "discord-logo",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        Linking.openURL("https://discord.gg/zQBK97EE22").catch(() => {
+          /* empty */
+        });
+      },
+      description: strings.joinDiscordDesc()
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/customize.ts b/apps/mobile/app/screens/settings/groups/customize.ts
new file mode 100644
index 000000000..864a124fb
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/customize.ts
@@ -0,0 +1,345 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { Appearance } from "react-native";
+import { db } from "../../../common/database";
+import DateFormat from "../../../components/sheets/date-format";
+import TrashInterval from "../../../components/sheets/trash-interval";
+import SettingsService from "../../../services/settings";
+import { useThemeStore } from "../../../stores/use-theme-store";
+import { EDITOR_LINE_HEIGHT } from "../../../utils/constants";
+import { ToastManager } from "../../../services/event-manager";
+import { useDragState } from "../components/editor/state";
+import { SettingSection } from "../types";
+
+export const customizeGroup: SettingSection = {
+  id: "customize",
+  name: strings.customization(),
+  sections: [
+    {
+      id: "personalization",
+      type: "screen",
+      name: strings.appearance(),
+      description: strings.appearanceDesc(),
+      icon: "squares-four",
+      iconFamily: "notesnook",
+      sections: [
+        {
+          id: "appearance-group",
+          type: "group",
+          name: strings.appearance(),
+          sections: [
+            {
+              id: "theme-picker",
+              type: "screen",
+              name: strings.themes(),
+              description: strings.themesDesc(),
+              component: "theme-selector",
+              icon: "paint-roller",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "use-system-theme",
+              type: "switch",
+              name: strings.useSystemTheme(),
+              description: strings.useSystemThemeDesc(),
+              property: "useSystemTheme",
+              icon: "swatches",
+              iconFamily: "notesnook",
+              modifer: () => {
+                const current = SettingsService.get().useSystemTheme;
+                SettingsService.set({
+                  useSystemTheme: !current
+                });
+                if (!current) {
+                  const systemColorScheme = Appearance.getColorScheme();
+                  useThemeStore
+                    .getState()
+                    .setColorScheme(
+                      systemColorScheme === "dark" ? "dark" : "light"
+                    );
+                }
+              }
+            },
+            {
+              id: "enable-dark-mode",
+              type: "switch",
+              name: strings.darkMode(),
+              description: strings.darkModeDesc(),
+              property: "colorScheme",
+              icon: "moon",
+              iconFamily: "notesnook",
+              modifer: () => {
+                useThemeStore.getState().setColorScheme();
+              },
+              getter: () => useThemeStore.getState().colorScheme === "dark"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "behaviour",
+      type: "screen",
+      icon: "sliders-horizontal",
+      iconFamily: "notesnook",
+      name: strings.behavior(),
+      description: strings.behaviorDesc(),
+      sections: [
+        {
+          id: "navigation-group",
+          type: "group",
+          name: strings.navigation(),
+          sections: [
+            {
+              id: "default-sidebar-view",
+              type: "component",
+              name: strings.defaultSidebarTab(),
+              description: strings.defaultSidebarTabDesc(),
+              component: "sidebar-tab-selector",
+              icon: "table",
+              iconFamily: "notesnook"
+            }
+          ]
+        },
+        {
+          id: "date-time-group",
+          name: strings.dateAndTime(),
+          type: "group",
+          sections: [
+            {
+              id: "date-format",
+              name: strings.dateFormat(),
+              description: strings.dateFormatDesc(),
+              icon: "calendar",
+              iconFamily: "notesnook",
+              modifer: () => {
+                DateFormat.present();
+              }
+            },
+            {
+              id: "day-format",
+              name: strings.dayFormat(),
+              description: strings.dayFormatDesc(),
+              type: "component",
+              component: "day-format-selector",
+              icon: "calendar-check",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "week-format",
+              name: strings.weekFormat(),
+              description: strings.weekFormatDesc(),
+              type: "component",
+              component: "week-format-selector",
+              icon: "calendar-dots",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "time-format",
+              name: strings.timeFormat(),
+              description: strings.timeFormatDesc(),
+              type: "component",
+              component: "time-format-selector",
+              icon: "clock",
+              iconFamily: "notesnook"
+            }
+          ]
+        },
+        {
+          id: "miscellaneous-group",
+          type: "group",
+          name: strings.miscellaneous(),
+          sections: [
+            {
+              id: "clear-trash-interval",
+              name: strings.clearTrashInterval(),
+              description: strings.clearTrashIntervalDesc(),
+              icon: "trash",
+              iconFamily: "notesnook",
+              modifer: () => {
+                TrashInterval.present();
+              }
+            },
+            {
+              id: "image-compression",
+              type: "component",
+              name: strings.imageCompression(),
+              description: strings.imageCompressionDesc(),
+              component: "image-compression-picker",
+              icon: "arrows-clockwise",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "default-notebook",
+              name: strings.clearDefaultNotebook(),
+              description: strings.clearDefaultNotebookDesc(),
+              modifer: () => {
+                db.settings.setDefaultNotebook(undefined);
+                ToastManager.show({
+                  heading: strings.defaultNotebookCleared(),
+                  type: "success"
+                });
+              },
+              hidden: () => !db.settings.getDefaultNotebook(),
+              icon: "bookmark",
+              iconFamily: "notesnook"
+            },
+            {
+              id: "disable-update-check",
+              type: "switch",
+              name: strings.autoUpdateCheck(),
+              description: strings.autoUpdateCheckDesc(),
+              property: "checkForUpdates",
+              icon: "arrow-clockwise",
+              iconFamily: "notesnook"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "editor",
+      name: strings.editor(),
+      type: "screen",
+      icon: "pencil-simple-line",
+      iconFamily: "notesnook",
+      description: strings.editorDesc(),
+      sections: [
+        {
+          id: "toolbar-group",
+          name: strings.toolbar(),
+          type: "group",
+          sections: [
+            {
+              id: "configure-toolbar",
+              type: "screen",
+              name: strings.customizeToolbar(),
+              description: strings.customizeToolbarDesc(),
+              component: "configuretoolbar"
+            },
+            {
+              id: "reset-toolbar",
+              name: strings.resetToolbar(),
+              description: strings.resetToolbarDesc(),
+              modifer: () => {
+                useDragState.getState().setPreset("default");
+                ToastManager.show({
+                  heading: strings.toolbarReset(),
+                  type: "success"
+                });
+              }
+            }
+          ]
+        },
+        {
+          id: "typography-group",
+          name: strings.typography(),
+          type: "group",
+          sections: [
+            {
+              id: "default-font-family",
+              name: strings.defaultFontFamily(),
+              description: strings.defaultFontFamilyDesc(),
+              type: "component",
+              icon: "format-font",
+              property: "defaultFontFamily",
+              component: "font-selector"
+            },
+            {
+              id: "default-font-size",
+              name: strings.defaultFontSize(),
+              description: strings.defaultFontSizeDesc(),
+              type: "input-selector",
+              minInputValue: 8,
+              maxInputValue: 120,
+              inputBadgeValue: "px",
+              icon: "format-size",
+              property: "defaultFontSize"
+            },
+            {
+              id: "default-line-height",
+              name: strings.lineHeight(),
+              description: strings.lineHeightDesc(),
+              type: "input-selector",
+              property: "defaultLineHeight",
+              icon: "format-line-spacing",
+              minInputValue: EDITOR_LINE_HEIGHT.MIN,
+              maxInputValue: EDITOR_LINE_HEIGHT.MAX
+            }
+          ]
+        },
+        {
+          id: "formatting-group",
+          name: strings.formatting(),
+          type: "group",
+          sections: [
+            {
+              id: "double-spaced-lines",
+              name: strings.doubleSpacedLines(),
+              description: strings.doubleSpacedLinesDesc(),
+              type: "switch",
+              property: "doubleSpacedLines",
+              icon: "format-line-spacing",
+              onChange: () => {
+                ToastManager.show({
+                  heading: strings.lineSpacingChanged(),
+                  type: "success"
+                });
+              }
+            },
+
+            {
+              id: "toggle-markdown",
+              name: strings.mardownShortcuts(),
+              property: "markdownShortcuts",
+              description: strings.mardownShortcutsDesc(),
+              type: "switch",
+              featureId: "markdownShortcuts"
+            }
+          ]
+        },
+        {
+          id: "note-title-group",
+          type: "group",
+          name: strings.newNoteTitle(),
+          sections: [
+            {
+              id: "title-format",
+              name: strings.titleFormat(),
+              component: "title-format",
+              description: strings.titleFormatDesc(),
+              type: "component"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "servers",
+      type: "screen",
+      name: strings.servers(),
+      description: strings.serversConfigurationDesc(),
+      icon: "hard-drives",
+      iconFamily: "notesnook",
+      component: "server-config"
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/help-support.tsx b/apps/mobile/app/screens/settings/groups/help-support.tsx
new file mode 100644
index 000000000..8048566a0
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/help-support.tsx
@@ -0,0 +1,84 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import Clipboard from "@react-native-clipboard/clipboard";
+import React from "react";
+import { Linking } from "react-native";
+import DownloadLogs from "../../../components/sheets/download-logs";
+import { Issue } from "../../../components/sheets/github/issue";
+import { ToastManager, presentSheet } from "../../../services/event-manager";
+import { SettingSection } from "../types";
+export const helpSupportGroup: SettingSection = {
+  id: "help-support",
+  name: strings.helpAndSupport(),
+  sections: [
+    {
+      id: "report-issue",
+      name: strings.reportAnIssue(),
+      icon: "warning-circle",
+      iconFamily: "notesnook",
+      modifer: () => {
+        presentSheet({
+          //@ts-ignore Migrate to TS
+          component: <Issue />
+        });
+      },
+      description: strings.reportAnIssueDesc()
+    },
+    {
+      id: "email-support",
+      name: strings.emailSupport(),
+      icon: "envelope-simple",
+      iconFamily: "notesnook",
+      modifer: () => {
+        Clipboard.setString("support@streetwriters.co");
+        ToastManager.show({
+          heading: strings.emailCopied(),
+          type: "success",
+          icon: "content-copy"
+        });
+        setTimeout(() => {
+          Linking.openURL("mailto:support@streetwriters.co");
+        }, 1000);
+      },
+      description: strings.emailSupportDesc()
+    },
+    {
+      id: "docs-link",
+      name: strings.documentation(),
+      modifer: async () => {
+        Linking.openURL("https://help.notesnook.com/");
+      },
+      description: strings.documentationDesc(),
+      icon: "file-text",
+      iconFamily: "notesnook"
+    },
+    {
+      id: "debugging",
+      name: strings.downloadDebugLogs(),
+      description: strings.downloadDebugLogsDesc(),
+      icon: "bug-droid",
+      iconFamily: "notesnook",
+      modifer: () => {
+        DownloadLogs.present();
+      }
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/index.ts b/apps/mobile/app/screens/settings/groups/index.ts
new file mode 100644
index 000000000..bd70bea14
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/index.ts
@@ -0,0 +1,48 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import React from "react";
+import { SettingSection } from "../types";
+import { accountLocalGroup } from "./account-local";
+import { accountGroup } from "./account";
+import { customizeGroup } from "./customize";
+import { privacySecurityGroup } from "./privacy-security";
+import { backRestoreGroup } from "./back-restore";
+import { productivityGroup } from "./productivity";
+import { helpSupportGroup } from "./help-support";
+import { communityGroup } from "./community";
+import { legalGroup } from "./legal";
+import { aboutGroup } from "./about";
+
+export const useSettingsData = () => {
+  return React.useMemo<SettingSection[]>(
+    () => [
+      accountLocalGroup,
+      accountGroup,
+      customizeGroup,
+      privacySecurityGroup,
+      backRestoreGroup,
+      productivityGroup,
+      helpSupportGroup,
+      communityGroup,
+      legalGroup,
+      aboutGroup
+    ],
+    []
+  );
+};
diff --git a/apps/mobile/app/screens/settings/groups/legal.ts b/apps/mobile/app/screens/settings/groups/legal.ts
new file mode 100644
index 000000000..eb6316d41
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/legal.ts
@@ -0,0 +1,66 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { Linking } from "react-native";
+import { SettingSection } from "../types";
+
+export const legalGroup: SettingSection = {
+  id: "legal",
+  name: strings.legal(),
+  sections: [
+    {
+      id: "tos",
+      name: strings.tos(),
+      icon: "bag-simple",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        try {
+          await Linking.openURL("https://notesnook.com/tos");
+        } catch (e) {
+          console.error(e);
+        }
+      },
+      description: strings.tosDesc()
+    },
+    {
+      id: "privacy-policy",
+      name: strings.privacyPolicy(),
+      icon: "shield",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        try {
+          await Linking.openURL("https://notesnook.com/privacy");
+        } catch (e) {
+          console.error(e);
+        }
+      },
+      description: strings.privacyPolicyDesc()
+    },
+    {
+      id: "licenses",
+      name: strings.licenses(),
+      type: "screen",
+      component: "licenses",
+      description: strings.ossLibs(),
+      icon: "file-dashed",
+      iconFamily: "notesnook"
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/privacy-security.ts b/apps/mobile/app/screens/settings/groups/privacy-security.ts
new file mode 100644
index 000000000..bff946c50
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/privacy-security.ts
@@ -0,0 +1,374 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { db } from "../../../common/database";
+import { AppLockPassword } from "../../../components/dialogs/applock-password";
+import AppLockTimeout from "../../../components/sheets/app-lock-timeout";
+import LockVaultTimer from "../../../components/sheets/lock-vault-timer";
+import {
+  VaultStatusType,
+  useVaultStatus
+} from "../../../hooks/use-vault-status";
+import BiometricService from "../../../services/biometrics";
+import SettingsService from "../../../services/settings";
+import { useUserStore } from "../../../stores/use-user-store";
+import {
+  ToastManager,
+  VaultRequestType,
+  openVault
+} from "../../../services/event-manager";
+import { verifyUserWithApplock } from "../verify-user";
+import { SettingSection } from "../types";
+
+export const privacySecurityGroup: SettingSection = {
+  id: "privacy-security",
+  name: strings.privacyAndSecurity(),
+  sections: [
+    {
+      id: "marketing-emails",
+      type: "switch",
+      icon: "envelope-simple",
+      iconFamily: "notesnook",
+      name: strings.marketingEmails(),
+      description: strings.marketingEmailsDesc(),
+      modifer: async () => {
+        try {
+          await db.user?.changeMarketingConsent(
+            !useUserStore.getState().user?.marketingConsent
+          );
+          useUserStore.getState().setUser(await db.user?.fetchUser());
+        } catch (e) {
+          ToastManager.error(e as Error);
+        }
+      },
+      getter: (current: any) => current?.marketingConsent,
+      useHook: () => useUserStore((state) => state.user),
+      hidden: (current) => !current
+    },
+    {
+      id: "cors-bypass",
+      type: "input",
+      name: strings.corsBypass(),
+      description: strings.corsBypassDesc(),
+      inputProperties: {
+        defaultValue: "https://cors.notesnook.com",
+        autoCorrect: false,
+        keyboardType: "url"
+      },
+      property: "corsProxy",
+      icon: "network",
+      iconFamily: "notesnook"
+    },
+    {
+      id: "vault",
+      type: "screen",
+      name: strings.vault(),
+      description: strings.vaultDesc(),
+      icon: "key",
+      iconFamily: "notesnook",
+      sections: [
+        {
+          id: "vault-group",
+          name: strings.vault(),
+          type: "group",
+          sections: [
+            {
+              id: "create-vault",
+              name: strings.createVault(),
+              description: strings.createVaultDesc(),
+              icon: "key",
+              iconFamily: "notesnook",
+              useHook: useVaultStatus,
+              hidden: (current) => (current as VaultStatusType)?.exists,
+              modifer: () => {
+                openVault({
+                  requestType: VaultRequestType.CreateVault,
+                  title: strings.createVault(),
+                  buttonTitle: strings.create(),
+                  positiveButtonType: "accent"
+                });
+              }
+            },
+            {
+              id: "biometric-unlock",
+              type: "switch",
+              name: strings.biometricUnlock(),
+              icon: "fingerprint-simple",
+              iconFamily: "notesnook",
+              useHook: useVaultStatus,
+              description: strings.biometricUnlockDesc(),
+              hidden: (current) => {
+                const _current = current as VaultStatusType;
+                return !_current?.exists || !_current?.isBiometryAvailable;
+              },
+              getter: (current) =>
+                (current as VaultStatusType)?.biometryEnrolled,
+              modifer: (current) => {
+                const _current = current as VaultStatusType;
+                const isRevoking = _current.biometryEnrolled;
+                openVault({
+                  requestType: isRevoking
+                    ? VaultRequestType.RevokeFingerprint
+                    : VaultRequestType.EnableFingerprint,
+                  title: isRevoking
+                    ? strings.revokeBiometricUnlock()
+                    : strings.enableBiometricUnlock(),
+                  buttonTitle: isRevoking ? strings.revoke() : strings.enable(),
+                  positiveButtonType: "accent"
+                });
+              }
+            },
+            {
+              id: "change-vault-password",
+              useHook: useVaultStatus,
+              name: strings.changeVaultPassword(),
+              icon: "pencil-simple",
+              iconFamily: "notesnook",
+              description: strings.changeVaultPasswordDesc(),
+              hidden: (current) => !(current as VaultStatusType)?.exists,
+              modifer: () =>
+                openVault({
+                  requestType: VaultRequestType.ChangePassword,
+                  title: strings.changeVaultPassword(),
+                  buttonTitle: strings.change(),
+                  positiveButtonType: "accent"
+                })
+            },
+            {
+              id: "lock-vault-after",
+              useHook: useVaultStatus,
+              name: strings.lockVaultAfter(),
+              description: strings.lockVaultAfterDesc(),
+              hidden: (current) => !(current as VaultStatusType)?.exists,
+              icon: "clock",
+              iconFamily: "notesnook",
+              modifer: () => {
+                LockVaultTimer.present();
+              }
+            },
+            {
+              id: "clear-vault",
+              useHook: useVaultStatus,
+              description: strings.clearVaultDesc(),
+              name: strings.clearVault(),
+              icon: "paint-brush-household",
+              iconFamily: "notesnook",
+              hidden: (current) => !(current as VaultStatusType)?.exists,
+              modifer: () => {
+                openVault({
+                  requestType: VaultRequestType.ClearVault,
+                  title: strings.clearVault() + "?",
+                  buttonTitle: strings.clear(),
+                  positiveButtonType: "accent",
+                  icon: "warning-circle"
+                });
+              }
+            },
+            {
+              id: "delete-vault",
+              name: strings.deleteVault(),
+              description: strings.deleteVaultDesc(),
+              icon: "trash",
+              iconFamily: "notesnook",
+              type: "danger",
+              useHook: useVaultStatus,
+              hidden: (current) => !(current as VaultStatusType)?.exists,
+              modifer: () => {
+                openVault({
+                  requestType: VaultRequestType.DeleteVault,
+                  title: strings.deleteVault() + "?",
+                  buttonTitle: strings.delete(),
+                  positiveButtonType: "accent",
+                  icon: "warning-circle"
+                });
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "privacy-mode",
+      type: "switch",
+      icon: "eye-slash",
+      iconFamily: "notesnook",
+      name: strings.privacyMode(),
+      description: strings.privacyModeDesc(),
+      modifer: () => {
+        const settings = SettingsService.get();
+        SettingsService.setPrivacyScreen(!settings.privacyScreen);
+        SettingsService.set({ privacyScreen: !settings.privacyScreen });
+      },
+      property: "privacyScreen"
+    },
+    {
+      id: "app-lock",
+      name: strings.appLock(),
+      type: "screen",
+      description: strings.appLockDesc(),
+      icon: "lock-simple",
+      iconFamily: "notesnook",
+      featureId: "appLock",
+      sections: [
+        {
+          id: "app-lock-group",
+          type: "group",
+          name: strings.appLock(),
+          sections: [
+            {
+              id: "app-lock-mode",
+              name: strings.enableAppLock(),
+              description: strings.appLockDesc(),
+              icon: "lock",
+              iconFamily: "notesnook",
+              type: "switch",
+              property: "appLockEnabled",
+              featureId: "appLock",
+              onChange: (property) => {
+                if (property) {
+                  SettingsService.set({
+                    privacyScreen: true
+                  });
+                  SettingsService.setPrivacyScreen(true);
+                }
+              },
+              onVerify: async () => {
+                const verified = (await verifyUserWithApplock()) as boolean;
+                if (!verified) return false;
+
+                if (!SettingsService.getProperty("appLockEnabled")) {
+                  if (
+                    !SettingsService.getProperty(
+                      "appLockHasPasswordSecurity"
+                    ) &&
+                    (await BiometricService.isBiometryAvailable())
+                  ) {
+                    SettingsService.setProperty("biometricsAuthEnabled", true);
+                  }
+
+                  if (
+                    !(await BiometricService.isBiometryAvailable()) &&
+                    !SettingsService.getProperty("appLockHasPasswordSecurity")
+                  ) {
+                    AppLockPassword.present("create", true);
+                    return false;
+                  }
+                }
+
+                return verified;
+              }
+            },
+            {
+              id: "app-lock-timer",
+              name: strings.appLockTimeout(),
+              description: strings.appLockTimeoutDesc(),
+              icon: "clock",
+              iconFamily: "notesnook",
+              modifer: async () => {
+                if (await verifyUserWithApplock()) {
+                  AppLockTimeout.present();
+                }
+              }
+            },
+            {
+              id: "app-lock-pass-setup",
+              icon: "numpad",
+              iconFamily: "notesnook",
+              name: strings.setupAppLockPassword(),
+              description: strings.setupAppLockPasswordDesc(),
+              hidden: () => {
+                return !!SettingsService.getProperty(
+                  "appLockHasPasswordSecurity"
+                );
+              },
+              onVerify: () => {
+                return verifyUserWithApplock();
+              },
+              property: "appLockHasPasswordSecurity",
+              modifer: () => {
+                AppLockPassword.present("create");
+              }
+            },
+            {
+              id: "app-lock-pass-change",
+              icon: "numpad",
+              iconFamily: "notesnook",
+              name: strings.changeAppLockPassword(),
+              description: strings.changeAppLockPasswordDesc(),
+              hidden: () => {
+                return !SettingsService.getProperty(
+                  "appLockHasPasswordSecurity"
+                );
+              },
+              property: "appLockHasPasswordSecurity",
+              modifer: () => {
+                AppLockPassword.present("change");
+              }
+            },
+            {
+              id: "app-lock-pass-remove",
+              name: strings.removeAppLockPassword(),
+              description: strings.removeAppLockPasswordDesc(),
+              hidden: () => {
+                return !SettingsService.getProperty(
+                  "appLockHasPasswordSecurity"
+                );
+              },
+              icon: "backspace",
+              iconFamily: "notesnook",
+              property: "appLockHasPasswordSecurity",
+              modifer: () => {
+                AppLockPassword.present("remove");
+              }
+            },
+            {
+              id: "app-lock-fingerprint",
+              name: strings.unlockWithBiometrics(),
+              description: strings.unlockWithBiometricsDesc(),
+              type: "switch",
+
+              property: "biometricsAuthEnabled",
+              onVerify: async () => {
+                const verified = await verifyUserWithApplock();
+                if (!verified) return false;
+
+                if (SettingsService.getProperty("biometricsAuthEnabled")) {
+                  if (
+                    !SettingsService.getProperty("appLockHasPasswordSecurity")
+                  ) {
+                    SettingsService.setProperty("appLockEnabled", false);
+                    ToastManager.show({
+                      heading: strings.appLockDisabled(),
+                      type: "success"
+                    });
+                  }
+                }
+
+                return verified;
+              },
+              icon: "fingerprint-simple",
+              iconFamily: "notesnook"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/groups/productivity.ts b/apps/mobile/app/screens/settings/groups/productivity.ts
new file mode 100644
index 000000000..7ce998156
--- /dev/null
+++ b/apps/mobile/app/screens/settings/groups/productivity.ts
@@ -0,0 +1,131 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import notifee from "@notifee/react-native";
+import { Platform } from "react-native";
+import Notifications from "../../../services/notifications";
+import SettingsService from "../../../services/settings";
+import { SettingSection } from "../types";
+
+export const productivityGroup: SettingSection = {
+  id: "productivity",
+  name: strings.productivity(),
+  sections: [
+    {
+      id: "notification-notes",
+      type: "switch",
+      name: strings.quickNoteNotification(),
+      description: strings.quickNoteNotificationDesc(),
+      property: "notifNotes",
+      icon: "notification",
+      iconFamily: "notesnook",
+      modifer: async () => {
+        const settings = SettingsService.get();
+        if (settings.notifNotes) {
+          Notifications.unpinQuickNote();
+        } else {
+          Notifications.pinQuickNote();
+        }
+        SettingsService.set({
+          notifNotes: !settings.notifNotes
+        });
+      },
+      hidden: () => Platform.OS !== "android",
+      featureId: "createNoteFromNotificationDrawer"
+    },
+    {
+      id: "reminders",
+      type: "screen",
+      name: strings.reminders(),
+      icon: "bell",
+      iconFamily: "notesnook",
+      description: strings.remindersDesc(),
+      sections: [
+        {
+          id: "reminder-notifications",
+          type: "group",
+          name: strings.notifications(),
+          sections: [
+            {
+              id: "enable-reminders",
+              property: "reminderNotifications",
+              type: "switch",
+              name: strings.reminderNotification(),
+              icon: "bell-outline",
+              onChange: (property) => {
+                if (property) {
+                  Notifications.setupReminders();
+                } else {
+                  Notifications.clearAllTriggers();
+                }
+              },
+              description: strings.reminderNotificationDesc()
+            },
+            {
+              id: "snooze-time",
+              property: "defaultSnoozeTime",
+              type: "input",
+              icon: "bell-z",
+              iconFamily: "notesnook",
+              name: strings.defaultSnoozeTime(),
+              description: strings.defaultSnoozeTimeDesc(),
+              inputProperties: {
+                keyboardType: "decimal-pad",
+                defaultValue: 5 + "",
+                placeholder: strings.setSnoozeTimePlaceholder(),
+                onSubmitEditing: () => {
+                  Notifications.setupReminders();
+                }
+              }
+            },
+            {
+              id: "reminder-sound-ios",
+              type: "screen",
+              name: strings.changeNotificationSound(),
+              description: strings.changeNotificationSoundDesc(),
+              component: "sound-picker",
+              icon: "speaker-high",
+              iconFamily: "notesnook",
+              hidden: () =>
+                Platform.OS === "ios" ||
+                (Platform.OS === "android" && Platform.Version > 25)
+            },
+            {
+              id: "reminder-sound-android",
+              name: strings.changeNotificationSound(),
+              description: strings.changeNotificationSoundDesc(),
+              icon: "speaker-high",
+              iconFamily: "notesnook",
+              hidden: () =>
+                Platform.OS === "ios" ||
+                (Platform.OS === "android" && Platform.Version < 26),
+              modifer: async () => {
+                const id = await Notifications.getChannelId("urgent");
+                if (id) {
+                  await notifee.openNotificationSettings(id);
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+};
diff --git a/apps/mobile/app/screens/settings/home.tsx b/apps/mobile/app/screens/settings/home.tsx
index 143af810c..2739aec96 100644
--- a/apps/mobile/app/screens/settings/home.tsx
+++ b/apps/mobile/app/screens/settings/home.tsx
@@ -25,16 +25,21 @@ import { Header } from "../../components/header";
 import { useNavigationFocus } from "../../hooks/use-navigation-focus";
 import useNavigationStore from "../../stores/use-navigation-store";
 import { SectionGroup } from "./section-group";
-import { settingsGroups } from "./settings-data";
+import { useSettingsData } from "./settings-data";
 import { RouteParams, SettingSection } from "./types";
-import SettingsUserSection from "./user-section";
+import SettingsUserSection from "./components/user-section";
 import { LegendList } from "@legendapp/list";
+import { useThemeColors } from "@notesnook/theme";
+import { Spacing } from "../../common/design/spacing";
+import { View } from "react-native";
 
 const keyExtractor = (item: SettingSection) => item.id;
 
 const Home = ({
   navigation
 }: NativeStackScreenProps<RouteParams, "SettingsHome">) => {
+  const { colors } = useThemeColors();
+  const settingsGroups = useSettingsData();
   useNavigationFocus(navigation, {
     onFocus: () => {
       useNavigationStore.getState().setFocusedRouteId("Settings");
@@ -43,20 +48,32 @@ const Home = ({
     focusOnInit: true
   });
 
-  const renderItem = ({ item }: { item: SettingSection; index: number }) =>
+  const renderItem = ({
+    item,
+    index
+  }: {
+    item: SettingSection;
+    index: number;
+  }) =>
     item.id === "account" ? (
       <SettingsUserSection item={item} />
     ) : (
-      <SectionGroup item={item} />
+      <SectionGroup item={item} isLast={!settingsGroups[index + 1]} />
     );
 
   return (
-    <>
+    <View>
       <Header
         renderedInRoute="Settings"
         title={strings.routes.Settings()}
         canGoBack={true}
         hasSearch={false}
+        style={{
+          backgroundColor: "transparent",
+          borderRadius: 0,
+          borderBottomWidth: 1,
+          borderBottomColor: colors.primary.border
+        }}
         id="Settings"
       />
       <DelayLayout type="settings">
@@ -65,9 +82,12 @@ const Home = ({
           data={settingsGroups}
           keyExtractor={keyExtractor}
           renderItem={renderItem}
+          contentContainerStyle={{
+            gap: Spacing.LEVEL_2
+          }}
         />
       </DelayLayout>
-    </>
+    </View>
   );
 };
 
diff --git a/apps/mobile/app/screens/settings/index.tsx b/apps/mobile/app/screens/settings/index.tsx
index 5038b3365..c530edf34 100644
--- a/apps/mobile/app/screens/settings/index.tsx
+++ b/apps/mobile/app/screens/settings/index.tsx
@@ -42,7 +42,7 @@ export const Settings = () => {
         paddingRight: insets.right
       }}
     >
-      <ScopedThemeProvider value="list">
+      <ScopedThemeProvider value="base">
         <SettingsStack.Navigator
           initialRouteName="SettingsHome"
           screenListeners={{
diff --git a/apps/mobile/app/screens/settings/manage-inbox-keys.tsx b/apps/mobile/app/screens/settings/manage-inbox-keys.tsx
index 67655c6a9..0997bc349 100644
--- a/apps/mobile/app/screens/settings/manage-inbox-keys.tsx
+++ b/apps/mobile/app/screens/settings/manage-inbox-keys.tsx
@@ -26,27 +26,40 @@ import React, { useEffect, useRef, useState } from "react";
 import { ActivityIndicator, ScrollView, View } from "react-native";
 import { DatabaseLogger, db } from "../../common/database";
 import { Storage } from "../../common/database/storage";
+import { Radius, Spacing } from "../../common/design/spacing";
 import { presentDialog } from "../../components/dialog/functions";
 import AddApiKeySheet from "../../components/sheets/add-api-key";
+import AppIcon from "../../components/ui/AppIcon";
 import { Button } from "../../components/ui/button";
+import CirclesBackground from "../../components/ui/circles-background";
 import { IconButton } from "../../components/ui/icon-button";
-import Input from "../../components/ui/input";
 import FormInput, {
   createFormRef,
   validators
 } from "../../components/ui/input/form-input";
 import { Notice } from "../../components/ui/notice";
+import { Pressable } from "../../components/ui/pressable";
 import Heading from "../../components/ui/typography/heading";
 import Paragraph from "../../components/ui/typography/paragraph";
 import { ToastManager } from "../../services/event-manager";
 import Navigation from "../../services/navigation";
 import { useSettingStore } from "../../stores/use-setting-store";
 import { AppFontSize } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import AppIcon from "../../components/ui/AppIcon";
+
+type InboxKeysOption = "auto" | "own";
+type SetupStep = "choose" | "edit" | "create-key" | "success";
+
+const getExpiryOptions = () => [
+  { label: strings.expiryOneDay(), value: 24 * 60 * 60 * 1000 },
+  { label: strings.expiryOneWeek(), value: 7 * 24 * 60 * 60 * 1000 },
+  { label: strings.expiryOneMonth(), value: 30 * 24 * 60 * 60 * 1000 },
+  { label: strings.expiryOneYear(), value: 365 * 24 * 60 * 60 * 1000 },
+  { label: strings.never(), value: -1 }
+];
 
 export const SetupInboxKeys = () => {
-  const [mode, setMode] = useState<"choose" | "edit">("choose");
+  const [mode, setMode] = useState<SetupStep>("choose");
+  const [option, setOption] = useState<InboxKeysOption>("auto");
   const [error, setError] = useState("");
   const { colors } = useThemeColors();
   const [isLoading, setIsLoading] = useState(false);
@@ -56,6 +69,23 @@ export const SetupInboxKeys = () => {
       privateKey: ""
     })
   );
+  const keyFormRef = useRef(
+    createFormRef({
+      keyName: ""
+    })
+  );
+  const [selectedExpiry, setSelectedExpiry] = useState(
+    getExpiryOptions()[2].value
+  );
+  const [isCreatingKey, setIsCreatingKey] = useState(false);
+  const [createdKey, setCreatedKey] = useState("");
+  const [copied, setCopied] = useState(false);
+
+  useEffect(() => {
+    if (!copied) return;
+    const timer = setTimeout(() => setCopied(false), 1500);
+    return () => clearTimeout(timer);
+  }, [copied]);
 
   const handleAutoGenerate = async () => {
     try {
@@ -68,7 +98,7 @@ export const SetupInboxKeys = () => {
       useSettingStore.setState({
         inboxEnabled: true
       });
-      Navigation.goBack();
+      setMode("create-key");
     } catch (error) {
       DatabaseLogger.error(error as Error);
       ToastManager.error(error as Error);
@@ -77,6 +107,14 @@ export const SetupInboxKeys = () => {
     }
   };
 
+  const handleContinue = () => {
+    if (option === "auto") {
+      handleAutoGenerate();
+    } else {
+      setMode("edit");
+    }
+  };
+
   const handleSave = async () => {
     try {
       if (!formRef.current.validate()) return;
@@ -95,78 +133,208 @@ export const SetupInboxKeys = () => {
       useSettingStore.setState({
         inboxEnabled: true
       });
-      Navigation.goBack();
       ToastManager.show({
         message: strings.inboxKeysSaved(),
         type: "success"
       });
+      setMode("create-key");
     } catch (e) {
       DatabaseLogger.error(e);
       ToastManager.error(e as Error);
     }
   };
 
+  const pasteInto = async (name: "publicKey" | "privateKey") => {
+    const value = await Clipboard.getString();
+    if (!value) return;
+    formRef.current.setValue(name, value.trim());
+  };
+
+  const handleCreateKey = async () => {
+    if (keyFormRef.current.validateField("keyName")) return;
+    const keyName = keyFormRef.current.getValue("keyName").trim();
+    try {
+      setIsCreatingKey(true);
+      await db.inboxApiKeys.create(keyName, selectedExpiry);
+      const keys = await db.inboxApiKeys.get();
+      const created = keys
+        ?.slice()
+        .sort((a, b) => b.dateCreated - a.dateCreated)[0];
+      setCreatedKey(created?.key || "");
+      setMode("success");
+    } catch (e) {
+      const message = e instanceof Error ? e.message : "";
+      DatabaseLogger.error(e);
+      ToastManager.show({
+        message: strings.failedToCreateApiKey(message),
+        type: "error"
+      });
+      keyFormRef.current.setError(
+        "keyName",
+        message || strings.failedToCreateApiKey("")
+      );
+    } finally {
+      setIsCreatingKey(false);
+    }
+  };
+
+  const handleCopyKey = () => {
+    if (!createdKey) return;
+    Clipboard.setString(createdKey);
+    setCopied(true);
+    ToastManager.show({
+      message: strings.apiKeyCopiedToClipboard(),
+      type: "success"
+    });
+  };
+
   return (
     <View>
       {mode === "choose" ? (
-        <>
-          <View
-            style={{
-              paddingHorizontal: DefaultAppStyles.GAP,
-              gap: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            <Paragraph>{strings.setupInboxPgpKeysDescription()}</Paragraph>
-            <View style={{ gap: DefaultAppStyles.GAP_VERTICAL }}>
-              <Button
-                title={strings.autoGenerateKeys()}
-                type="accent"
-                width="100%"
-                onPress={handleAutoGenerate}
-                disabled={isLoading}
-              />
-              <Button
-                title={strings.provideOwnKeys()}
-                type="secondary"
-                width="100%"
-                onPress={() => setMode("edit")}
-                disabled={isLoading}
-              />
-            </View>
-          </View>
-        </>
-      ) : (
-        <ScrollView
-          contentContainerStyle={{
-            paddingHorizontal: DefaultAppStyles.GAP,
-            gap: DefaultAppStyles.GAP_VERTICAL,
-            marginTop: DefaultAppStyles.GAP_VERTICAL
+        <View
+          style={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            alignItems: "center"
           }}
         >
-          <Paragraph>{strings.publicKey()}</Paragraph>
-          <FormInput
-            name="publicKey"
-            formRef={formRef}
-            numberOfLines={5}
-            validators={[validators.required(strings.publicKeyRequired())]}
-            placeholder={strings.enterPgpPublicKey()}
-            multiline
-            containerStyle={{ minHeight: 150, alignItems: "flex-start" }}
-            inputStyle={{ minHeight: 150, textAlignVertical: "top" }}
-            wrapperStyle={{ minHeight: 150 }}
-          />
-          <Paragraph>{strings.privateKey()}</Paragraph>
-          <FormInput
-            name="privateKey"
-            formRef={formRef}
-            numberOfLines={5}
-            placeholder={strings.enterPgpPrivateKey()}
-            validators={[validators.required(strings.privateKeyRequired())]}
-            multiline
-            containerStyle={{ minHeight: 150, alignItems: "flex-start" }}
-            inputStyle={{ minHeight: 150, textAlignVertical: "top" }}
-            wrapperStyle={{ minHeight: 150 }}
-          />
+          <CirclesBackground
+            style={{
+              marginBottom: Spacing.LEVEL_6
+            }}
+            size={120}
+          >
+            <AppIcon
+              name="shield-check"
+              iconFamily="notesnook"
+              size={22}
+              color={colors.static.white}
+            />
+          </CirclesBackground>
+
+          <View style={{ gap: Spacing.LEVEL_3, width: "100%" }}>
+            <View style={{ gap: Spacing.LEVEL_1 }}>
+              <Heading
+                fontSize="XL"
+                lineHeight="100%"
+                style={{ textAlign: "center" }}
+              >
+                {strings.setupInboxKeys()}
+              </Heading>
+              <Paragraph
+                color={colors.secondary.paragraph}
+                style={{ textAlign: "center" }}
+              >
+                {strings.setupInboxKeysDesc()}
+              </Paragraph>
+            </View>
+
+            <View style={{ gap: Spacing.LEVEL_2 }}>
+              <InboxKeysOptionCard
+                title={strings.autoGenerateKeys()}
+                description={strings.autoGenerateKeysDesc()}
+                selected={option === "auto"}
+                onPress={() => setOption("auto")}
+              />
+              <InboxKeysOptionCard
+                title={strings.provideOwnKeys()}
+                description={strings.provideOwnKeysDesc()}
+                selected={option === "own"}
+                onPress={() => setOption("own")}
+              />
+            </View>
+
+            <Button
+              title={strings.continue()}
+              type="accent"
+              width="100%"
+              onPress={handleContinue}
+              loading={isLoading}
+              disabled={isLoading}
+            />
+          </View>
+        </View>
+      ) : null}
+
+      {mode === "edit" ? (
+        <ScrollView
+          contentContainerStyle={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            gap: Spacing.LEVEL_4
+          }}
+        >
+          <View style={{ gap: Spacing.LEVEL_1 }}>
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between"
+              }}
+            >
+              <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                {strings.publicKey()}
+              </Paragraph>
+              <Paragraph
+                fontSize="XS"
+                color={colors.primary.accent}
+                fontFamily="SEMI_BOLD"
+                onPress={() => pasteInto("publicKey")}
+              >
+                {strings.paste()}
+              </Paragraph>
+            </View>
+            <FormInput
+              name="publicKey"
+              formRef={formRef}
+              numberOfLines={5}
+              validators={[validators.required(strings.publicKeyRequired())]}
+              placeholder={strings.enterPgpPublicKey()}
+              multiline
+              containerStyle={{
+                minHeight: 150,
+                alignItems: "flex-start",
+                borderRadius: Radius.XS
+              }}
+              inputStyle={{ minHeight: 150, textAlignVertical: "top" }}
+              wrapperStyle={{ minHeight: 150 }}
+            />
+          </View>
+
+          <View style={{ gap: Spacing.LEVEL_1 }}>
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between"
+              }}
+            >
+              <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+                {strings.privateKey()}
+              </Paragraph>
+              <Paragraph
+                fontSize="XS"
+                color={colors.primary.accent}
+                onPress={() => pasteInto("privateKey")}
+                fontFamily="SEMI_BOLD"
+              >
+                {strings.paste()}
+              </Paragraph>
+            </View>
+            <FormInput
+              name="privateKey"
+              formRef={formRef}
+              numberOfLines={5}
+              placeholder={strings.enterPgpPrivateKey()}
+              validators={[validators.required(strings.privateKeyRequired())]}
+              multiline
+              containerStyle={{
+                minHeight: 150,
+                alignItems: "flex-start",
+                borderRadius: Radius.XS
+              }}
+              inputStyle={{ minHeight: 150, textAlignVertical: "top" }}
+              wrapperStyle={{ minHeight: 150 }}
+            />
+          </View>
 
           {error ? (
             <Paragraph
@@ -193,11 +361,218 @@ export const SetupInboxKeys = () => {
             onPress={handleSave}
           />
         </ScrollView>
-      )}
+      ) : null}
+
+      {mode === "create-key" ? (
+        <ScrollView
+          contentContainerStyle={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            gap: Spacing.LEVEL_4
+          }}
+        >
+          <View style={{ gap: Spacing.LEVEL_1 }}>
+            <Heading fontSize="XL" lineHeight="100%">
+              {strings.createApiKey()}
+            </Heading>
+            <Paragraph color={colors.secondary.paragraph}>
+              {strings.createApiKeyDesc()}
+            </Paragraph>
+          </View>
+
+          <FormInput
+            name="keyName"
+            formRef={keyFormRef}
+            label={strings.keyName()}
+            placeholder={strings.exampleKeyName()}
+            validators={[validators.required(strings.enterKeyName())]}
+            containerStyle={{ borderRadius: Radius.XS }}
+            onChangeText={() =>
+              keyFormRef.current.setError("keyName", undefined)
+            }
+            onSubmitEditing={handleCreateKey}
+          />
+
+          <View style={{ gap: Spacing.LEVEL_2 }}>
+            <Heading fontSize="MD" lineHeight="100%">
+              {strings.expiresIn()}
+            </Heading>
+            <View style={{ gap: Spacing.LEVEL_2 }}>
+              {getExpiryOptions().map((expiryOption) => {
+                const selected = selectedExpiry === expiryOption.value;
+                return (
+                  <Pressable
+                    key={expiryOption.label}
+                    onPress={() => setSelectedExpiry(expiryOption.value)}
+                    type={selected ? "selected" : "transparent"}
+                    style={{
+                      flexDirection: "row",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      padding: Spacing.LEVEL_2,
+                      borderRadius: Radius.XS,
+                      borderWidth: selected ? 0 : 1,
+                      borderColor: colors.secondary.border
+                    }}
+                  >
+                    <Heading
+                      fontFamily="MEDIUM"
+                      fontSize="SM"
+                      lineHeight="100%"
+                      color={
+                        selected
+                          ? colors.selected.heading
+                          : colors.secondary.heading
+                      }
+                    >
+                      {expiryOption.label}
+                    </Heading>
+                    <AppIcon
+                      name={selected ? "radiobox-marked" : "radiobox-blank"}
+                      size={16}
+                      color={
+                        selected
+                          ? colors.selected.accent
+                          : colors.secondary.icon
+                      }
+                    />
+                  </Pressable>
+                );
+              })}
+            </View>
+          </View>
+
+          <Button
+            title={isCreatingKey ? strings.creating() : strings.create()}
+            type="accent"
+            width="100%"
+            loading={isCreatingKey}
+            disabled={isCreatingKey}
+            onPress={handleCreateKey}
+          />
+        </ScrollView>
+      ) : null}
+
+      {mode === "success" ? (
+        <View
+          style={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            alignItems: "center"
+          }}
+        >
+          <CirclesBackground
+            style={{
+              marginBottom: Spacing.LEVEL_6
+            }}
+            size={120}
+          >
+            <AppIcon name="check" size={20} color={colors.static.white} />
+          </CirclesBackground>
+
+          <View style={{ gap: Spacing.LEVEL_4, width: "100%" }}>
+            <View style={{ gap: Spacing.LEVEL_1 }}>
+              <Heading
+                fontSize="XL"
+                lineHeight="100%"
+                style={{ textAlign: "center" }}
+              >
+                {strings.apiKeyCreatedSuccessfully()}
+              </Heading>
+              <Paragraph
+                color={colors.secondary.paragraph}
+                style={{ textAlign: "center" }}
+              >
+                {strings.apiKeyCreatedDesc()}
+              </Paragraph>
+            </View>
+
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: Spacing.LEVEL_1,
+                paddingHorizontal: Spacing.LEVEL_2,
+                paddingVertical: Spacing.LEVEL_1,
+                backgroundColor: colors.secondary.background,
+                borderRadius: Radius.XS
+              }}
+            >
+              <Paragraph
+                numberOfLines={1}
+                style={{ flex: 1, fontFamily: "monospace" }}
+                fontSize="SM"
+                color={colors.primary.paragraph}
+              >
+                {createdKey}
+              </Paragraph>
+              <IconButton
+                name={copied ? "check" : "content-copy"}
+                size={AppFontSize.md}
+                color={colors.primary.icon}
+                onPress={handleCopyKey}
+              />
+            </View>
+
+            <Button
+              title={strings.done()}
+              type="accent"
+              width="100%"
+              onPress={() => Navigation.goBack()}
+            />
+          </View>
+        </View>
+      ) : null}
     </View>
   );
 };
 
+type InboxKeysOptionCardProps = {
+  title: string;
+  description: string;
+  selected: boolean;
+  onPress: () => void;
+};
+
+function InboxKeysOptionCard({
+  title,
+  description,
+  selected,
+  onPress
+}: InboxKeysOptionCardProps) {
+  const { colors } = useThemeColors();
+  return (
+    <Pressable
+      type="transparent"
+      onPress={onPress}
+      style={{
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: Spacing.LEVEL_1,
+        padding: Spacing.LEVEL_2,
+        borderRadius: Radius.XS,
+        borderWidth: 1,
+        borderColor: selected ? colors.primary.accent : colors.primary.border,
+        backgroundColor: selected ? colors.selected.background : "transparent"
+      }}
+    >
+      <AppIcon
+        name={selected ? "radiobox-marked" : "radiobox-blank"}
+        size={AppFontSize.md}
+        color={selected ? colors.primary.accent : colors.secondary.icon}
+        style={{ marginTop: 1 }}
+      />
+      <View style={{ flex: 1, gap: Spacing.LEVEL_1 }}>
+        <Heading fontSize="SM" lineHeight="100%">
+          {title}
+        </Heading>
+        <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+          {description}
+        </Paragraph>
+      </View>
+    </Pressable>
+  );
+}
+
 const ManageInboxKeys = () => {
   const { colors } = useThemeColors();
   const keys = usePromise(() => db.user.getInboxKeys());
@@ -212,6 +587,13 @@ const ManageInboxKeys = () => {
   const [hasChanged, setHasChanged] = useState(false);
   const [error, setError] = useState("");
 
+  const pasteInto = async (name: "publicKey" | "privateKey") => {
+    const value = await Clipboard.getString();
+    if (!value) return;
+    formRef.current.setValue(name, value.trim());
+    setFormVersion((prev) => prev + 1);
+  };
+
   useEffect(() => {
     if (!inboxKeys) return;
 
@@ -239,35 +621,83 @@ const ManageInboxKeys = () => {
   return (
     <ScrollView
       contentContainerStyle={{
-        paddingHorizontal: DefaultAppStyles.GAP,
-        gap: DefaultAppStyles.GAP_VERTICAL,
-        marginTop: DefaultAppStyles.GAP_VERTICAL
+        paddingHorizontal: Spacing.LEVEL_3,
+        gap: Spacing.LEVEL_4
       }}
     >
       <Notice type="alert" text={strings.changingInboxPgpKeysNotice()} />
 
-      <Paragraph>{strings.publicKey()}</Paragraph>
-      <FormInput
-        key={`public-key-${formVersion}`}
-        name="publicKey"
-        formRef={formRef}
-        validators={[validators.required(strings.publicKeyRequired())]}
-        multiline
-        containerStyle={{ minHeight: 150, alignItems: "flex-start" }}
-        inputStyle={{ height: 140, textAlignVertical: "top" }}
-        wrapperStyle={{ minHeight: 150 }}
-      />
-      <Paragraph>{strings.privateKey()}</Paragraph>
-      <FormInput
-        key={`private-key-${formVersion}`}
-        name="privateKey"
-        formRef={formRef}
-        validators={[validators.required(strings.privateKeyRequired())]}
-        multiline
-        containerStyle={{ minHeight: 150, alignItems: "flex-start" }}
-        inputStyle={{ height: 140, textAlignVertical: "top" }}
-        wrapperStyle={{ minHeight: 150 }}
-      />
+      <View style={{ gap: Spacing.LEVEL_1 }}>
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between"
+          }}
+        >
+          <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+            {strings.publicKey()}
+          </Paragraph>
+          <Paragraph
+            fontSize="XS"
+            color={colors.primary.accent}
+            fontFamily="SEMI_BOLD"
+            onPress={() => pasteInto("publicKey")}
+          >
+            {strings.paste()}
+          </Paragraph>
+        </View>
+        <FormInput
+          key={`public-key-${formVersion}`}
+          name="publicKey"
+          formRef={formRef}
+          validators={[validators.required(strings.publicKeyRequired())]}
+          multiline
+          containerStyle={{
+            minHeight: 150,
+            alignItems: "flex-start",
+            borderRadius: Radius.XS
+          }}
+          inputStyle={{ height: 140, textAlignVertical: "top" }}
+          wrapperStyle={{ minHeight: 150 }}
+        />
+      </View>
+
+      <View style={{ gap: Spacing.LEVEL_1 }}>
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between"
+          }}
+        >
+          <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+            {strings.privateKey()}
+          </Paragraph>
+          <Paragraph
+            fontSize="XS"
+            color={colors.primary.accent}
+            fontFamily="SEMI_BOLD"
+            onPress={() => pasteInto("privateKey")}
+          >
+            {strings.paste()}
+          </Paragraph>
+        </View>
+        <FormInput
+          key={`private-key-${formVersion}`}
+          name="privateKey"
+          formRef={formRef}
+          validators={[validators.required(strings.privateKeyRequired())]}
+          multiline
+          containerStyle={{
+            minHeight: 150,
+            alignItems: "flex-start",
+            borderRadius: Radius.XS
+          }}
+          inputStyle={{ height: 140, textAlignVertical: "top" }}
+          wrapperStyle={{ minHeight: 150 }}
+        />
+      </View>
 
       {error ? (
         <Paragraph
@@ -356,8 +786,8 @@ const InboxKeysList = () => {
           flex: 1,
           justifyContent: "center",
           alignItems: "center",
-          paddingHorizontal: DefaultAppStyles.GAP,
-          gap: DefaultAppStyles.GAP_VERTICAL,
+          paddingHorizontal: Spacing.LEVEL_3,
+          gap: Spacing.LEVEL_2,
           width: "100%"
         }}
       >
@@ -377,8 +807,8 @@ const InboxKeysList = () => {
           flex: 1,
           justifyContent: "center",
           alignItems: "center",
-          paddingHorizontal: DefaultAppStyles.GAP,
-          gap: DefaultAppStyles.GAP_VERTICAL,
+          paddingHorizontal: Spacing.LEVEL_3,
+          gap: Spacing.LEVEL_2,
           width: "100%"
         }}
       >
@@ -399,78 +829,115 @@ const InboxKeysList = () => {
   return (
     <ScrollView
       contentContainerStyle={{
-        gap: DefaultAppStyles.GAP_VERTICAL,
-        paddingVertical: DefaultAppStyles.GAP_VERTICAL,
         width: "100%",
-        paddingHorizontal: DefaultAppStyles.GAP,
-        paddingBottom: 50,
+        paddingHorizontal: Spacing.LEVEL_3,
         minHeight: "100%"
       }}
     >
       {apiKeys.length === 0 ? (
         <View
           style={{
-            padding: DefaultAppStyles.GAP * 2,
             alignItems: "center",
-            gap: DefaultAppStyles.GAP_VERTICAL,
-            flex: 1,
-            justifyContent: "center"
+            gap: Spacing.LEVEL_6,
+            flex: 1
           }}
         >
-          <Paragraph color={colors.secondary.paragraph}>
-            {strings.createFirstApiKey()}
-          </Paragraph>
+          <CirclesBackground size={130}>
+            <AppIcon
+              name="key"
+              iconFamily="notesnook"
+              size={22}
+              color={colors.static.white}
+            />
+          </CirclesBackground>
 
-          <Button
-            title={strings.createKey()}
-            type="accent"
-            style={{
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-              width: "100%"
-            }}
-            onPress={() => {
-              if (apiKeys.length >= 10) {
-                presentDialog({
-                  title: strings.apiKeysLimitReached(),
-                  paragraph: strings.apiKeysLimitReachedMessage(),
-                  positiveText: strings.ok()
-                });
-              } else {
+          <View style={{ alignItems: "center", gap: Spacing.LEVEL_4 }}>
+            <View
+              style={{
+                alignItems: "center",
+                gap: Spacing.LEVEL_1
+              }}
+            >
+              <Heading
+                fontSize="XL"
+                lineHeight="100%"
+                style={{ textAlign: "center" }}
+              >
+                {strings.createKey()}
+              </Heading>
+              <Paragraph
+                color={colors.secondary.paragraph}
+                style={{ textAlign: "center" }}
+              >
+                {strings.createFirstApiKey()}
+              </Paragraph>
+            </View>
+
+            <Button
+              title={strings.continue()}
+              type="accent"
+              style={{
+                paddingHorizontal: Spacing.LEVEL_3,
+                width: 157
+              }}
+              onPress={() => {
                 AddApiKeySheet.present(() => apiKeysPromise.refresh());
-              }
-            }}
-          />
+              }}
+            />
+          </View>
         </View>
       ) : (
-        <View style={{ gap: 0 }}>
-          {apiKeys.map((key, i) => (
-            <ApiKeyItem
-              key={key.key}
-              apiKey={key}
-              onRevoke={() => apiKeysPromise.refresh()}
-              isAtEnd={i === apiKeys.length - 1}
-            />
-          ))}
-
-          <Button
-            title={strings.createKey()}
-            type="accent"
+        <View style={{ gap: Spacing.LEVEL_3 }}>
+          <View
             style={{
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-              width: "100%"
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center"
             }}
-            onPress={() => {
-              if (apiKeys.length >= 10) {
-                presentDialog({
-                  title: strings.apiKeysLimitReached(),
-                  paragraph: strings.apiKeysLimitReachedMessage(),
-                  positiveText: strings.ok()
-                });
-              } else {
-                AddApiKeySheet.present(() => apiKeysPromise.refresh());
-              }
-            }}
-          />
+          >
+            <Heading fontSize="LG">{strings.viewAPIKeys()}</Heading>
+
+            <Button
+              title={strings.createKey()}
+              type="accent"
+              style={{
+                paddingHorizontal: Spacing.LEVEL_2,
+                paddingVertical: Spacing.LEVEL_1
+              }}
+              onPress={() => {
+                if (apiKeys.length >= 10) {
+                  presentDialog({
+                    title: strings.apiKeysLimitReached(),
+                    paragraph: strings.apiKeysLimitReachedMessage(),
+                    positiveText: strings.ok()
+                  });
+                } else {
+                  AddApiKeySheet.present(() => apiKeysPromise.refresh());
+                }
+              }}
+            />
+          </View>
+
+          {apiKeys.map((key, i) => (
+            <>
+              <ApiKeyItem
+                key={key.key}
+                apiKey={key}
+                onRevoke={() => apiKeysPromise.refresh()}
+                isAtEnd={i === apiKeys.length - 1}
+              />
+
+              {apiKeys[i + 1] ? (
+                <View
+                  style={{
+                    width: "100%",
+                    borderBottomWidth: 1,
+                    borderBottomColor: colors.primary.separator
+                  }}
+                />
+              ) : null}
+            </>
+          ))}
         </View>
       )}
     </ScrollView>
@@ -566,151 +1033,183 @@ function ApiKeyItem({ apiKey, onRevoke, isAtEnd }: ApiKeyItemProps) {
   const isApiKeyExpired =
     apiKey.expiryDate !== -1 && Date.now() > apiKey.expiryDate;
 
+  const revokeKey = () => {
+    presentDialog({
+      title: strings.revokeInboxApiKey(apiKey.name),
+      paragraph: strings.revokeApiKeyConfirmation(apiKey.name),
+      positiveText: strings.revoke(),
+      negativeText: strings.cancel(),
+      positiveType: "error",
+      positivePress: async () => {
+        try {
+          setIsRevoking(true);
+          await db.inboxApiKeys.revoke(apiKey.key);
+          onRevoke();
+          ToastManager.show({
+            message: strings.apiKeyRevoked(),
+            type: "success"
+          });
+          return true;
+        } catch (error) {
+          ToastManager.show({
+            message: strings.failedToRevokeApiKey(),
+            type: "error"
+          });
+          return false;
+        } finally {
+          setIsRevoking(false);
+        }
+      }
+    });
+  };
+
   return (
     <View
       style={{
-        paddingVertical: DefaultAppStyles.GAP_VERTICAL,
-        borderBottomWidth: isAtEnd ? 0 : 1,
-        borderBottomColor: colors.secondary.border
+        backgroundColor: colors.secondary.background,
+        borderRadius: Radius.S,
+        padding: Spacing.LEVEL_2
       }}
     >
+      <View style={{ gap: Spacing.LEVEL_1 }}>
+        <Heading fontSize="MD" lineHeight="100%">
+          {apiKey.name}
+        </Heading>
+
+        <View style={{ gap: Spacing.LEVEL_0 }}>
+          <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+            {strings.status()}:{" "}
+            <Paragraph
+              fontSize="XS"
+              fontFamily="SEMI_BOLD"
+              color={
+                isApiKeyExpired ? colors.error.accent : colors.primary.accent
+              }
+            >
+              {apiKey.lastUsedAt
+                ? `${strings.lastUsedOn()} ${getFormattedDate(apiKey.lastUsedAt, "date")}`
+                : strings.neverUsed()}
+            </Paragraph>
+          </Paragraph>
+          <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+            {strings.created()}:{" "}
+            <Paragraph
+              fontSize="XS"
+              fontFamily="SEMI_BOLD"
+              color={colors.primary.paragraph}
+            >
+              {getFormattedDate(apiKey.dateCreated, "date")}
+            </Paragraph>
+          </Paragraph>
+          <Paragraph fontSize="XS" color={colors.secondary.paragraph}>
+            {strings.expires()}:{" "}
+            <Paragraph
+              fontSize="XS"
+              fontFamily="SEMI_BOLD"
+              color={
+                isApiKeyExpired ? colors.error.accent : colors.primary.paragraph
+              }
+            >
+              {apiKey.expiryDate === -1
+                ? strings.never()
+                : getFormattedDate(apiKey.expiryDate, "date")}
+            </Paragraph>
+          </Paragraph>
+        </View>
+      </View>
+
       <View
         style={{
-          flexDirection: "column",
-          gap: DefaultAppStyles.GAP_VERTICAL
+          width: "100%",
+          height: 1,
+          borderBottomWidth: 1,
+          borderBottomColor: colors.primary.separator,
+          marginVertical: Spacing.LEVEL_3
+        }}
+      />
+
+      <View
+        style={{
+          flexDirection: "row",
+          alignItems: "center",
+          gap: Spacing.LEVEL_1
         }}
       >
         <View
           style={{
+            flex: 1,
             flexDirection: "row",
             alignItems: "center",
-            gap: DefaultAppStyles.GAP_SMALL
+            justifyContent: "space-between",
+            gap: Spacing.LEVEL_1,
+            paddingHorizontal: Spacing.LEVEL_2,
+            paddingVertical: Spacing.LEVEL_1,
+            backgroundColor: colors.tertiary.background,
+            borderRadius: Radius.XS
           }}
         >
-          <Heading size={AppFontSize.md}>{apiKey.name}</Heading>
-          {isApiKeyExpired && (
+          <Paragraph
+            numberOfLines={1}
+            style={{ flex: 1, fontFamily: "monospace" }}
+            fontSize="SM"
+            color={colors.primary.paragraph}
+          >
+            {viewing
+              ? apiKey.key
+              : `${apiKey.key.slice(0, 10)}${"*".repeat(
+                  Math.max(apiKey.key.length - 10, 0)
+                )}`}
+          </Paragraph>
+
+          {viewing ? (
             <View
               style={{
-                paddingVertical: 4,
-                paddingHorizontal: 8,
-                backgroundColor: colors.error.background,
-                borderRadius: 5
+                flexDirection: "row",
+                alignItems: "center",
+                gap: Spacing.LEVEL_1
               }}
             >
               <Paragraph
-                color={colors.static.red}
-                size={AppFontSize.xxs}
-                style={{ fontWeight: "bold" }}
-              >
-                EXPIRED
-              </Paragraph>
-            </View>
-          )}
-        </View>
-
-        <View style={{ gap: 4 }}>
-          <Paragraph size={AppFontSize.xs} color={colors.secondary.paragraph}>
-            {apiKey.lastUsedAt
-              ? `${strings.lastUsedOn()} ${getFormattedDate(apiKey.lastUsedAt, "date-time")}`
-              : strings.neverUsed()}
-          </Paragraph>
-          <Paragraph size={AppFontSize.xs} color={colors.secondary.paragraph}>
-            {strings.createdOn()}{" "}
-            {getFormattedDate(apiKey.dateCreated, "date-time")}
-          </Paragraph>
-          <Paragraph size={AppFontSize.xs} color={colors.secondary.paragraph}>
-            {apiKey.expiryDate === -1
-              ? strings.neverExpires()
-              : `${isApiKeyExpired ? strings.expired() : strings.expiresOn()} ${getFormattedDate(apiKey.expiryDate, "date-time")}`}
-          </Paragraph>
-        </View>
-
-        <View
-          style={{
-            flexDirection: "row",
-            alignItems: "center",
-            gap: DefaultAppStyles.GAP_SMALL
-          }}
-        >
-          <Input
-            editable={false}
-            value={
-              viewing
-                ? apiKey.key
-                : `${apiKey.key.slice(0, 10)}${"*".repeat(
-                    apiKey.key.length - 10
-                  )}`
-            }
-            style={{
-              flex: 1,
-              fontFamily: "monospace",
-              fontSize: AppFontSize.xs
-            }}
-            wrapperStyle={{
-              flex: 1
-            }}
-          />
-          {!viewing && (
-            <IconButton
-              name="eye-off-outline"
-              color={colors.primary.icon}
-              onPress={() => viewKey()}
-            />
-          )}
-          {viewing && (
-            <>
-              <Paragraph
-                style={{
-                  fontFamily: "monospace",
-                  minWidth: 35,
-                  textAlign: "center"
-                }}
+                style={{ fontFamily: "monospace", width: 25 }}
+                fontSize="XS"
                 color={colors.primary.accent}
               >
                 {secondsLeft}s
               </Paragraph>
               <IconButton
                 name={copied ? "check" : "content-copy"}
+                size={AppFontSize.md}
                 color={colors.primary.icon}
                 onPress={() => copyToClipboard()}
               />
-            </>
+            </View>
+          ) : (
+            <IconButton
+              name="eye-off-outline"
+              size={AppFontSize.md}
+              color={colors.primary.icon}
+              onPress={() => viewKey()}
+            />
           )}
-          <IconButton
-            name="delete-outline"
-            color={colors.error.icon}
-            disabled={isRevoking}
-            onPress={async () => {
-              presentDialog({
-                title: strings.revokeInboxApiKey(apiKey.name),
-                paragraph: strings.revokeApiKeyConfirmation(apiKey.name),
-                positiveText: strings.revoke(),
-                negativeText: strings.cancel(),
-                positiveType: "error",
-                positivePress: async () => {
-                  try {
-                    setIsRevoking(true);
-                    await db.inboxApiKeys.revoke(apiKey.key);
-                    onRevoke();
-                    ToastManager.show({
-                      message: strings.apiKeyRevoked(),
-                      type: "success"
-                    });
-                    return true;
-                  } catch (error) {
-                    ToastManager.show({
-                      message: strings.failedToRevokeApiKey(),
-                      type: "error"
-                    });
-                    return false;
-                  } finally {
-                    setIsRevoking(false);
-                  }
-                }
-              });
-            }}
-          />
         </View>
+
+        <Pressable
+          type="tertiary"
+          disabled={isRevoking}
+          onPress={revokeKey}
+          style={{
+            width: 36,
+            height: 36,
+            borderRadius: Radius.XS
+          }}
+        >
+          <AppIcon
+            name="trash"
+            iconFamily="notesnook"
+            size={AppFontSize.md}
+            color={colors.error.icon}
+          />
+        </Pressable>
       </View>
     </View>
   );
diff --git a/apps/mobile/app/screens/settings/notesnook-circle.tsx b/apps/mobile/app/screens/settings/notesnook-circle.tsx
deleted file mode 100644
index eddd121a9..000000000
--- a/apps/mobile/app/screens/settings/notesnook-circle.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-import React from "react";
-import { CirclePartner, SubscriptionStatus } from "@notesnook/core";
-import { strings } from "@notesnook/intl";
-import { useThemeColors } from "@notesnook/theme";
-import Clipboard from "@react-native-clipboard/clipboard";
-import { useState } from "react";
-import { useAsync } from "react-async-hook";
-import {
-  ActivityIndicator,
-  Image,
-  ScrollView,
-  TouchableOpacity,
-  View
-} from "react-native";
-import { db } from "../../common/database";
-import AppIcon from "../../components/ui/AppIcon";
-import { Button } from "../../components/ui/button";
-import { Notice } from "../../components/ui/notice";
-import Heading from "../../components/ui/typography/heading";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { ToastManager } from "../../services/event-manager";
-import Navigation from "../../services/navigation";
-import PremiumService from "../../services/premium";
-import { useUserStore } from "../../stores/use-user-store";
-import { AppFontSize, defaultBorderRadius } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { openLinkInBrowser } from "../../utils/functions";
-import { Pressable } from "../../components/ui/pressable";
-
-export const NotesnookCircle = () => {
-  const user = useUserStore((state) => state.user);
-  const isOnTrial =
-    PremiumService.get() &&
-    user?.subscription?.status === SubscriptionStatus.TRIAL;
-  const isFree = !PremiumService.get();
-  const partners = useAsync(db.circle.partners, []);
-
-  return (
-    <ScrollView
-      contentContainerStyle={{
-        gap: DefaultAppStyles.GAP_VERTICAL,
-        paddingHorizontal: DefaultAppStyles.GAP,
-        paddingTop: DefaultAppStyles.GAP_VERTICAL
-      }}
-    >
-      {!isFree && !isOnTrial ? null : (
-        <View>
-          <Paragraph>
-            {isFree
-              ? strings.freeUserCircleNotice()
-              : strings.trialUserCircleNotice()}
-          </Paragraph>
-
-          {!isOnTrial ? null : (
-            <Button
-              title={strings.upgradePlan()}
-              onPress={() => {
-                Navigation.navigate("PayWall", {
-                  canGoBack: true,
-                  context: useUserStore.getState().user
-                    ? "logged-in"
-                    : "logged-out"
-                });
-              }}
-              style={{
-                alignSelf: "flex-start",
-                paddingHorizontal: 0
-              }}
-            />
-          )}
-        </View>
-      )}
-
-      {partners.loading ? <ActivityIndicator /> : null}
-
-      {partners.error ? (
-        <Notice type="alert" text={partners.error.message} />
-      ) : null}
-
-      {partners.result?.map((item) => (
-        <Partner key={item.id} item={item} available={!isFree && !isOnTrial} />
-      ))}
-    </ScrollView>
-  );
-};
-
-const Partner = ({
-  item,
-  available
-}: {
-  item: CirclePartner;
-  available: boolean;
-}) => {
-  const { colors } = useThemeColors();
-  const [code, setCode] = useState<string>();
-
-  return (
-    <View
-      style={{
-        borderRadius: defaultBorderRadius,
-        borderWidth: 1,
-        borderColor: colors.primary.border,
-        padding: DefaultAppStyles.GAP,
-        gap: DefaultAppStyles.GAP_VERTICAL
-      }}
-    >
-      <View
-        style={{
-          flexDirection: "row",
-          justifyContent: "space-between",
-          alignItems: "center"
-        }}
-      >
-        <Heading>{item.name}</Heading>
-        <Image
-          src={item.logoBase64}
-          style={{
-            width: 40,
-            height: 40
-          }}
-        />
-      </View>
-
-      <Paragraph style={{ textAlign: "justify" }}>
-        {item.longDescription.trim()}
-      </Paragraph>
-
-      <Paragraph
-        style={{
-          alignSelf: "center"
-        }}
-        color={colors.primary.accent}
-      >
-        {item.offerDescription}
-      </Paragraph>
-
-      {available ? (
-        <>
-          {!code ? (
-            <Button
-              type="accent"
-              title={strings.redeemCode()}
-              width="100%"
-              onPress={() => {
-                if (!PremiumService.get()) {
-                  Navigation.navigate("PayWall", {
-                    canGoBack: true,
-                    context: useUserStore.getState().user
-                      ? "logged-in"
-                      : "logged-out"
-                  });
-                  return;
-                }
-
-                db.circle
-                  .redeem(item.id)
-                  .then((result) => setCode(result?.code))
-                  .catch((e) => ToastManager.error(e));
-              }}
-            />
-          ) : (
-            <>
-              <TouchableOpacity
-                style={{
-                  backgroundColor: colors.secondary.background,
-                  borderRadius: defaultBorderRadius,
-                  alignItems: "center",
-                  justifyContent: "center",
-                  padding: DefaultAppStyles.GAP_SMALL,
-                  borderWidth: 0.5,
-                  borderColor: colors.secondary.border,
-                  flexDirection: "row",
-                  gap: DefaultAppStyles.GAP_SMALL
-                }}
-                activeOpacity={0.9}
-                onPress={() => {
-                  Clipboard.setString(code);
-                }}
-              >
-                <Paragraph
-                  size={AppFontSize.lg}
-                  color={colors.secondary.paragraph}
-                >
-                  {code}
-                </Paragraph>
-
-                <AppIcon name="content-copy" />
-              </TouchableOpacity>
-
-              {item.codeRedeemUrl ? (
-                <Pressable
-                  onPress={() => {
-                    if (item.codeRedeemUrl) {
-                      openLinkInBrowser(
-                        item.codeRedeemUrl.replace("{{code}}", code)
-                      );
-                    }
-                  }}
-                >
-                  <Paragraph
-                    color={colors.secondary.paragraph}
-                    size={AppFontSize.xxs}
-                  >
-                    {strings.clickToDirectlyClaimPromo()}
-                  </Paragraph>
-                </Pressable>
-              ) : null}
-            </>
-          )}
-        </>
-      ) : null}
-    </View>
-  );
-};
diff --git a/apps/mobile/app/screens/settings/picker/index.tsx b/apps/mobile/app/screens/settings/picker/index.tsx
deleted file mode 100644
index 8512e8006..000000000
--- a/apps/mobile/app/screens/settings/picker/index.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { useThemeColors } from "@notesnook/theme";
-import React, { useRef, useState } from "react";
-import { View } from "react-native";
-import { Menu, MenuItem } from "react-native-material-menu";
-import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { Dialog } from "../../../components/dialog";
-import { Pressable } from "../../../components/ui/pressable";
-import Paragraph from "../../../components/ui/typography/paragraph";
-import { getColorLinearShade } from "../../../utils/colors";
-import { AppFontSize, defaultBorderRadius } from "../../../utils/size";
-import { DefaultAppStyles } from "../../../utils/styles";
-import { verifyUser } from "../functions";
-
-interface PickerOptions<T, B = any> {
-  getValue: () => B;
-  updateValue: (item: T) => Promise<void>;
-  formatValue: (item: T) => any;
-  compareValue: (current: B, item: T) => boolean;
-  getItemKey: (item: T) => string;
-  options: T[];
-  isFeatureAvailable: () => Promise<boolean>;
-  isOptionAvailable: (item: T) => Promise<boolean>;
-  requiresVerification?: () => boolean;
-  onVerify?: () => Promise<boolean>;
-}
-
-export function SettingsPicker<T>({
-  getValue,
-  updateValue,
-  formatValue,
-  compareValue,
-  options,
-  getItemKey,
-  isFeatureAvailable,
-  isOptionAvailable,
-  requiresVerification = () => false,
-  onVerify
-}: PickerOptions<T>) {
-  const { colors, isDark } = useThemeColors("contextMenu");
-  const menuRef = useRef<any>(null);
-  const [width, setWidth] = useState(0);
-  const [currentValue, setCurrentValue] = useState(getValue());
-
-  const onChange = async (item: T) => {
-    if ((await isFeatureAvailable()) && (await isOptionAvailable(item))) {
-      menuRef.current?.hide();
-      await updateValue(item);
-      setCurrentValue(item);
-      return;
-    }
-
-    menuRef.current?.hide();
-    await updateValue(item);
-    setCurrentValue(item);
-  };
-
-  return (
-    <View
-      onLayout={(event) => {
-        setWidth(event.nativeEvent.layout.width);
-      }}
-      style={{
-        width: "100%"
-      }}
-    >
-      <Menu
-        ref={menuRef}
-        animationDuration={200}
-        style={{
-          borderRadius: defaultBorderRadius,
-          backgroundColor: colors.primary.background,
-          width: width,
-          marginTop: 60,
-          overflow: "hidden",
-          borderWidth: 0.7,
-          borderColor: getColorLinearShade(
-            colors.primary.background,
-            0.07,
-            isDark
-          )
-        }}
-        onRequestClose={() => {
-          menuRef.current?.hide();
-        }}
-        anchor={
-          <Pressable
-            onPress={async () => {
-              if (
-                (onVerify && !(await onVerify())) ||
-                !(await isFeatureAvailable())
-              )
-                return;
-              menuRef.current?.show();
-            }}
-            type="secondary"
-            style={{
-              flexDirection: "row",
-              alignItems: "center",
-              width: "100%",
-              justifyContent: "space-between",
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL,
-              paddingHorizontal: DefaultAppStyles.GAP
-            }}
-          >
-            <Paragraph>{formatValue(currentValue)}</Paragraph>
-            <Icon
-              color={colors.primary.icon}
-              name="menu-down"
-              size={AppFontSize.md}
-            />
-          </Pressable>
-        }
-      >
-        <Dialog context="local" />
-
-        {options.map((item) => (
-          <MenuItem
-            key={getItemKey(item)}
-            onPress={async () => {
-              if (requiresVerification?.()) {
-                verifyUser("local", () => {
-                  onChange(item);
-                });
-              } else {
-                onChange(item);
-              }
-            }}
-            pressColor={colors.primary.hover}
-            style={{
-              backgroundColor: compareValue(currentValue, item)
-                ? colors.selected.background
-                : "transparent",
-              width: "100%",
-              maxWidth: width
-            }}
-            textStyle={{
-              fontSize: AppFontSize.sm,
-              fontFamily: "Inter-Regular",
-              color: compareValue(currentValue, item)
-                ? colors.primary.accent
-                : colors.primary.paragraph
-            }}
-          >
-            {formatValue(item)}
-          </MenuItem>
-        ))}
-      </Menu>
-    </View>
-  );
-}
-
-export function createSettingsPicker<T, B>(props: PickerOptions<T, B>) {
-  const Selector = () => {
-    return <SettingsPicker {...props} />;
-  };
-  return Selector;
-}
diff --git a/apps/mobile/app/screens/settings/restore-backup/index.tsx b/apps/mobile/app/screens/settings/restore-backup/index.tsx
index becc02f9e..ddc42b837 100644
--- a/apps/mobile/app/screens/settings/restore-backup/index.tsx
+++ b/apps/mobile/app/screens/settings/restore-backup/index.tsx
@@ -22,9 +22,8 @@ import { formatBytes, getFormattedDate } from "@notesnook/common";
 import { LegacyBackupFile } from "@notesnook/core";
 import { strings } from "@notesnook/intl";
 import { useThemeColors } from "@notesnook/theme";
-import { keepLocalCopy, pick } from "@react-native-documents/picker";
 import React, { useEffect, useState } from "react";
-import { ActivityIndicator, Platform, ScrollView, View } from "react-native";
+import { ActivityIndicator, Platform, View } from "react-native";
 import RNFetchBlob, { ReactNativeBlobUtilStat } from "react-native-blob-util";
 import * as ScopedStorage from "react-native-scoped-storage";
 import { unzip } from "react-native-zip-archive";
@@ -39,16 +38,15 @@ import {
   updateProgress
 } from "../../../components/dialogs/progress";
 import { Button } from "../../../components/ui/button";
-import Heading from "../../../components/ui/typography/heading";
 import Paragraph from "../../../components/ui/typography/paragraph";
-import { SectionItem } from "../../../screens/settings/section-item";
 import { ToastManager } from "../../../services/event-manager";
 import Navigation from "../../../services/navigation";
-import SettingsService from "../../../services/settings";
 import { refreshAllStores } from "../../../stores/create-db-collection-store";
-import { useUserStore } from "../../../stores/use-user-store";
+import { useSettingStore } from "../../../stores/use-setting-store";
 import { AppFontSize } from "../../../utils/size";
 import { DefaultAppStyles } from "../../../utils/styles";
+import Heading from "../../../components/ui/typography/heading";
+import { Spacing } from "../../../common/design/spacing";
 
 type PasswordOrKey = { password?: string; encryptionKey?: string };
 
@@ -84,7 +82,7 @@ const withPassword = () => {
   });
 };
 
-const restoreBackup = async (options: {
+export const restoreBackup = async (options: {
   uri: string;
   deleteFile?: boolean;
 }) => {
@@ -103,6 +101,7 @@ const restoreBackup = async (options: {
     startProgress({
       title: strings.restoring(),
       paragraph: strings.preparingBackupRestore(),
+      icon: "arrows-clockwise",
       canHideProgress: false
     });
 
@@ -292,8 +291,9 @@ export const RestoreBackup = () => {
       BACKUP_FILES_CACHE
     );
   const [loading, setLoading] = useState(true);
-  const [backupDirectoryAndroid, setBackupDirectoryAndroid] =
-    useState<ScopedStorage.FileType>();
+  const backupDirectoryAndroid = useSettingStore(
+    (state) => state.settings.backupDirectoryAndroid
+  );
 
   useEffect(() => {
     setTimeout(() => {
@@ -305,10 +305,8 @@ export const RestoreBackup = () => {
     try {
       let files: (ReactNativeBlobUtilStat | ScopedStorage.FileType)[] = [];
       if (Platform.OS === "android") {
-        const backupDirectory = SettingsService.get().backupDirectoryAndroid;
-        if (backupDirectory) {
-          setBackupDirectoryAndroid(backupDirectory);
-          files = await ScopedStorage.listFiles(backupDirectory.uri);
+        if (backupDirectoryAndroid) {
+          files = await ScopedStorage.listFiles(backupDirectoryAndroid.uri);
         } else {
           setLoading(false);
           return;
@@ -355,148 +353,72 @@ export const RestoreBackup = () => {
 
   return (
     <>
-      <ScrollView
+      <LegendList
+        ListHeaderComponent={
+          <Heading
+            style={{
+              marginBottom: Spacing.LEVEL_2
+            }}
+            color={colors.secondary.paragraph}
+            size={AppFontSize.sm}
+            fontFamily="MEDIUM"
+          >
+            {strings.recentBackups()}
+          </Heading>
+        }
+        ListEmptyComponent={
+          loading ? (
+            <View
+              style={{
+                justifyContent: "center",
+                alignItems: "center",
+                height: 300,
+                paddingHorizontal: 50
+              }}
+            >
+              <ActivityIndicator
+                color={colors.primary.accent}
+                size={AppFontSize.lg}
+              />
+            </View>
+          ) : (
+            <View
+              style={{
+                justifyContent: "center",
+                alignItems: "center",
+                gap: 12,
+                height: 300,
+                paddingHorizontal: 50
+              }}
+            >
+              <Paragraph
+                style={{
+                  textAlign: "center"
+                }}
+                color={colors.secondary.paragraph}
+              >
+                {strings.noBackupsFound()}.
+              </Paragraph>
+            </View>
+          )
+        }
+        keyExtractor={(item) =>
+          (item as ScopedStorage.FileType).name ||
+          (item as ReactNativeBlobUtilStat).filename
+        }
+        ListFooterComponent={
+          <View
+            style={{
+              height: 200
+            }}
+          />
+        }
         style={{
           width: "100%"
         }}
-      >
-        <SectionItem
-          item={{
-            id: "restore-from-files",
-            name: strings.restoreFromFiles(),
-            icon: "folder",
-            modifer: async () => {
-              useUserStore.setState({
-                disableAppLockRequests: true
-              });
-              const file = await pick();
-              const fileCopy = await keepLocalCopy({
-                destination: "cachesDirectory",
-                files: [
-                  {
-                    uri: file[0].uri,
-                    fileName: file[0].name ?? `backup_restore_${Date.now()}`
-                  }
-                ]
-              });
-
-              if (fileCopy[0].status === "error") {
-                ToastManager.error(new Error("File copy error"));
-                return;
-              }
-
-              setTimeout(() => {
-                useUserStore.setState({
-                  disableAppLockRequests: false
-                });
-              }, 1000);
-
-              restoreBackup({
-                uri: fileCopy[0].localUri,
-                deleteFile: true
-              });
-            },
-            description: strings.selectBackupFileDesc()
-          }}
-        />
-
-        {Platform.OS === "android" ? (
-          <SectionItem
-            item={{
-              id: "select-backup-folder",
-              name: strings.selectBackupFolder(),
-              icon: "folder",
-              modifer: async () => {
-                const folder = await ScopedStorage.openDocumentTree(true);
-                let subfolder;
-                if (folder.name !== "Notesnook backups") {
-                  subfolder = await ScopedStorage.createDirectory(
-                    folder.uri,
-                    "Notesnook backups"
-                  );
-                } else {
-                  subfolder = folder;
-                }
-                SettingsService.set({
-                  backupDirectoryAndroid: subfolder
-                });
-                setBackupDirectoryAndroid(subfolder);
-                setLoading(true);
-                checkBackups();
-              },
-              description: strings.selectFolderForBackupFilesDesc()
-            }}
-          />
-        ) : null}
-
-        <LegendList
-          ListHeaderComponent={
-            <View
-              style={{
-                backgroundColor: colors.primary.background,
-                marginBottom: DefaultAppStyles.GAP_VERTICAL,
-                paddingHorizontal: DefaultAppStyles.GAP
-              }}
-            >
-              <Heading color={colors.primary.accent} size={AppFontSize.xs}>
-                {strings.recentBackups()}
-              </Heading>
-            </View>
-          }
-          ListEmptyComponent={
-            loading ? (
-              <View
-                style={{
-                  justifyContent: "center",
-                  alignItems: "center",
-                  height: 300,
-                  paddingHorizontal: 50
-                }}
-              >
-                <ActivityIndicator
-                  color={colors.primary.accent}
-                  size={AppFontSize.lg}
-                />
-              </View>
-            ) : (
-              <View
-                style={{
-                  justifyContent: "center",
-                  alignItems: "center",
-                  gap: 12,
-                  height: 300,
-                  paddingHorizontal: 50
-                }}
-              >
-                <Paragraph
-                  style={{
-                    textAlign: "center"
-                  }}
-                  color={colors.secondary.paragraph}
-                >
-                  {strings.noBackupsFound()}.
-                </Paragraph>
-              </View>
-            )
-          }
-          keyExtractor={(item) =>
-            (item as ScopedStorage.FileType).name ||
-            (item as ReactNativeBlobUtilStat).filename
-          }
-          ListFooterComponent={
-            <View
-              style={{
-                height: 200
-              }}
-            />
-          }
-          style={{
-            width: "100%"
-          }}
-          data={files}
-          renderItem={renderItem}
-        />
-      </ScrollView>
+        data={files}
+        renderItem={renderItem}
+      />
     </>
   );
 };
@@ -528,35 +450,36 @@ const BackupItem = ({
         width: "100%",
         borderRadius: 0,
         flexDirection: "row",
-        borderBottomWidth: 0.5,
-        borderBottomColor: colors.primary.border,
-        paddingVertical: DefaultAppStyles.GAP_VERTICAL,
-        paddingHorizontal: DefaultAppStyles.GAP,
-        gap: DefaultAppStyles.GAP_SMALL
+        gap: DefaultAppStyles.GAP_SMALL,
+        paddingVertical: Spacing.LEVEL_2,
+        borderBottomWidth: 1,
+        borderBottomColor: colors.primary.separator
       }}
     >
       <View
         style={{
-          flexShrink: 1
+          flexShrink: 1,
+          gap: Spacing.LEVEL_1
         }}
       >
-        <Paragraph size={AppFontSize.sm}>{itemName}</Paragraph>
+        <Heading size={AppFontSize.md}>{itemName}</Heading>
+
         <Paragraph
           size={AppFontSize.xs}
           color={colors.secondary.paragraph}
           style={{ width: "100%", maxWidth: "100%" }}
         >
-          Created on {getFormattedDate(item?.lastModified, "date-time")}
-          {isLegacyBackup ? "(Legacy backup)" : ""} (
-          {formatBytes((item as ReactNativeBlobUtilStat).size)})
+          Created: {getFormattedDate(item?.lastModified, "date-time")}
+          {" • "}
+          {formatBytes((item as ReactNativeBlobUtilStat).size)}
         </Paragraph>
       </View>
       <Button
         title="Restore"
-        type="secondaryAccented"
+        type="plain-outline"
         style={{
-          paddingHorizontal: DefaultAppStyles.GAP,
-          paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
+          paddingHorizontal: Spacing.LEVEL_2,
+          paddingVertical: Spacing.LEVEL_1
         }}
         onPress={() => {
           presentDialog({
diff --git a/apps/mobile/app/screens/settings/section-group.tsx b/apps/mobile/app/screens/settings/section-group.tsx
index ac46297e9..e1fb213d8 100644
--- a/apps/mobile/app/screens/settings/section-group.tsx
+++ b/apps/mobile/app/screens/settings/section-group.tsx
@@ -17,39 +17,68 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
+import { useThemeColors } from "@notesnook/theme";
 import React from "react";
 import { View } from "react-native";
+import { Spacing } from "../../common/design/spacing";
 import Heading from "../../components/ui/typography/heading";
-import { useThemeColors } from "@notesnook/theme";
 import { AppFontSize } from "../../utils/size";
 import { SectionItem } from "./section-item";
 import { SettingSection } from "./types";
-import { DefaultAppStyles } from "../../utils/styles";
-export const SectionGroup = ({ item }: { item: SettingSection }) => {
+export const SectionGroup = ({
+  item,
+  isLast
+}: {
+  item: SettingSection;
+  isLast?: boolean;
+}) => {
   const { colors } = useThemeColors();
   const current = item.useHook && item.useHook();
   const isHidden = item.hidden && item.hidden(current);
   return isHidden ? null : (
-    <View
-      style={{
-        marginVertical: item.sections ? 10 : 0
-      }}
-    >
+    <View>
       {item.name && item.sections ? (
         <Heading
           style={{
-            paddingHorizontal: DefaultAppStyles.GAP
+            paddingHorizontal: Spacing.LEVEL_3,
+            marginBottom: Spacing.LEVEL_2
           }}
-          color={colors.primary.accent}
-          size={AppFontSize.xs}
+          color={colors.secondary.paragraph}
+          size={AppFontSize.sm}
+          fontFamily="MEDIUM"
         >
-          {(item.name as string).toUpperCase()}
+          {item.name as string}
         </Heading>
       ) : null}
 
-      {item.sections?.map((item) => (
-        <SectionItem key={item.name as string} item={item} />
-      ))}
+      {item.sections?.map((sectionItem, index) =>
+        sectionItem.type === "group" ? (
+          <SectionGroup
+            key={sectionItem.id}
+            item={sectionItem}
+            isLast={!item.sections?.[index + 1]}
+          />
+        ) : (
+          <SectionItem key={sectionItem.id as string} item={sectionItem} />
+        )
+      )}
+
+      {isLast ? null : (
+        <View
+          style={{
+            paddingHorizontal: Spacing.LEVEL_3,
+            width: "100%"
+          }}
+        >
+          <View
+            style={{
+              height: 1,
+              width: "100%",
+              backgroundColor: colors.primary.border
+            }}
+          />
+        </View>
+      )}
     </View>
   );
 };
diff --git a/apps/mobile/app/screens/settings/section-item.tsx b/apps/mobile/app/screens/settings/section-item.tsx
index 96927a35a..3a6f84254 100644
--- a/apps/mobile/app/screens/settings/section-item.tsx
+++ b/apps/mobile/app/screens/settings/section-item.tsx
@@ -17,6 +17,7 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
+import { FeatureResult, useIsFeatureAvailable } from "@notesnook/common";
 import { useThemeColors } from "@notesnook/theme";
 import {
   NavigationProp,
@@ -25,24 +26,22 @@ import {
 } from "@react-navigation/native";
 import React, { useEffect, useRef, useState } from "react";
 import { ActivityIndicator, TextInput, View } from "react-native";
-import { FeatureResult, useIsFeatureAvailable } from "@notesnook/common";
-//@ts-ignore
-import ToggleSwitch from "toggle-switch-react-native";
+import { FontFamily } from "../../common/design/font";
+import { Radius, Spacing } from "../../common/design/spacing";
 import PaywallSheet from "../../components/sheets/paywall";
 import AppIcon from "../../components/ui/AppIcon";
 import { IconButton } from "../../components/ui/icon-button";
 import Input from "../../components/ui/input";
 import { Pressable } from "../../components/ui/pressable";
-import Seperator from "../../components/ui/seperator";
 import Heading from "../../components/ui/typography/heading";
 import Paragraph from "../../components/ui/typography/paragraph";
 import SettingsService from "../../services/settings";
 import useNavigationStore from "../../stores/use-navigation-store";
 import { SettingStore, useSettingStore } from "../../stores/use-setting-store";
 import { AppFontSize } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { components } from "./components";
+import { components } from "./components/components";
 import { RouteParams, SettingSection } from "./types";
+import { planToDisplayNameShort } from "../../utils/constants";
 
 const _SectionItem = ({ item }: { item: SettingSection }) => {
   const { colors } = useThemeColors();
@@ -67,6 +66,15 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
   );
   const inputRef = useRef<TextInput>(null);
   const [loading, setLoading] = useState(false);
+  const [inputSelectorValue, setInputSelectorValue] = useState(() =>
+    item.property
+      ? `${
+          SettingsService.get()[
+            item.property as keyof SettingStore["settings"]
+          ] ?? ""
+        }`
+      : ""
+  );
 
   const onChangeSettings = async () => {
     if (isDisabled) return;
@@ -93,31 +101,37 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
     });
   };
 
-  const styles =
-    item.type === "danger"
-      ? {
-          backgroundColor: colors.error.background
-        }
-      : {};
-
   const updateInput = (value: any) => {
-    inputRef?.current?.setNativeProps({
-      text: value + ""
-    });
+    setInputSelectorValue(`${value}`);
   };
 
-  const onChangeInputSelectorValue = (text: any) => {
-    if (text) {
-      const min = item.minInputValue || 0;
-      const max = item.maxInputValue || 0;
-      const value = parseInt(text);
-      text =
-        Number.isNaN(value) || value < min ? min : value > max ? max : text;
-
-      SettingsService.set({
-        [item.property as string]: `${text}`
-      });
+  const onChangeInputSelectorValue = (text: any, commit?: boolean) => {
+    // While typing (commit === false) an empty field is allowed so the user can
+    // clear and retype; on commit (submit/blur) an empty field falls back to min.
+    if (!text && !commit) {
+      setInputSelectorValue("");
+      return;
     }
+
+    const min = item.minInputValue || 0;
+    const max = item.maxInputValue || 0;
+    const value = parseInt(text);
+
+    // Always cap the upper bound. Only enforce the lower bound on commit so that
+    // partial entries (e.g. typing "5" on the way to "50" when min is 8) aren't
+    // snapped up prematurely.
+    let clamped: number;
+    if (Number.isNaN(value)) clamped = min;
+    else if (value > max) clamped = max;
+    else if (commit && value < min) clamped = min;
+    else clamped = value;
+
+    // The input is controlled via `value`, so the clamped result is reflected in
+    // the field directly and can never display a value outside the range.
+    setInputSelectorValue(`${clamped}`);
+    SettingsService.set({
+      [item.property as string]: `${clamped}`
+    });
   };
 
   useEffect(() => {
@@ -138,19 +152,24 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
     return true;
   }, [isFeatureAvailable]);
 
+  const isOn = item.getter
+    ? item.getter(item.property || current)
+    : settings[item?.property as never];
+
   return isHidden ? null : (
     <Pressable
       disabled={item.type === "component"}
       style={{
         width: "100%",
         alignItems: "center",
-        padding: DefaultAppStyles.GAP,
         flexDirection: "row",
         justifyContent: "space-between",
-        paddingVertical: DefaultAppStyles.GAP,
-        borderRadius: 0,
-        overflow: "hidden",
-        ...styles
+        paddingHorizontal: Spacing.LEVEL_3,
+        paddingVertical: item.component && !item.name ? 0 : Spacing.LEVEL_1,
+        borderRadius: Radius.S,
+        backgroundColor: colors.primary.background,
+        marginBottom: Spacing.LEVEL_0,
+        overflow: "hidden"
       }}
       onPress={async () => {
         if (!checkIsFeatureAvailable()) return;
@@ -177,101 +196,160 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
         }
       }}
     >
-      {!isFeatureAvailable?.isAllowed ? (
-        <View
-          style={{
-            width: 35,
-            height: 35,
-            borderRadius: 100,
-            backgroundColor: colors.primary.accent,
-            justifyContent: "center",
-            alignItems: "center",
-            position: "absolute",
-            bottom: -8,
-            right: -8
-          }}
-        >
-          <AppIcon
-            color={colors.static.orange}
-            size={AppFontSize.md}
-            name="crown"
-          />
-        </View>
-      ) : null}
       <View
         style={{
-          flexDirection: "row",
-          flexShrink: 1
+          flexDirection: "column",
+          width: "100%"
         }}
       >
         <View
           style={{
-            width: 40,
-            height: 40,
-            justifyContent: "center",
+            flexDirection: "row",
             alignItems: "center",
-            marginRight: 12,
-            backgroundColor:
-              item.component === "colorpicker"
-                ? colors.primary.accent
-                : undefined,
-            borderRadius: 100
+            gap: Spacing.LEVEL_2,
+            width: "100%"
           }}
         >
-          {!!item.icon && (
+          {item.icon ? (
+            <View
+              style={{
+                width: 32,
+                height: 32,
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor:
+                  item.component === "colorpicker"
+                    ? colors.primary.accent
+                    : colors.secondary.background,
+                borderRadius: Radius.XS
+              }}
+            >
+              <AppIcon
+                color={
+                  item.type === "danger"
+                    ? colors.error.accent
+                    : colors.primary.icon
+                }
+                iconFamily={item.iconFamily}
+                name={item.icon}
+                size={item.iconSize || 16}
+              />
+            </View>
+          ) : null}
+
+          <View
+            style={{
+              paddingRight: item.type === "switch" ? Spacing.LEVEL_1 : 0,
+              gap: Spacing.LEVEL_1,
+              flexShrink: 1,
+              flex: 1
+            }}
+          >
+            <View
+              style={{
+                flexDirection: "row",
+                gap: Spacing.LEVEL_1,
+                alignItems: "center"
+              }}
+            >
+              {item.name ? (
+                <Heading
+                  color={colors.primary.heading}
+                  fontSize="MD"
+                  lineHeight="100%"
+                >
+                  {typeof item.name === "function"
+                    ? item.name(current)
+                    : item.name}
+                </Heading>
+              ) : null}
+
+              {!isFeatureAvailable?.isAllowed ? (
+                <View
+                  style={{
+                    paddingVertical: Spacing.LEVEL_0 / 2,
+                    paddingHorizontal: Spacing.LEVEL_1,
+                    borderRadius: 100,
+                    backgroundColor: colors.primary.accent,
+                    justifyContent: "center",
+                    alignItems: "center",
+                    flexDirection: "row",
+                    gap: Spacing.LEVEL_0
+                  }}
+                >
+                  <AppIcon
+                    color={colors.static.orange}
+                    size={AppFontSize.md}
+                    name="crown"
+                  />
+                  {isFeatureAvailable?.availableOn ? (
+                    <Paragraph
+                      style={{ color: colors.primary.accentForeground }}
+                      fontSize="XXS"
+                      fontFamily="MEDIUM"
+                    >
+                      {planToDisplayNameShort(isFeatureAvailable?.availableOn)}
+                    </Paragraph>
+                  ) : null}
+                </View>
+              ) : null}
+            </View>
+
+            {item.description ? (
+              <Paragraph
+                color={colors.primary.paragraph}
+                fontSize="SM"
+                lineHeight="100%"
+              >
+                {typeof item.description === "function"
+                  ? item.description(current)
+                  : item.description}
+              </Paragraph>
+            ) : null}
+          </View>
+
+          {item.type === "switch" && !loading && (
             <AppIcon
+              name={isOn ? "toggle-on" : "toggle-off"}
+              iconFamily="notesnook"
+              size={16}
               color={
-                item.type === "danger"
-                  ? colors.error.icon
-                  : colors.secondary.icon
+                isOn
+                  ? [colors.primary.accent, colors.primary.background]
+                  : [colors.disabled.icon, colors.primary.background]
               }
-              iconFamily={item.iconFamily}
-              name={item.icon}
-              size={item.iconSize || 30}
             />
           )}
+
+          {item.type === "screen" ? (
+            <AppIcon
+              name="chevron-right"
+              iconFamily="notesnook"
+              size={16}
+              color={colors.secondary.paragraph}
+            />
+          ) : null}
+
+          {loading ? (
+            <ActivityIndicator size={16} color={colors.primary.accent} />
+          ) : null}
         </View>
 
         <View
           style={{
-            flexShrink: 1,
-            paddingRight: item.type === "switch" ? 10 : 0,
-            flex: item.type === "component" ? 1 : 0
+            gap: Spacing.LEVEL_1,
+            paddingLeft: item.name ? Spacing.LEVEL_2 + 32 : undefined
           }}
         >
-          {item.name ? (
-            <Heading
-              color={
-                item.type === "danger"
-                  ? colors.error.paragraph
-                  : colors.primary.heading
-              }
-              size={AppFontSize.sm}
-            >
-              {typeof item.name === "function" ? item.name(current) : item.name}
-            </Heading>
-          ) : null}
-
-          {!!item.description && (
-            <Paragraph
-              color={
-                item.type === "danger"
-                  ? colors.error.paragraph
-                  : colors.primary.paragraph
-              }
-              size={AppFontSize.sm}
-            >
-              {typeof item.description === "function"
-                ? item.description(current)
-                : item.description}
-            </Paragraph>
-          )}
-
           {!!item.component && item.type !== "screen" && (
-            <>
-              <Seperator half />
+            <View
+              style={{
+                width: "100%",
+                paddingTop: item.icon ? Spacing.LEVEL_2 : 0
+              }}
+            >
               {components[item.component]}
-            </>
+            </View>
           )}
 
           {item.type === "input" && (
@@ -290,7 +368,15 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
                 });
                 item.inputProperties?.onSubmitEditing?.(text as any);
               }}
-              containerStyle={{ marginTop: DefaultAppStyles.GAP_VERTICAL }}
+              containerStyle={{
+                marginTop: Spacing.LEVEL_2,
+                backgroundColor: colors.secondary.background,
+                borderWidth: 0
+              }}
+              inputStyle={{
+                color: colors.primary.heading
+              }}
+              fontSize={AppFontSize.sm}
               fwdRef={inputRef}
               onLayout={() => {
                 inputRef?.current?.setNativeProps({
@@ -309,11 +395,111 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
               style={{
                 flexDirection: "row",
                 alignItems: "center",
-                marginTop: DefaultAppStyles.GAP_VERTICAL
+                marginTop: Spacing.LEVEL_2,
+                backgroundColor: colors.secondary.background,
+                alignSelf: "flex-start",
+                padding: Spacing.LEVEL_2,
+                gap: Spacing.LEVEL_1,
+                borderRadius: Radius.S
               }}
             >
+              <IconButton
+                name="plus"
+                color={colors.primary.icon}
+                iconFamily="notesnook"
+                onPress={() => {
+                  if (!checkIsFeatureAvailable()) return;
+                  if (isDisabled) return;
+                  const rawValue = SettingsService.get()[
+                    item.property as keyof SettingStore["settings"]
+                  ] as string;
+                  if (rawValue) {
+                    const currentValue = parseInt(rawValue);
+                    const max = item.maxInputValue || 0;
+                    if (currentValue >= max) return;
+                    const nextValue = currentValue + 1;
+                    SettingsService.set({
+                      [item.property as string]: nextValue
+                    });
+                    updateInput(nextValue);
+                  }
+                }}
+                size={16}
+                type="tertiary"
+                style={{
+                  borderRadius: Radius.XXS,
+                  padding: Spacing.LEVEL_0,
+                  width: undefined,
+                  height: undefined
+                }}
+              />
+              <View
+                style={{
+                  flexDirection: "row",
+                  alignItems: "flex-end",
+                  gap: 1
+                }}
+              >
+                <Input
+                  {...item.inputProperties}
+                  onSubmit={(e) => {
+                    onChangeInputSelectorValue(e.nativeEvent.text, true);
+                    item.inputProperties?.onSubmitEditing?.(e);
+                  }}
+                  editable={!isDisabled}
+                  value={inputSelectorValue}
+                  onChangeText={(text) => {
+                    onChangeInputSelectorValue(text);
+                    item.inputProperties?.onSubmitEditing?.(text as any);
+                  }}
+                  keyboardType="decimal-pad"
+                  containerStyle={{
+                    borderWidth: 0,
+                    paddingLeft: 0,
+                    paddingRight: 0,
+                    height: 25,
+                    borderRadius: 0,
+                    minWidth: 25
+                  }}
+                  fontSize={AppFontSize.sm}
+                  inputStyle={{
+                    textAlign: "center",
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    paddingLeft: 0,
+                    paddingRight: 0,
+                    fontFamily: FontFamily.SEMI_BOLD,
+                    color: colors.primary.heading
+                  }}
+                  wrapperStyle={{
+                    flexGrow: 0,
+                    marginBottom: 0,
+                    paddingLeft: 0,
+                    paddingRight: 0
+                  }}
+                  buttons={
+                    <>
+                      {item.inputBadgeValue ? (
+                        <Paragraph
+                          fontSize="XXS"
+                          style={{
+                            marginLeft: 1,
+                            marginTop: 2,
+                            color: colors.primary.heading
+                          }}
+                          color={colors.primary.paragraph}
+                        >
+                          px
+                        </Paragraph>
+                      ) : null}
+                    </>
+                  }
+                />
+              </View>
+
               <IconButton
                 name="minus"
+                iconFamily="notesnook"
                 color={colors.primary.icon}
                 onPress={() => {
                   if (!checkIsFeatureAvailable()) return;
@@ -332,69 +518,21 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
                     updateInput(nextValue);
                   }
                 }}
-                size={AppFontSize.xl}
-              />
-              <Input
-                {...item.inputProperties}
-                onSubmit={(e) => {
-                  onChangeInputSelectorValue(e.nativeEvent.text);
-                  item.inputProperties?.onSubmitEditing?.(e);
+                size={16}
+                type="tertiary"
+                style={{
+                  borderRadius: Radius.XXS,
+                  padding: Spacing.LEVEL_0,
+                  width: undefined,
+                  height: undefined
                 }}
-                editable={!isDisabled}
-                onChangeText={(text) => {
-                  onChangeInputSelectorValue(text);
-                  item.inputProperties?.onSubmitEditing?.(text as any);
-                }}
-                keyboardType="decimal-pad"
-                containerStyle={{
-                  width: 60
-                }}
-                inputStyle={{
-                  width: 60,
-                  textAlign: "center"
-                }}
-                wrapperStyle={{
-                  maxWidth: 60,
-                  flexGrow: 0,
-                  marginBottom: 0,
-                  marginHorizontal: DefaultAppStyles.GAP_SMALL
-                }}
-                fwdRef={inputRef}
-                onLayout={() => {
-                  if (item.property) {
-                    updateInput(SettingsService.get()[item.property]);
-                  }
-                }}
-                defaultValue={item.inputProperties?.defaultValue}
-              />
-              <IconButton
-                name="plus"
-                color={colors.primary.icon}
-                onPress={() => {
-                  if (!checkIsFeatureAvailable()) return;
-                  if (isDisabled) return;
-                  const rawValue = SettingsService.get()[
-                    item.property as keyof SettingStore["settings"]
-                  ] as string;
-                  if (rawValue) {
-                    const currentValue = parseInt(rawValue);
-                    const max = item.maxInputValue || 0;
-                    if (currentValue >= max) return;
-                    const nextValue = currentValue + 1;
-                    SettingsService.set({
-                      [item.property as string]: nextValue
-                    });
-                    updateInput(nextValue);
-                  }
-                }}
-                size={AppFontSize.xl}
               />
             </View>
           )}
         </View>
       </View>
 
-      {item.type === "switch" && !loading && (
+      {/* {item.type === "switch" && !loading && (
         <ToggleSwitch
           isOn={
             item.getter
@@ -407,14 +545,7 @@ const _SectionItem = ({ item }: { item: SettingSection }) => {
           animationSpeed={150}
           onToggle={onChangeSettings}
         />
-      )}
-
-      {loading ? (
-        <ActivityIndicator
-          size={AppFontSize.xxl}
-          color={colors.primary.accent}
-        />
-      ) : null}
+      )} */}
     </Pressable>
   );
 };
diff --git a/apps/mobile/app/screens/settings/server-config.tsx b/apps/mobile/app/screens/settings/server-config.tsx
deleted file mode 100644
index adc1f11b6..000000000
--- a/apps/mobile/app/screens/settings/server-config.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { isServerCompatible } from "@notesnook/core";
-import { strings } from "@notesnook/intl";
-import { useThemeColors } from "@notesnook/theme";
-import React, { useState } from "react";
-import { View } from "react-native";
-import { presentDialog } from "../../components/dialog/functions";
-import { Button } from "../../components/ui/button";
-import Input from "../../components/ui/input";
-import { Notice } from "../../components/ui/notice";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { ToastManager } from "../../services/event-manager";
-import SettingsService from "../../services/settings";
-import { HostId, HostIds } from "../../stores/use-setting-store";
-import { useUserStore } from "../../stores/use-user-store";
-import { DefaultAppStyles } from "../../utils/styles";
-
-export const ServerIds = [
-  "notesnook-sync",
-  "auth",
-  "sse",
-  "monograph"
-] as const;
-export type ServerId = (typeof ServerIds)[number];
-type Server = {
-  id: ServerId;
-  host: HostId;
-  title: string;
-  example: string;
-  description: string;
-  versionEndpoint: string;
-};
-type VersionResponse = {
-  version: number;
-  id: string;
-  instance: string;
-};
-const SERVERS: Server[] = [
-  {
-    id: "notesnook-sync",
-    host: "API_HOST",
-    title: strings.syncServer(),
-    example: "http://localhost:4326",
-    description: strings.syncServerDesc(),
-    versionEndpoint: "/version"
-  },
-  {
-    id: "auth",
-    host: "AUTH_HOST",
-    title: strings.authServer(),
-    example: "http://localhost:5326",
-    description: strings.authServerDesc(),
-    versionEndpoint: "/version"
-  },
-  {
-    id: "sse",
-    host: "SSE_HOST",
-    title: strings.sseServer(),
-    example: "http://localhost:7326",
-    description: strings.sseServerDesc(),
-    versionEndpoint: "/version"
-  },
-  {
-    id: "monograph",
-    host: "MONOGRAPH_HOST",
-    title: strings.monographServer(),
-    example: "http://localhost:6326",
-    description: strings.monographServerDesc(),
-    versionEndpoint: "/api/version"
-  }
-];
-export function ServersConfiguration() {
-  const { colors } = useThemeColors();
-  const [error, setError] = useState<string>();
-  const [success, setSuccess] = useState<boolean>();
-  const [urls, setUrls] = useState<Partial<Record<HostId, string>>>(
-    SettingsService.getProperty("serverUrls") || {}
-  );
-  const isLoggedIn = useUserStore((state) => !!state.user);
-
-  return (
-    <View
-      style={{
-        paddingHorizontal: DefaultAppStyles.GAP,
-        gap: 12,
-        marginTop: DefaultAppStyles.GAP_VERTICAL
-      }}
-    >
-      {isLoggedIn ? (
-        <Notice text={strings.logoutToChangeServerUrls()} type="alert" />
-      ) : null}
-
-      <View style={{ flexDirection: "column" }}>
-        {SERVERS.map((server) => (
-          <Input
-            key={server.id}
-            editable={!isLoggedIn}
-            placeholder={`${server.id} e.g. ${server.example}`}
-            validationType="url"
-            defaultValue={urls[server.host]}
-            errorMessage={strings.enterValidUrl()}
-            onChangeText={(value) =>
-              setUrls((s) => {
-                s[server.host] = value;
-                return s;
-              })
-            }
-          />
-        ))}
-
-        {error ? (
-          <Paragraph
-            style={{
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
-            }}
-            color={colors.error.paragraph}
-          >
-            {error}
-          </Paragraph>
-        ) : null}
-
-        {success === true ? (
-          <Paragraph
-            style={{
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
-            }}
-            color={colors.success.paragraph}
-          >
-            {strings.connectedToServer()}
-          </Paragraph>
-        ) : null}
-        <View
-          style={{
-            marginTop: 1,
-            justifyContent: "flex-end",
-            gap: DefaultAppStyles.GAP_VERTICAL
-          }}
-        >
-          <Button
-            disabled={isLoggedIn}
-            type="secondary"
-            width="100%"
-            onPress={async () => {
-              setError(undefined);
-              try {
-                for (const host of HostIds) {
-                  const url = urls[host];
-                  const server = SERVERS.find((s) => s.host === host)!;
-                  if (!server) throw new Error(strings.serverNotFound(host));
-                  if (!url) throw new Error(strings.allServerUrlsRequired());
-                  const version = await fetch(`${url}${server.versionEndpoint}`)
-                    .then((r) => r.json() as Promise<VersionResponse>)
-                    .catch(() => undefined);
-                  if (!version)
-                    throw new Error(
-                      `${strings.couldNotConnectTo(server.title)}`
-                    );
-                  if (version.id !== server.id)
-                    throw new Error(
-                      `${strings.incorrectServerUrl(url, server.title)}.`
-                    );
-                  if (!isServerCompatible(version.version)) {
-                    throw new Error(
-                      strings.serverVersionMismatch(server.title, url)
-                    );
-                  }
-                }
-                setSuccess(true);
-              } catch (e) {
-                setError((e as Error).message);
-              }
-            }}
-            title={strings.testConnection()}
-          />
-
-          <Button
-            type="accent"
-            disabled={isLoggedIn}
-            width="100%"
-            onPress={async () => {
-              if (!success) {
-                ToastManager.show({
-                  heading: strings.testConnectionBeforeSave()
-                });
-                return;
-              }
-              SettingsService.setProperty(
-                "serverUrls",
-                urls as Record<HostId, string>
-              );
-
-              presentDialog({
-                title: strings.serverUrlChanged(),
-                paragraph: strings.restartAppToTakeEffect(),
-                negativeText: strings.done()
-              });
-            }}
-            title={strings.save()}
-          />
-
-          <Button
-            disabled={isLoggedIn}
-            type="error"
-            width="100%"
-            title={strings.resetServerUrls()}
-            onPress={async () => {
-              if (isLoggedIn) return;
-              SettingsService.setProperty("serverUrls", undefined);
-              presentDialog({
-                title: strings.serverUrlsReset(),
-                paragraph: strings.restartAppToTakeEffect(),
-                negativeText: strings.done()
-              });
-            }}
-          />
-        </View>
-      </View>
-    </View>
-  );
-}
diff --git a/apps/mobile/app/screens/settings/settings-data.tsx b/apps/mobile/app/screens/settings/settings-data.tsx
index 6e89479c0..0e8a8a1a4 100644
--- a/apps/mobile/app/screens/settings/settings-data.tsx
+++ b/apps/mobile/app/screens/settings/settings-data.tsx
@@ -17,1838 +17,5 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-import { formatBytes } from "@notesnook/common";
-import {
-  SubscriptionPlan,
-  SubscriptionProvider,
-  SubscriptionStatus,
-  User
-} from "@notesnook/core";
-import { strings } from "@notesnook/intl";
-import notifee from "@notifee/react-native";
-import Clipboard from "@react-native-clipboard/clipboard";
-import dayjs from "dayjs";
-import React from "react";
-import { Appearance, Linking, Platform } from "react-native";
-import { getVersion } from "react-native-device-info";
-import { TextInput } from "react-native-gesture-handler";
-import * as RNIap from "react-native-iap";
-import { DatabaseLogger, db } from "../../common/database";
-import { MMKV } from "../../common/database/mmkv";
-import filesystem from "../../common/filesystem";
-import { presentDialog } from "../../components/dialog/functions";
-import { AppLockPassword } from "../../components/dialogs/applock-password";
-import { endProgress, startProgress } from "../../components/dialogs/progress";
-import ExportNotesSheet from "../../components/sheets/export-notes";
-import { Issue } from "../../components/sheets/github/issue";
-import { Progress } from "../../components/sheets/progress";
-import { Update } from "../../components/sheets/update";
-import {
-  createFormRef,
-  validators
-} from "../../components/ui/input/form-input";
-import { VaultStatusType, useVaultStatus } from "../../hooks/use-vault-status";
-import { BackgroundSync } from "../../services/background-sync";
-import BackupService from "../../services/backup";
-import BiometricService from "../../services/biometrics";
-import {
-  ToastManager,
-  VaultRequestType,
-  eSendEvent,
-  eSubscribeEvent,
-  openVault,
-  presentSheet
-} from "../../services/event-manager";
-import Navigation from "../../services/navigation";
-import Notifications from "../../services/notifications";
-import PremiumService from "../../services/premium";
-import SettingsService from "../../services/settings";
-import Sync from "../../services/sync";
-import { clearAllStores } from "../../stores";
-import { refreshAllStores } from "../../stores/create-db-collection-store";
-import { useSettingStore } from "../../stores/use-setting-store";
-import { useThemeStore } from "../../stores/use-theme-store";
-import { useUserStore } from "../../stores/use-user-store";
-import { EDITOR_LINE_HEIGHT } from "../../utils/constants";
-import {
-  eAfterSync,
-  eCloseSheet,
-  eOpenRecoveryKeyDialog
-} from "../../utils/events";
-import { sleep } from "../../utils/time";
-import { resetTabStore } from "../editor/tiptap/use-tab-store";
-import { MFARecoveryCodes, MFASheet } from "./2fa";
-import { useDragState } from "./editor/state";
-import { verifyUser, verifyUserWithApplock } from "./functions";
-import { logoutUser } from "./logout";
-import { SettingSection } from "./types";
-import { getTimeLeft } from "./user-section";
-
-export const settingsGroups: SettingSection[] = [
-  {
-    id: "account-local",
-    name: strings.account(),
-    useHook: () => useUserStore((state) => state.user),
-    hidden: (current) => !!current,
-    sections: [
-      {
-        id: "delete-data",
-        name: strings.deleteData(),
-        icon: "delete",
-        description: strings.deleteAccountDesc(),
-        modifer: () => {
-          presentDialog({
-            title: strings.deleteData(),
-            paragraph: strings.irreverisibleAction(),
-            positiveType: "errorShade",
-            positiveText: "Delete data",
-            positivePress: async () => {
-              await PremiumService.setPremiumStatus();
-              await BiometricService.resetCredentials();
-              MMKV.clearStore();
-              resetTabStore();
-              clearAllStores();
-              Navigation.queueRoutesForUpdate();
-              SettingsService.resetSettings();
-              db.reset();
-
-              setImmediate(() => {
-                refreshAllStores();
-                eSendEvent(eAfterSync);
-              });
-              return true;
-            }
-          });
-        }
-      }
-    ]
-  },
-  {
-    id: "account",
-    name: strings.account(),
-    useHook: () => useUserStore((state) => state.user),
-    hidden: (current) => !current,
-    sections: [
-      {
-        id: "subscription-status",
-        useHook: () => useUserStore((state) => state.user),
-        hidden: (current) => {
-          const user = current as User;
-          return (
-            !user ||
-            !user.subscription ||
-            user.subscription.provider === undefined ||
-            !strings.subscriptionProviderInfo[user?.subscription?.provider] ||
-            user.subscription?.plan === SubscriptionPlan.FREE
-          );
-        },
-        name: (current) => {
-          const user = (current as User) || useUserStore.getState().user;
-          return (
-            strings.subscriptionProviderInfo[
-              user?.subscription?.provider
-            ]?.title() || `Unknown provider id: ${user?.subscription?.provider}`
-          );
-        },
-        icon: "credit-card",
-        modifer: () => {
-          const user = useUserStore.getState().user;
-          if (!user) return;
-          const subscriptionProviderInfo =
-            strings.subscriptionProviderInfo[user?.subscription?.provider];
-
-          if (!subscriptionProviderInfo) return;
-
-          const isCurrentPlatform =
-            (user.subscription?.provider === SubscriptionProvider.APPLE &&
-              Platform.OS === "ios") ||
-            (user.subscription?.provider === SubscriptionProvider.GOOGLE &&
-              Platform.OS === "android");
-
-          if (
-            (user.subscription?.provider === SubscriptionProvider.GOOGLE ||
-              user.subscription?.provider === SubscriptionProvider.APPLE) &&
-            isCurrentPlatform &&
-            user?.subscription?.productId
-          ) {
-            RNIap.deepLinkToSubscriptions({
-              sku: user?.subscription.productId
-            });
-          } else {
-            presentSheet({
-              title: subscriptionProviderInfo.title(),
-              paragraph: subscriptionProviderInfo.desc()
-            });
-          }
-        },
-        description: (current) => {
-          const user = current as User;
-          if (!user) return strings.neverHesitate();
-          const subscriptionDaysLeft =
-            user && getTimeLeft(user.subscription?.expiry);
-          const expiryDate = dayjs(user?.subscription?.expiry).format(
-            "dddd, MMMM D, YYYY h:mm A"
-          );
-          const startDate = dayjs(user?.subscription?.start).format(
-            "dddd, MMMM D, YYYY h:mm A"
-          );
-
-          const trialEndDate = dayjs(user?.subscription?.start)
-            .add(
-              user?.subscription?.productId?.includes("monthly") ? 7 : 14,
-              "day"
-            )
-            .format("dddd, MMMM D, YYYY h:mm A");
-
-          if (
-            user.subscription?.plan !== SubscriptionPlan.FREE &&
-            user.subscription?.productId
-          ) {
-            const status = user.subscription?.status;
-            return status === SubscriptionStatus.TRIAL
-              ? strings.trialOnGoing(trialEndDate)
-              : status === SubscriptionStatus.ACTIVE
-                ? strings.subRenewOn(expiryDate)
-                : status === SubscriptionStatus.CANCELED ||
-                  status === SubscriptionStatus.PAUSED
-                  ? strings.subEndsOn(expiryDate)
-                  : status === SubscriptionStatus.EXPIRED
-                    ? subscriptionDaysLeft.time < -3
-                      ? strings.subEnded()
-                      : strings.accountDowngradedIn(3)
-                    : strings.neverHesitate();
-          }
-
-          return strings.neverHesitate();
-        }
-      },
-      {
-        id: "redeem-gift-code",
-        name: strings.redeemGiftCode(),
-        description: strings.redeemGiftCodeDesc(),
-        hidden: (current) => {
-          return !current as boolean;
-        },
-        useHook: () =>
-          useUserStore(
-            (state) => state.user?.subscription?.plan === SubscriptionPlan.FREE
-          ),
-        icon: "gift",
-        modifer: () => {
-          presentDialog({
-            title: strings.redeemGiftCode(),
-            paragraph: strings.redeemGiftCodeDesc(),
-            form: {
-              formRef: createFormRef({
-                code: ""
-              }),
-              items: [
-                {
-                  name: "code",
-                  placeholder: strings.code(),
-                  ref: React.createRef<TextInput | null>(),
-                  validators: [validators.required(strings.giftCodeRequired())]
-                }
-              ],
-              onFormSubmit: async (form) => {
-                try {
-                  await db.subscriptions.redeemCode(form.getValue("code"));
-                  return true;
-                } catch (e) {
-                  form.setError("code", (e as Error).message);
-                  return false;
-                }
-              }
-            },
-            positiveText: strings.redeem()
-          });
-        }
-      },
-      {
-        id: "account-settings",
-        type: "screen",
-        name: strings.manageAccount(),
-        icon: "account-cog",
-        description: strings.manageAccountDesc(),
-        sections: [
-          {
-            id: "remove-profile-picture",
-            name: strings.removeProfilePicture(),
-            description: strings.removeProfilePictureDesc(),
-            useHook: () =>
-              useUserStore((state) => state.profile?.profilePicture),
-            hidden: () => !useUserStore.getState().profile?.profilePicture,
-            modifer: () => {
-              presentDialog({
-                title: strings.removeProfilePicture(),
-                paragraph: strings.removeProfilePictureConfirmation(),
-                positiveText: strings.remove(),
-                positivePress: async () => {
-                  db.settings
-                    .setProfile({
-                      profilePicture: undefined
-                    })
-                    .then(async () => {
-                      useUserStore.setState({
-                        profile: db.settings.getProfile()
-                      });
-                    });
-                }
-              });
-            }
-          },
-          {
-            id: "remove-name",
-            name: strings.removeFullName(),
-            description: strings.removeFullNameDesc(),
-            useHook: () => useUserStore((state) => state.profile?.fullName),
-            hidden: () => !useUserStore.getState().profile?.fullName,
-            modifer: () => {
-              presentDialog({
-                title: strings.removeFullName(),
-                paragraph: strings.removeFullNameConfirmation(),
-                positiveText: strings.remove(),
-                positivePress: async () => {
-                  db.settings
-                    .setProfile({
-                      fullName: undefined
-                    })
-                    .then(async () => {
-                      useUserStore.setState({
-                        profile: db.settings.getProfile()
-                      });
-                    });
-                }
-              });
-            }
-          },
-          {
-            id: "recovery-key",
-            name: strings.saveDataRecoveryKey(),
-            modifer: async () => {
-              verifyUser(null, async () => {
-                await sleep(300);
-                eSendEvent(eOpenRecoveryKeyDialog);
-              });
-            },
-            description: strings.saveDataRecoveryKeyDesc(),
-            icon: "key"
-          },
-          {
-            id: "manage-attachments",
-            name: strings.manageAttachments(),
-            icon: "attachment",
-            type: "screen",
-            component: "attachments-manager",
-            description: strings.manageAttachmentsDesc(),
-            hideHeader: true
-          },
-          {
-            id: "change-password",
-            name: strings.changePassword(),
-            type: "screen",
-            description: strings.changePasswordDesc(),
-            component: "change-password",
-            icon: "form-textbox-password"
-          },
-          {
-            id: "change-email",
-            name: strings.changeEmail(),
-            type: "screen",
-            component: "change-email",
-            description: strings.changeEmailDesc(),
-            icon: "at"
-          },
-          {
-            id: "2fa-settings",
-            type: "screen",
-            name: strings.twoFactorAuth(),
-            description: strings.twoFactorAuthDesc(),
-            icon: "two-factor-authentication",
-            sections: [
-              {
-                id: "enable-2fa",
-                name: strings.change2faMethod(),
-                modifer: () => {
-                  verifyUser("global", async () => {
-                    MFASheet.present();
-                  });
-                },
-                useHook: () => useUserStore((state) => state.user),
-                description: strings.change2faMethodDesc()
-              },
-              {
-                id: "2fa-fallback",
-                name: strings.addFallback2faMethod(),
-                useHook: () => useUserStore((state) => state.user),
-                hidden: (user) => {
-                  return (
-                    !!(user as User)?.mfa?.secondaryMethod ||
-                    !(user as User)?.mfa?.isEnabled
-                  );
-                },
-                modifer: () => {
-                  verifyUser("global", async () => {
-                    MFASheet.present(true);
-                  });
-                },
-                description: strings.addFallback2faMethodDesc()
-              },
-              {
-                id: "change-2fa-method",
-                name: strings.change2faFallbackMethod(),
-                useHook: () => useUserStore((state) => state.user),
-                hidden: (user) => {
-                  return (
-                    !(user as User)?.mfa?.secondaryMethod ||
-                    !(user as User)?.mfa?.isEnabled
-                  );
-                },
-                modifer: () => {
-                  verifyUser("global", async () => {
-                    MFASheet.present(true);
-                  });
-                },
-                description: strings.change2faFallbackMethod()
-              },
-              {
-                id: "view-2fa-codes",
-                name: strings.viewRecoveryCodes(),
-                modifer: () => {
-                  verifyUser("global", async () => {
-                    MFARecoveryCodes.present("sms");
-                  });
-                },
-                useHook: () => useUserStore((state) => state.user),
-                hidden: (user) => {
-                  return !(user as User)?.mfa?.isEnabled;
-                },
-                description: strings.viewRecoveryCodesDesc()
-              }
-            ]
-          },
-          {
-            id: "subscription-not-active",
-            name: strings.subscriptionNotActivated(),
-            useHook: () => useUserStore((state) => state.user),
-            hidden: (user) =>
-              Platform.OS !== "ios" ||
-              (user as User)?.subscription?.plan !== SubscriptionPlan.FREE,
-            modifer: async () => {
-              if (Platform.OS === "android") return;
-              try {
-                presentSheet({
-                  title: strings.loadingSubscription(),
-                  paragraph: strings.loadingSubscriptionDesc(),
-                  progress: true
-                });
-                const subscriptions = await RNIap.getPurchaseHistory();
-                subscriptions.sort(
-                  (a, b) => b.transactionDate - a.transactionDate
-                );
-                const currentSubscription = subscriptions[0];
-
-                if (
-                  !currentSubscription ||
-                  dayjs(currentSubscription.transactionDate).isBefore(
-                    dayjs().subtract(30, "day")
-                  )
-                ) {
-                  ToastManager.show({
-                    message: "No active subscription found",
-                    type: "info"
-                  });
-                  eSendEvent(eCloseSheet);
-                  return;
-                }
-
-                presentSheet({
-                  title: strings.notesnookPro(),
-                  paragraph: strings.subscribedOnVerify(
-                    new Date(
-                      currentSubscription.transactionDate
-                    ).toLocaleString()
-                  ),
-                  action: async () => {
-                    presentSheet({
-                      title: strings.verifySubscription(),
-                      paragraph: strings.subscriptionVerifyWait()
-                    });
-                    await PremiumService.subscriptions.verify(
-                      currentSubscription
-                    );
-                    eSendEvent(eCloseSheet);
-                  },
-                  icon: "information-outline",
-                  actionText: strings.verify()
-                });
-              } catch (e) {
-                eSendEvent(eCloseSheet);
-              }
-            },
-            description: strings.verifySubDesc()
-          },
-          {
-            id: "clear-cache",
-            name: strings.clearCache(),
-            icon: "delete",
-            modifer: async () => {
-              presentDialog({
-                title: strings.clearCacheConfirm(),
-                paragraph: strings.clearCacheConfirmDesc(),
-                positiveText: strings.clear(),
-                positivePress: async () => {
-                  filesystem.clearCache();
-                  ToastManager.show({
-                    heading: strings.cacheCleared(),
-                    message: strings.cacheClearedDesc(),
-                    type: "success"
-                  });
-                }
-              });
-            },
-            description(current) {
-              return strings.clearCacheDesc(current as number);
-            },
-            useHook: () => {
-              const [cacheSize, setCacheSize] = React.useState(0);
-              React.useEffect(() => {
-                filesystem
-                  .getCacheSize()
-                  .then(setCacheSize)
-                  .catch(() => {
-                    /* empty */
-                  });
-                const sub = eSubscribeEvent("cache-cleared", () => {
-                  setCacheSize(0);
-                });
-                return () => {
-                  sub?.unsubscribe();
-                };
-              }, []);
-              return formatBytes(cacheSize);
-            }
-          },
-
-          {
-            id: "logout",
-            name: strings.logout(),
-            description: strings.logoutWarnin(),
-            icon: "logout",
-            modifer: logoutUser
-          },
-          {
-            id: "delete-account",
-            type: "danger",
-            name: strings.deleteAccount(),
-            icon: "alert",
-            description: strings.deleteAccountDesc(),
-            modifer: () => {
-              presentDialog({
-                title: strings.deleteAccount(),
-                paragraphColor: "red",
-                paragraph: strings.deleteAccountDesc(),
-                positiveType: "errorShade",
-                input: true,
-                secureTextEntry: true,
-                inputPlaceholder: strings.enterAccountPassword(),
-                positiveText: strings.delete(),
-                positivePress: async (value) => {
-                  try {
-                    if (!value || !value.trim()) {
-                      ToastManager.error(
-                        new Error(strings.passwordNotEntered()),
-                        undefined,
-                        "local"
-                      );
-                      return;
-                    }
-                    const verified = await db.user?.verifyPassword(value);
-                    if (verified) {
-                      setTimeout(async () => {
-                        try {
-                          startProgress({
-                            title: "Deleting account",
-                            paragraph:
-                              "Please wait while we delete your account"
-                          });
-                          await db.user?.deleteUser(value);
-                          DatabaseLogger.info("User account deleted");
-                          Navigation.navigate("Notes");
-                          await BiometricService.resetCredentials();
-                          SettingsService.set({
-                            introCompleted: true
-                          });
-                        } catch (e) {
-                          endProgress();
-                          DatabaseLogger.error(e);
-                          ToastManager.error(
-                            e as Error,
-                            strings.failedToDeleteAccount(),
-                            "global"
-                          );
-                        }
-                      }, 300);
-                    } else {
-                      ToastManager.show({
-                        heading: strings.passwordIncorrect(),
-                        type: "error",
-                        context: "global"
-                      });
-                    }
-                  } catch (e) {
-                    ToastManager.error(
-                      e as Error,
-                      strings.failedToDeleteAccount(),
-                      "global"
-                    );
-                  }
-                }
-              });
-            }
-          }
-        ]
-      },
-      {
-        id: "sync-settings",
-        name: strings.syncSettings(),
-        description: strings.syncSettingsDesc(),
-        type: "screen",
-        icon: "autorenew",
-        component: "offline-mode-progress",
-        sections: [
-          {
-            id: "offline-mode",
-            icon: "download-multiple",
-            name: strings.fullOfflineMode(),
-            description: strings.fullOfflineModeDesc(),
-            type: "switch",
-            property: "offlineMode",
-            featureId: "fullOfflineMode",
-            modifer: () => {
-              const current = SettingsService.get().offlineMode;
-              if (current) {
-                SettingsService.setProperty("offlineMode", false);
-                db.fs().cancel("offline-mode");
-                return;
-              }
-              SettingsService.setProperty("offlineMode", true);
-              db.attachments.cacheAttachments().catch(() => {
-                /* empty */
-              });
-            }
-          },
-          {
-            id: "auto-sync",
-            name: strings.disableAutoSync(),
-            description: strings.disableAutoSyncDesc(),
-            type: "switch",
-            property: "disableAutoSync",
-            featureId: "syncControls",
-            icon: "sync-off"
-          },
-          {
-            id: "disable-realtime-sync",
-            name: strings.disableRealtimeSync(),
-            description: strings.disableRealtimeSyncDesc(),
-            type: "switch",
-            property: "disableRealtimeSync",
-            featureId: "syncControls"
-          },
-          {
-            id: "disable-sync",
-            name: strings.disableSync(),
-            description: strings.disableSyncDesc(),
-            type: "switch",
-            property: "disableSync",
-            featureId: "syncControls",
-            icon: "cloud-off-outline"
-          },
-          {
-            id: "background-sync",
-            name: strings.backgroundSync(),
-            description: strings.backgroundSyncDesc(),
-            type: "switch",
-            property: "backgroundSync",
-            icon: "cloud-upload-outline",
-            onChange: (value) => {
-              if (value) {
-                BackgroundSync.start();
-              } else {
-                BackgroundSync.stop();
-              }
-            }
-          },
-          {
-            id: "pull-sync",
-            name: strings.forcePullChanges(),
-            description: strings.forcePullChangesDesc(),
-            icon: "download",
-            modifer: () => {
-              presentDialog({
-                title: strings.forcePullChanges(),
-                paragraph: strings.forceSyncNotice(),
-                negativeText: strings.cancel(),
-                positiveText: strings.start(),
-                positivePress: async () => {
-                  eSendEvent(eCloseSheet);
-                  await sleep(300);
-                  Progress.present();
-                  Sync.run("global", true, "fetch", () => {
-                    eSendEvent(eCloseSheet);
-                  });
-                }
-              });
-            }
-          },
-          {
-            id: "push-sync",
-            name: strings.forcePushChanges(),
-            description: strings.forcePushChangesDesc(),
-            icon: "upload",
-            modifer: () => {
-              presentDialog({
-                title: strings.forcePushChanges(),
-                paragraph: strings.forceSyncNotice(),
-                negativeText: strings.cancel(),
-                positiveText: strings.start(),
-                positivePress: async () => {
-                  eSendEvent(eCloseSheet);
-                  await sleep(300);
-                  Progress.present();
-                  Sync.run("global", true, "send", () => {
-                    eSendEvent(eCloseSheet);
-                  });
-                }
-              });
-            }
-          }
-        ]
-      },
-      {
-        id: "notesnook-circle",
-        name: strings.notesnookCircle(),
-        icon: "circle-outline",
-        type: "screen",
-        description: strings.notesnookCircleDesc(),
-        component: "notesnook-circle"
-      },
-      {
-        id: "inbox-api",
-        name: strings.inboxAPI(),
-        icon: "inbox",
-        type: "screen",
-        description: strings.inboxAPIDesc(),
-        sections: [
-          {
-            id: "toggle-inbox-api",
-            name: strings.enableInboxAPI(),
-            description: strings.enableInboxAPIDesc(),
-            type: "switch",
-            useHook: () => {
-              return useSettingStore((state) => state.inboxEnabled);
-            },
-            getter: (current) => current,
-            modifer: async (current) => {
-              if (current) {
-                return new Promise((resolve) => {
-                  presentDialog({
-                    title: strings.disableInboxAPI(),
-                    paragraph: strings.disableInboxAPIDesc(),
-                    positiveText: strings.disable(),
-                    onClose: () => {
-                      resolve();
-                    },
-                    positivePress: async () => {
-                      try {
-                        await db.inboxItemsHistory.deleteFailed();
-                        await db.user.discardInboxKeys();
-                        useSettingStore.setState({
-                          inboxEnabled: false
-                        });
-                        resolve();
-                        return true;
-                      } catch (e) {
-                        ToastManager.show({
-                          message: (e as Error).message,
-                          context: "local"
-                        });
-                        DatabaseLogger.error(e);
-                        return false;
-                      }
-                    }
-                  });
-                });
-              }
-
-              try {
-                Navigation.push("SettingsGroup", {
-                  id: "setup-inbox-keys",
-                  name: strings.setupInboxKeys(),
-                  type: "screen",
-                  component: "setup-inbox-keys"
-                } as any);
-              } catch (e) {
-                console.log(e);
-              }
-            }
-          },
-          {
-            id: "manage-inbox-keys",
-            name: strings.manageInboxKeys(),
-            useHook: () => useSettingStore((state) => state.inboxEnabled),
-            hidden: (current) => !current,
-            description: strings.manageInboxKeysDesc(),
-            onVerify: async () => {
-              return new Promise((resolve) => {
-                verifyUser(
-                  "global",
-                  () => {
-                    resolve(true);
-                  },
-                  false,
-                  () => resolve(false)
-                );
-              });
-            },
-            type: "screen",
-            component: "manage-inbox-keys"
-          },
-          {
-            id: "inbox-keys",
-            name: strings.viewAPIKeys(),
-            description: strings.viewAPIKeysDesc(),
-            useHook: () => useSettingStore((state) => state.inboxEnabled),
-            hidden: (current) => !current,
-            type: "screen",
-            component: "inbox-keys"
-          },
-          {
-            id: "failed-inbox-items",
-            name: strings.failedInboxItems(),
-            description: strings.failedInboxItemsDesc(),
-            useHook: () => useSettingStore((state) => state.inboxEnabled),
-            hidden: (current) => !current,
-            type: "screen",
-            component: "failed-inbox-items",
-            hideHeader: true
-          }
-        ]
-      }
-    ]
-  },
-  {
-    id: "customize",
-    name: strings.customization(),
-    sections: [
-      {
-        id: "personalization",
-        type: "screen",
-        name: strings.appearance(),
-        description: strings.appearanceDesc(),
-        icon: "shape",
-        sections: [
-          {
-            id: "theme-picker",
-            type: "screen",
-            name: strings.themes(),
-            description: strings.themesDesc(),
-            component: "theme-selector",
-            icon: "shape"
-          },
-          {
-            id: "use-system-theme",
-            type: "switch",
-            name: strings.useSystemTheme(),
-            description: strings.useSystemThemeDesc(),
-            property: "useSystemTheme",
-            icon: "circle-half",
-            modifer: () => {
-              const current = SettingsService.get().useSystemTheme;
-              SettingsService.set({
-                useSystemTheme: !current
-              });
-              if (!current) {
-                useThemeStore
-                  .getState()
-                  .setColorScheme(Appearance.getColorScheme() as any);
-              }
-            }
-          },
-          {
-            id: "enable-dark-mode",
-            type: "switch",
-            name: strings.darkMode(),
-            description: strings.darkModeDesc(),
-            property: "colorScheme",
-            icon: "brightness-6",
-            modifer: () => {
-              useThemeStore.getState().setColorScheme();
-            },
-            getter: () => useThemeStore.getState().colorScheme === "dark"
-          }
-        ]
-      },
-      {
-        id: "behaviour",
-        type: "screen",
-        icon: "brain",
-        name: strings.behavior(),
-        description: strings.behaviorDesc(),
-        sections: [
-          {
-            id: "default-sidebar-view",
-            type: "component",
-            name: strings.defaultSidebarTab(),
-            description: strings.defaultSidebarTabDesc(),
-            component: "sidebar-tab-selector"
-          },
-          {
-            id: "date-format",
-            name: strings.dateFormat(),
-            description: strings.dateFormatDesc(),
-            type: "component",
-            component: "date-format-selector",
-            icon: "calendar-blank"
-          },
-          {
-            id: "day-format",
-            name: strings.dayFormat(),
-            description: strings.dayFormatDesc(),
-            type: "component",
-            component: "day-format-selector",
-            icon: "calendar-today"
-          },
-          {
-            id: "week-format",
-            name: strings.weekFormat(),
-            description: strings.weekFormatDesc(),
-            type: "component",
-            component: "week-format-selector",
-            icon: "calendar"
-          },
-          {
-            id: "time-format",
-            name: strings.timeFormat(),
-            description: strings.timeFormatDesc(),
-            type: "component",
-            component: "time-format-selector",
-            icon: "clock-digital"
-          },
-          {
-            id: "clear-trash-interval",
-            type: "component",
-            name: strings.clearTrashInterval(),
-            description: strings.clearTrashIntervalDesc(),
-            component: "trash-interval-selector",
-            icon: "delete"
-          },
-          {
-            id: "default-notebook",
-            name: strings.clearDefaultNotebook(),
-            description: strings.clearDefaultNotebookDesc(),
-            modifer: () => {
-              db.settings.setDefaultNotebook(undefined);
-              ToastManager.show({
-                heading: strings.defaultNotebookCleared(),
-                type: "success"
-              });
-            },
-            disabled: () => !db.settings.getDefaultNotebook(),
-            icon: "notebook-minus"
-          },
-          {
-            id: "disable-update-check",
-            type: "switch",
-            name: strings.autoUpdateCheck(),
-            description: strings.autoUpdateCheckDesc(),
-            property: "checkForUpdates",
-            icon: "update"
-          },
-          {
-            id: "keep-screen-on",
-            type: "switch",
-            name: strings.keepScreenOn(),
-            description: strings.keepScreenOnDesc(),
-            property: "keepScreenOn",
-            icon: "cellphone-screenshot",
-          },
-          {
-            id: "image-compression",
-            type: "component",
-            name: strings.imageCompression(),
-            description: strings.imageCompressionDesc(),
-            component: "image-compression-picker",
-            icon: "image-area"
-          }
-        ]
-      },
-      {
-        id: "editor",
-        name: strings.editor(),
-        type: "screen",
-        icon: "note-edit-outline",
-        description: strings.editorDesc(),
-        sections: [
-          {
-            id: "configure-toolbar",
-            type: "screen",
-            name: strings.customizeToolbar(),
-            description: strings.customizeToolbarDesc(),
-            component: "configuretoolbar"
-          },
-          {
-            id: "reset-toolbar",
-            name: strings.resetToolbar(),
-            description: strings.resetToolbarDesc(),
-            modifer: () => {
-              useDragState.getState().setPreset("default");
-              ToastManager.show({
-                heading: strings.toolbarReset(),
-                type: "success"
-              });
-            }
-          },
-          {
-            id: "double-spaced-lines",
-            name: strings.doubleSpacedLines(),
-            description: strings.doubleSpacedLinesDesc(),
-            type: "switch",
-            property: "doubleSpacedLines",
-            icon: "format-line-spacing",
-            onChange: () => {
-              ToastManager.show({
-                heading: strings.lineSpacingChanged(),
-                type: "success"
-              });
-            }
-          },
-          {
-            id: "default-font-size",
-            name: strings.defaultFontSize(),
-            description: strings.defaultFontSizeDesc(),
-            type: "input-selector",
-            minInputValue: 8,
-            maxInputValue: 120,
-            icon: "format-size",
-            property: "defaultFontSize"
-          },
-          {
-            id: "default-font-family",
-            name: strings.defaultFontFamily(),
-            description: strings.defaultFontFamilyDesc(),
-            type: "component",
-            icon: "format-font",
-            property: "defaultFontFamily",
-            component: "font-selector"
-          },
-          {
-            id: "default-line-height",
-            name: strings.lineHeight(),
-            description: strings.lineHeightDesc(),
-            type: "input-selector",
-            property: "defaultLineHeight",
-            icon: "format-line-spacing",
-            minInputValue: EDITOR_LINE_HEIGHT.MIN,
-            maxInputValue: EDITOR_LINE_HEIGHT.MAX
-          },
-          {
-            id: "title-format",
-            name: strings.titleFormat(),
-            component: "title-format",
-            description: strings.titleFormatDesc(),
-            type: "component"
-          },
-          {
-            id: "toggle-markdown",
-            name: strings.mardownShortcuts(),
-            property: "markdownShortcuts",
-            description: strings.mardownShortcutsDesc(),
-            type: "switch",
-            featureId: "markdownShortcuts"
-          }
-        ]
-      },
-      {
-        id: "servers",
-        type: "screen",
-        name: strings.servers(),
-        description: strings.serversConfigurationDesc(),
-        icon: "server",
-        component: "server-config"
-      }
-    ]
-  },
-  {
-    id: "privacy-security",
-    name: strings.privacyAndSecurity(),
-    sections: [
-      {
-        id: "marketing-emails",
-        type: "switch",
-        icon: "email-newsletter",
-        name: strings.marketingEmails(),
-        description: strings.marketingEmailsDesc(),
-        modifer: async () => {
-          try {
-            await db.user?.changeMarketingConsent(
-              !useUserStore.getState().user?.marketingConsent
-            );
-            useUserStore.getState().setUser(await db.user?.fetchUser());
-          } catch (e) {
-            ToastManager.error(e as Error);
-          }
-        },
-        getter: (current: any) => current?.marketingConsent,
-        useHook: () => useUserStore((state) => state.user),
-        hidden: (current) => !current
-      },
-      {
-        id: "cors-bypass",
-        type: "input",
-        name: strings.corsBypass(),
-        description: strings.corsBypassDesc(),
-        inputProperties: {
-          defaultValue: "https://cors.notesnook.com",
-          autoCorrect: false,
-          keyboardType: "url"
-        },
-        property: "corsProxy",
-        icon: "arrow-decision-outline"
-      },
-
-      {
-        id: "vault",
-        type: "screen",
-        name: strings.vault(),
-        description: strings.vaultDesc(),
-        icon: "key",
-        sections: [
-          {
-            id: "create-vault",
-            name: strings.createVault(),
-            description: strings.createVaultDesc(),
-            icon: "key",
-            useHook: useVaultStatus,
-            hidden: (current) => (current as VaultStatusType)?.exists,
-            modifer: () => {
-              openVault({
-                requestType: VaultRequestType.CreateVault,
-                title: strings.createVault(),
-                buttonTitle: strings.create()
-              });
-            }
-          },
-          {
-            id: "lock-vault-after",
-            type: "component",
-            useHook: useVaultStatus,
-            name: strings.lockVaultAfter(),
-            description: strings.lockVaultAfterDesc(),
-            hidden: (current) => !(current as VaultStatusType)?.exists,
-            component: "vault-lock-timer",
-            icon: "clock-outline"
-          },
-          {
-            id: "change-vault-password",
-            useHook: useVaultStatus,
-            name: strings.changeVaultPassword(),
-            description: strings.changeVaultPasswordDesc(),
-            hidden: (current) => !(current as VaultStatusType)?.exists,
-            modifer: () =>
-              openVault({
-                requestType: VaultRequestType.ChangePassword,
-                title: strings.changeVaultPassword(),
-                buttonTitle: strings.change()
-              })
-          },
-          {
-            id: "clear-vault",
-            useHook: useVaultStatus,
-            description: strings.clearVaultDesc(),
-            name: strings.clearVault(),
-            hidden: (current) => !(current as VaultStatusType)?.exists,
-            modifer: () => {
-              openVault({
-                requestType: VaultRequestType.ClearVault,
-                title: strings.clearVault() + "?",
-                buttonTitle: strings.clear(),
-                positiveButtonType: "errorShade"
-              });
-            }
-          },
-          {
-            id: "delete-vault",
-            name: strings.deleteVault(),
-            description: strings.deleteVaultDesc(),
-            useHook: useVaultStatus,
-            hidden: (current) => !(current as VaultStatusType)?.exists,
-            modifer: () => {
-              openVault({
-                requestType: VaultRequestType.DeleteVault,
-                title: strings.deleteVault() + "?",
-                buttonTitle: strings.delete(),
-                positiveButtonType: "errorShade"
-              });
-            }
-          },
-          {
-            id: "biometric-unlock",
-            type: "switch",
-            name: strings.biometricUnlock(),
-            icon: "fingerprint",
-            useHook: useVaultStatus,
-            description: strings.biometricUnlockDesc(),
-            hidden: (current) => {
-              const _current = current as VaultStatusType;
-              return !_current?.exists || !_current?.isBiometryAvailable;
-            },
-            getter: (current) => (current as VaultStatusType)?.biometryEnrolled,
-            modifer: (current) => {
-              const _current = current as VaultStatusType;
-              const isRevoking = _current.biometryEnrolled;
-              openVault({
-                requestType: isRevoking
-                  ? VaultRequestType.RevokeFingerprint
-                  : VaultRequestType.EnableFingerprint,
-                title: isRevoking
-                  ? strings.revokeBiometricUnlock()
-                  : strings.vaultEnableBiometrics(),
-                buttonTitle: isRevoking ? strings.revoke() : strings.enable()
-              });
-            }
-          }
-        ]
-      },
-      {
-        id: "privacy-mode",
-        type: "switch",
-        icon: "eye-off-outline",
-        name: strings.privacyMode(),
-        description: strings.privacyModeDesc(),
-        modifer: () => {
-          const settings = SettingsService.get();
-          SettingsService.setPrivacyScreen(!settings.privacyScreen);
-          SettingsService.set({ privacyScreen: !settings.privacyScreen });
-        },
-        property: "privacyScreen"
-      },
-      {
-        id: "app-lock",
-        name: strings.appLock(),
-        type: "screen",
-        description: strings.appLockDesc(),
-        icon: "lock",
-        featureId: "appLock",
-        sections: [
-          {
-            id: "app-lock-mode",
-            name: strings.enableAppLock(),
-            description: strings.appLockDesc(),
-            icon: "lock",
-            type: "switch",
-            property: "appLockEnabled",
-            featureId: "appLock",
-            onChange: (property) => {
-              if (property) {
-                SettingsService.set({
-                  privacyScreen: true
-                });
-                SettingsService.setPrivacyScreen(true);
-              }
-            },
-            onVerify: async () => {
-              const verified = await verifyUserWithApplock();
-              if (!verified) return false;
-
-              if (!SettingsService.getProperty("appLockEnabled")) {
-                if (
-                  !SettingsService.getProperty("appLockHasPasswordSecurity") &&
-                  (await BiometricService.isBiometryAvailable())
-                ) {
-                  SettingsService.setProperty("biometricsAuthEnabled", true);
-                }
-
-                if (
-                  !(await BiometricService.isBiometryAvailable()) &&
-                  !SettingsService.getProperty("appLockHasPasswordSecurity")
-                ) {
-                  ToastManager.show({
-                    heading: strings.biometricsNotEnrolled(),
-                    type: "error",
-                    message: strings.biometricsNotEnrolledDesc()
-                  });
-                  return false;
-                }
-              }
-
-              return verified;
-            }
-          },
-          {
-            id: "app-lock-timer",
-            name: strings.appLockTimeout(),
-            description: strings.appLockTimeoutDesc(),
-            type: "component",
-            component: "applock-timer"
-          },
-          {
-            id: "app-lock-pin",
-            name: () =>
-              SettingsService.getProperty("applockKeyboardType") === "numeric"
-                ? strings.setupAppLockPin()
-                : strings.setupAppLockPassword(),
-
-            description: () =>
-              SettingsService.getProperty("applockKeyboardType") === "numeric"
-                ? strings.setupAppLockPinDesc()
-                : strings.setupAppLockPasswordDesc(),
-            hidden: () => {
-              return !!SettingsService.getProperty(
-                "appLockHasPasswordSecurity"
-              );
-            },
-            onVerify: () => {
-              return verifyUserWithApplock();
-            },
-            property: "appLockHasPasswordSecurity",
-            modifer: () => {
-              AppLockPassword.present("create");
-            }
-          },
-          {
-            id: "app-lock-pin-change",
-            name: () =>
-              SettingsService.getProperty("applockKeyboardType") === "numeric"
-                ? strings.changeAppLockPin()
-                : strings.changeAppLockPassword(),
-            description: () =>
-              SettingsService.getProperty("applockKeyboardType") === "numeric"
-                ? strings.changeAppLockPinDesc()
-                : strings.changeAppLockPasswordDesc(),
-            hidden: () => {
-              return !SettingsService.getProperty("appLockHasPasswordSecurity");
-            },
-            property: "appLockHasPasswordSecurity",
-            modifer: () => {
-              AppLockPassword.present("change");
-            }
-          },
-          {
-            id: "app-lock-pin-remove",
-            name: () =>
-              SettingsService.getProperty("applockKeyboardType") === "numeric"
-                ? strings.removeAppLockPin()
-                : strings.removeAppLockPassword(),
-            description: () =>
-              SettingsService.getProperty("applockKeyboardType") === "numeric"
-                ? strings.removeAppLockPinDesc()
-                : strings.removeAppLockPasswordDesc(),
-            hidden: () => {
-              return !SettingsService.getProperty("appLockHasPasswordSecurity");
-            },
-            property: "appLockHasPasswordSecurity",
-            modifer: () => {
-              AppLockPassword.present("remove");
-            }
-          },
-          {
-            id: "app-lock-fingerprint",
-            name: strings.unlockWithBiometrics(),
-            description: strings.unlockWithBiometricsDesc(),
-            type: "switch",
-            property: "biometricsAuthEnabled",
-            onVerify: async () => {
-              const verified = await verifyUserWithApplock();
-              if (!verified) return false;
-
-              if (SettingsService.getProperty("biometricsAuthEnabled")) {
-                if (
-                  !SettingsService.getProperty("appLockHasPasswordSecurity")
-                ) {
-                  SettingsService.setProperty("appLockEnabled", false);
-                  ToastManager.show({
-                    heading: strings.appLockDisabled(),
-                    type: "success"
-                  });
-                }
-              }
-
-              return verified;
-            },
-            icon: "fingerprint"
-          }
-        ]
-      }
-    ]
-  },
-  {
-    id: "back-restore",
-    name: strings.backupRestore(),
-    sections: [
-      {
-        id: "backups",
-        type: "screen",
-        name: strings.backups(),
-        icon: "backup-restore",
-        description: strings.backupsDesc(),
-        sections: [
-          {
-            id: "backup-now",
-            name: strings.backupNow(),
-            description: strings.backupNowDesc(),
-            modifer: async () => {
-              const user = useUserStore.getState().user;
-              if (!user || SettingsService.getProperty("encryptedBackup")) {
-                await BackupService.run(true);
-                return;
-              }
-
-              verifyUser(null, () => BackupService.run(true));
-            }
-          },
-          {
-            id: "backup-now-with-attachments",
-            name: strings.backupNowWithAttachments(),
-            description: strings.backupNowWithAttachmentsDesc(),
-            hidden: () => !useUserStore.getState().user,
-            modifer: async () => {
-              const user = useUserStore.getState().user;
-              if (!user || SettingsService.getProperty("encryptedBackup")) {
-                await BackupService.run(true, undefined, "full");
-                return;
-              }
-
-              verifyUser(null, () =>
-                BackupService.run(true, undefined, "full")
-              );
-            }
-          },
-          {
-            id: "auto-backups",
-            type: "component",
-            name: strings.automaticBackups(),
-            description: strings.automaticBackupsDesc(),
-            component: "autobackups"
-          },
-          {
-            id: "auto-backups-with-attachments",
-            type: "component",
-            hidden: () => !useUserStore.getState().user,
-            name: strings.automaticBackupsWithAttachments(),
-            description: [
-              ...strings.automaticBackupsWithAttachmentsDesc()
-            ].join("\n"),
-            component: "autobackupsattachments"
-          },
-          {
-            id: "select-backup-dir",
-            name: strings.selectBackupDir(),
-            description: () => {
-              const desc = strings.selectBackupDirDesc(
-                SettingsService.get().backupDirectoryAndroid?.path || ""
-              );
-              return desc[0] + " " + desc[1];
-            },
-            icon: "folder",
-            hidden: () =>
-              !!SettingsService.get().backupDirectoryAndroid ||
-              Platform.OS !== "android",
-            property: "backupDirectoryAndroid",
-            modifer: async () => {
-              let dir;
-              try {
-                dir = await BackupService.checkBackupDirExists(true);
-              } catch (e) {
-                console.error(e);
-              } finally {
-                if (!dir) {
-                  ToastManager.show({
-                    heading: strings.noDirectorySelected(),
-                    type: "error"
-                  });
-                }
-              }
-            }
-          },
-          {
-            id: "change-backup-dir",
-            name: strings.changeBackupDir(),
-            description: () =>
-              SettingsService.get().backupDirectoryAndroid?.name || "",
-            icon: "folder",
-            hidden: () =>
-              !SettingsService.get().backupDirectoryAndroid ||
-              Platform.OS !== "android",
-            property: "backupDirectoryAndroid",
-            modifer: async () => {
-              let dir;
-              try {
-                dir = await BackupService.checkBackupDirExists(true);
-              } catch (e) {
-                console.error(e);
-              } finally {
-                if (!dir) {
-                  ToastManager.show({
-                    heading: strings.noDirectorySelected(),
-                    type: "error"
-                  });
-                }
-              }
-            }
-          },
-          {
-            id: "enable-backup-encryption",
-            type: "switch",
-            name: strings.backupEncryption(),
-            description: strings.backupEncryptionDesc(),
-            icon: "lock",
-            property: "encryptedBackup",
-            modifer: async () => {
-              const user = useUserStore.getState().user;
-              const settings = SettingsService.get();
-              if (!user) {
-                ToastManager.show({
-                  heading: strings.loginRequired(),
-                  type: "error"
-                });
-                return;
-              }
-              if (settings.encryptedBackup) {
-                await verifyUser(null, () => {
-                  SettingsService.set({
-                    encryptedBackup: false
-                  });
-                });
-              } else {
-                SettingsService.set({
-                  encryptedBackup: true
-                });
-              }
-            }
-          }
-        ]
-      },
-      {
-        id: "restore-backup",
-        name: strings.restoreBackup(),
-        description: strings.restoreBackupDesc(),
-        icon: "restore",
-        type: "screen",
-        component: "backuprestore"
-      },
-      {
-        id: "export-notes",
-        name: strings.exportAllNotes(),
-        icon: "export",
-        description: strings.exportAllNotesDesc(),
-        modifer: () => {
-          verifyUser(null, () => {
-            ExportNotesSheet.present(undefined, true);
-          });
-        }
-      }
-    ]
-  },
-  {
-    id: "productivity",
-    name: strings.productivity(),
-    sections: [
-      {
-        id: "notification-notes",
-        type: "switch",
-        name: strings.quickNoteNotification(),
-        description: strings.quickNoteNotificationDesc(),
-        property: "notifNotes",
-        icon: "form-textbox",
-        modifer: async () => {
-          const settings = SettingsService.get();
-          if (settings.notifNotes) {
-            Notifications.unpinQuickNote();
-          } else {
-            Notifications.pinQuickNote();
-          }
-          SettingsService.set({
-            notifNotes: !settings.notifNotes
-          });
-        },
-        hidden: () => Platform.OS !== "android",
-        featureId: "createNoteFromNotificationDrawer"
-      },
-      {
-        id: "reminders",
-        type: "screen",
-        name: strings.reminders(),
-        icon: "bell",
-        description: strings.remindersDesc(),
-        sections: [
-          {
-            id: "enable-reminders",
-            property: "reminderNotifications",
-            type: "switch",
-            name: strings.reminderNotification(),
-            icon: "bell-outline",
-            onChange: (property) => {
-              if (property) {
-                Notifications.setupReminders();
-              } else {
-                Notifications.clearAllTriggers();
-              }
-            },
-            description: strings.reminderNotificationDesc()
-          },
-          {
-            id: "snooze-time",
-            property: "defaultSnoozeTime",
-            type: "input",
-            name: strings.defaultSnoozeTime(),
-            description: strings.defaultSnoozeTimeDesc(),
-            inputProperties: {
-              keyboardType: "decimal-pad",
-              defaultValue: 5 + "",
-              placeholder: strings.setSnoozeTimePlaceholder(),
-              onSubmitEditing: () => {
-                Notifications.setupReminders();
-              }
-            }
-          },
-          {
-            id: "reminder-sound-ios",
-            type: "screen",
-            name: strings.changeNotificationSound(),
-            description: strings.changeNotificationSoundDesc(),
-            component: "sound-picker",
-            icon: "bell-ring",
-            hidden: () =>
-              Platform.OS === "ios" ||
-              (Platform.OS === "android" && Platform.Version > 25)
-          },
-          {
-            id: "reminder-sound-android",
-            name: strings.changeNotificationSound(),
-            description: strings.changeNotificationSoundDesc(),
-            icon: "bell-ring",
-            hidden: () =>
-              Platform.OS === "ios" ||
-              (Platform.OS === "android" && Platform.Version < 26),
-            modifer: async () => {
-              const id = await Notifications.getChannelId("urgent");
-              if (id) {
-                await notifee.openNotificationSettings(id);
-              }
-            }
-          }
-        ]
-      }
-    ]
-  },
-  {
-    id: "help-support",
-    name: strings.helpAndSupport(),
-    sections: [
-      {
-        id: "report-issue",
-        name: strings.reportAnIssue(),
-        icon: "bug",
-        modifer: () => {
-          presentSheet({
-            //@ts-ignore Migrate to TS
-            component: <Issue />
-          });
-        },
-        description: strings.reportAnIssueDesc()
-      },
-      {
-        id: "email-support",
-        name: strings.emailSupport(),
-        icon: "email",
-        modifer: () => {
-          Clipboard.setString("support@streetwriters.co");
-          ToastManager.show({
-            heading: strings.emailCopied(),
-            type: "success",
-            icon: "content-copy"
-          });
-          setTimeout(() => {
-            Linking.openURL("mailto:support@streetwriters.co");
-          }, 1000);
-        },
-        description: strings.emailSupportDesc()
-      },
-      {
-        id: "docs-link",
-        name: strings.documentation(),
-        modifer: async () => {
-          Linking.openURL("https://help.notesnook.com/");
-        },
-        description: strings.documentationDesc(),
-        icon: "file-document"
-      },
-      {
-        id: "debugging",
-        name: strings.debugging(),
-        description: strings.debuggingDesc(),
-        type: "screen",
-        icon: "bug",
-        sections: [
-          {
-            id: "debug-logs",
-            type: "screen",
-            name: strings.debugLogs(),
-            description: strings.debugLogsDesc(),
-            component: "debug-logs"
-          }
-        ]
-      }
-    ]
-  },
-  {
-    id: "community",
-    name: strings.community(),
-    sections: [
-      {
-        id: "join-telegram",
-        name: strings.joinTelegram(),
-        description: strings.joinTelegramDesc(),
-        icon: "sc-telegram",
-        iconFamily: "evilicons",
-        iconSize: 35,
-        modifer: () => {
-          Linking.openURL("https://t.me/notesnook").catch(() => {
-            /* empty */
-          });
-        }
-      },
-      {
-        id: "join-mastodon",
-        name: strings.joinMastodon(),
-        description: strings.joinMastodonDesc(),
-        icon: "mastodon",
-        modifer: () => {
-          Linking.openURL("https://fosstodon.org/@notesnook").catch(
-            console.log
-          );
-        }
-      },
-      {
-        id: "join-twitter",
-        name: strings.followOnX(),
-        description: strings.followOnXDesc(),
-        icon: "twitter",
-        modifer: () => {
-          Linking.openURL("https://twitter.com/notesnook").catch(() => {
-            /* empty */
-          });
-        }
-      },
-      {
-        id: "join-discord",
-        name: strings.joinDiscord(),
-        icon: "discord",
-        modifer: async () => {
-          Linking.openURL("https://discord.gg/zQBK97EE22").catch(() => {
-            /* empty */
-          });
-        },
-        description: strings.joinDiscordDesc()
-      }
-    ]
-  },
-  {
-    id: "legal",
-    name: strings.legal(),
-    sections: [
-      {
-        id: "tos",
-        name: strings.tos(),
-        icon: "briefcase-outline",
-        modifer: async () => {
-          try {
-            await Linking.openURL("https://notesnook.com/tos");
-          } catch (e) {
-            console.error(e);
-          }
-        },
-        description: strings.tosDesc()
-      },
-      {
-        id: "privacy-policy",
-        name: strings.privacyPolicy(),
-        icon: "shield-outline",
-        modifer: async () => {
-          try {
-            await Linking.openURL("https://notesnook.com/privacy");
-          } catch (e) {
-            console.error(e);
-          }
-        },
-        description: strings.privacyPolicyDesc()
-      },
-      {
-        id: "licenses",
-        name: strings.licenses(),
-        type: "screen",
-        component: "licenses",
-        description: strings.ossLibs(),
-        icon: "open-source-initiative"
-      }
-    ]
-  },
-  {
-    id: "about",
-    name: strings.about(),
-    sections: [
-      {
-        id: "download",
-        name: strings.downloadOnDesktop(),
-        icon: "monitor",
-        modifer: async () => {
-          try {
-            await Linking.openURL("https://notesnook.com/downloads");
-          } catch (e) {
-            console.error(e);
-          }
-        },
-        description: strings.downloadOnDesktopDesc()
-      },
-      {
-        id: "roadmap",
-        name: strings.roadmap(),
-        icon: "chart-timeline",
-        modifer: async () => {
-          try {
-            await Linking.openURL("https://notesnook.com/roadmap/");
-          } catch (e) {
-            console.error(e);
-          }
-        },
-        description: strings.roadmapDesc()
-      },
-      {
-        id: "check-for-updates",
-        name: strings.checkForUpdates(),
-        icon: "cellphone-arrow-down",
-        description: strings.checkForUpdatesDesc(),
-        modifer: async () => {
-          presentSheet({
-            //@ts-ignore // Migrate to ts
-            component: (ref) => <Update fwdRef={ref} />
-          });
-        }
-      },
-      {
-        id: "app-version",
-        name: strings.appVersion(),
-        icon: "alpha-v",
-        modifer: async () => {
-          try {
-            await Linking.openURL("https://notesnook.com");
-          } catch (e) {
-            console.error(e);
-          }
-        },
-        description: getVersion()
-      }
-    ]
-  }
-];
+export { useSettingsData } from "./groups";
+export type { SettingSection, SettingsGroup, RouteParams } from "./types";
diff --git a/apps/mobile/app/screens/settings/theme-selector.tsx b/apps/mobile/app/screens/settings/theme-selector.tsx
deleted file mode 100644
index 10e01bce0..000000000
--- a/apps/mobile/app/screens/settings/theme-selector.tsx
+++ /dev/null
@@ -1,892 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-import { LegendList } from "@legendapp/list";
-import { strings } from "@notesnook/intl";
-import {
-  THEME_COMPATIBILITY_VERSION,
-  ThemeDefinition,
-  getPreviewColors,
-  useThemeColors,
-  validateTheme
-} from "@notesnook/theme";
-import type {
-  CompiledThemeDefinition,
-  ThemeMetadata,
-  ThemesRouter
-} from "@notesnook/themes-server";
-import { keepLocalCopy, pick } from "@react-native-documents/picker";
-import {
-  notifyManager,
-  QueryClient,
-  QueryClientProvider
-} from "@tanstack/react-query";
-import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
-import { createTRPCReact } from "@trpc/react-query";
-import React, { useState } from "react";
-import {
-  ActivityIndicator,
-  Linking,
-  TouchableOpacity,
-  View
-} from "react-native";
-import ReactNativeBlobUtil from "react-native-blob-util";
-import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { DatabaseLogger, db } from "../../common/database";
-import { santizeUri } from "../../common/filesystem/utils";
-import SheetProvider from "../../components/sheet-provider";
-import { Button } from "../../components/ui/button";
-import { IconButton } from "../../components/ui/icon-button";
-import Input from "../../components/ui/input";
-import { Pressable } from "../../components/ui/pressable";
-import Heading from "../../components/ui/typography/heading";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { ToastManager, presentSheet } from "../../services/event-manager";
-import { useThemeStore } from "../../stores/use-theme-store";
-import { getColorLinearShade } from "../../utils/colors";
-import { getElevationStyle } from "../../utils/elevation";
-import { MenuItemsList } from "../../utils/menu-items";
-import { AppFontSize, defaultBorderRadius } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { openLinkInBrowser } from "../../utils/functions";
-import Clipboard from "@react-native-clipboard/clipboard";
-
-const THEME_SERVER_URL = "https://themes-api.notesnook.com";
-//@ts-ignore
-export const themeTrpcClient = createTRPCProxyClient<ThemesRouter>({
-  links: [
-    httpBatchLink({
-      url: THEME_SERVER_URL
-    })
-  ]
-});
-notifyManager.setBatchNotifyFunction((cb) => cb());
-notifyManager.setNotifyFunction((cb) => cb());
-function ThemeSelector() {
-  const [darkTheme, lightTheme] = useThemeStore((state) => [
-    state.darkTheme,
-    state.lightTheme
-  ]);
-
-  const { colors } = useThemeColors();
-  const themeColors = colors;
-  const [searchQuery, setSearchQuery] = useState<string>();
-  const [colorScheme, setColorScheme] = useState<"all" | "dark" | "light">(
-    "all"
-  );
-
-  const filters = [];
-  if (searchQuery) filters.push({ type: "term" as const, value: searchQuery });
-  if (colorScheme !== "all")
-    filters.push({ type: "colorScheme" as const, value: colorScheme });
-
-  const themes = trpc.themes.useInfiniteQuery(
-    {
-      limit: 10,
-      compatibilityVersion: THEME_COMPATIBILITY_VERSION,
-      filters
-    },
-    {
-      keepPreviousData: true,
-      getNextPageParam: (lastPage) => lastPage.nextCursor
-    }
-  );
-
-  if (themes?.isError) {
-    DatabaseLogger.error(
-      new Error(themes.error.message),
-      "themes loading error",
-      themes.error?.data || undefined
-    );
-  }
-
-  const select = (item: Partial<ThemeMetadata>, fromFile?: boolean) => {
-    presentSheet({
-      context: "theme-details",
-      component: (ref, close) => (
-        <ThemeSetter close={close} theme={item} fromFile={fromFile} />
-      )
-    });
-  };
-
-  const renderItem = React.useCallback(
-    ({ item, index }: { item: ThemeMetadata; index: number }) => {
-      const colors =
-        item.previewColors ||
-        getPreviewColors(item as unknown as ThemeDefinition);
-
-      return (
-        <>
-          <TouchableOpacity
-            activeOpacity={0.9}
-            style={{
-              borderRadius: 10,
-              padding: DefaultAppStyles.GAP_SMALL,
-              marginBottom: DefaultAppStyles.GAP_VERTICAL,
-              flexShrink: 1,
-              marginHorizontal: 10
-            }}
-            onPress={() => select(item)}
-          >
-            <View
-              style={{
-                backgroundColor: colors?.background,
-                height: 200,
-                width: "100%",
-                borderRadius: 10,
-                marginBottom: DefaultAppStyles.GAP_VERTICAL,
-                overflow: "hidden",
-                flexDirection: "row",
-                justifyContent: "space-between",
-                ...getElevationStyle(3)
-              }}
-            >
-              <View
-                style={{
-                  height: "100%",
-                  width: "49.5%",
-                  backgroundColor: colors.navigationMenu.background,
-                  padding: DefaultAppStyles.GAP_SMALL,
-                  paddingVertical: 3,
-                  borderRadius: defaultBorderRadius
-                }}
-              >
-                {MenuItemsList.map((item, index) => (
-                  <View
-                    key={item.id}
-                    style={{
-                      height: 12,
-                      width: "100%",
-                      backgroundColor:
-                        index === 0
-                          ? colors.navigationMenu.accent + 40
-                          : colors.navigationMenu.background,
-                      borderRadius: 2,
-                      paddingHorizontal: 3,
-                      flexDirection: "row",
-                      alignItems: "center",
-                      marginBottom: 4
-                    }}
-                  >
-                    <Icon
-                      size={8}
-                      name={item.icon}
-                      color={
-                        index === 0
-                          ? colors.navigationMenu.accent
-                          : colors.navigationMenu.icon
-                      }
-                    />
-
-                    <View
-                      style={{
-                        height: 3,
-                        width: "40%",
-                        backgroundColor:
-                          index === 0
-                            ? colors.navigationMenu.accent
-                            : colors.paragraph,
-                        borderRadius: 2,
-                        marginLeft: 3
-                      }}
-                    ></View>
-                  </View>
-                ))}
-              </View>
-
-              <View
-                style={{
-                  height: "100%",
-                  width: "49.5%",
-                  backgroundColor: colors.list.background,
-                  borderRadius: defaultBorderRadius,
-                  paddingHorizontal: 2,
-                  paddingRight: 6
-                }}
-              >
-                <View
-                  style={{
-                    height: 12,
-                    width: "100%",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    marginTop: 3
-                  }}
-                >
-                  <View
-                    style={{
-                      flexDirection: "row",
-                      alignItems: "center"
-                    }}
-                  >
-                    <Icon size={8} color={colors.list.heading} name="menu" />
-                    <Heading
-                      style={{
-                        marginLeft: 3
-                      }}
-                      color={colors.list.heading}
-                      size={7}
-                    >
-                      {strings.dataTypesPluralCamelCase.note()}
-                    </Heading>
-                  </View>
-
-                  <Icon name="magnify" color={colors.list.heading} size={7} />
-                </View>
-              </View>
-
-              <View
-                style={{
-                  width: "100%",
-                  alignItems: "flex-end",
-                  justifyContent: "flex-end",
-                  marginTop: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                  position: "absolute",
-                  bottom: 6,
-                  right: 6,
-                  flexDirection: "row",
-                  gap: 10
-                }}
-              >
-                {darkTheme.id === item.id || lightTheme.id === item.id ? (
-                  <IconButton
-                    name="check"
-                    type="plain"
-                    style={{
-                      borderRadius: 100,
-                      paddingHorizontal: 6,
-                      alignSelf: "flex-end",
-                      width: 25,
-                      height: 25
-                    }}
-                    color={colors.accent}
-                    size={16}
-                  />
-                ) : null}
-
-                <Button
-                  title={
-                    item.colorScheme === "dark"
-                      ? strings.dark()
-                      : strings.light()
-                  }
-                  type="secondaryAccented"
-                  height={25}
-                  buttonType={{
-                    color: item.colorScheme === "dark" ? "black" : "#f0f0f060",
-                    text: colors.accent
-                  }}
-                  style={{
-                    borderRadius: 100,
-                    paddingHorizontal: DefaultAppStyles.GAP,
-                    alignSelf: "flex-end",
-                    borderColor:
-                      item.colorScheme === "dark"
-                        ? getColorLinearShade("#000000", 0.1, true)
-                        : getColorLinearShade("#f0f0f0", 0.1, true)
-                  }}
-                  fontSize={AppFontSize.xxs}
-                />
-              </View>
-            </View>
-
-            <Heading size={AppFontSize.sm} color={themeColors.primary.heading}>
-              {item.name}
-            </Heading>
-            <Paragraph
-              size={AppFontSize.xs}
-              color={themeColors.secondary?.paragraph}
-            >
-              {strings.by()} {item.authors?.[0].name}
-            </Paragraph>
-          </TouchableOpacity>
-        </>
-      );
-    },
-    [
-      darkTheme.id,
-      lightTheme.id,
-      themeColors.primary.heading,
-      themeColors.secondary?.paragraph
-    ]
-  );
-
-  let resetTimer: NodeJS.Timeout;
-  const onSearch = (text: string) => {
-    clearTimeout(resetTimer as NodeJS.Timeout);
-    resetTimer = setTimeout(() => {
-      setSearchQuery(text);
-    }, 400);
-  };
-
-  function getThemes(): ThemeMetadata[] {
-    const pages = themes.data?.pages;
-
-    return (
-      pages
-        ?.map((page) => {
-          return page.themes;
-        })
-        .flat()
-        .filter((theme) =>
-          searchQuery && searchQuery !== ""
-            ? colorScheme === "all" || colorScheme === theme.colorScheme
-            : darkTheme.id !== theme.id &&
-              lightTheme.id !== theme.id &&
-              (colorScheme === "all" || colorScheme === theme.colorScheme)
-        ) || []
-    );
-  }
-
-  return (
-    <>
-      <SheetProvider context="theme-details" />
-      <View
-        style={{
-          flex: 1
-        }}
-      >
-        <View
-          style={{
-            paddingHorizontal: DefaultAppStyles.GAP,
-            marginBottom: DefaultAppStyles.GAP_VERTICAL,
-            paddingTop: DefaultAppStyles.GAP_VERTICAL
-          }}
-        >
-          <Input onChangeText={onSearch} placeholder={strings.searchThemes()} />
-
-          <View
-            style={{
-              flexDirection: "row",
-              justifyContent: "space-between",
-              flexWrap: "wrap",
-              gap: 10
-            }}
-          >
-            <View
-              style={{
-                flexDirection: "row",
-                gap: DefaultAppStyles.GAP_SMALL
-              }}
-            >
-              <Button
-                style={{
-                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                  paddingHorizontal: DefaultAppStyles.GAP_SMALL
-                }}
-                type={
-                  colorScheme === "all" || !colorScheme ? "accent" : "secondary"
-                }
-                title={strings.all()}
-                fontSize={AppFontSize.xs}
-                onPress={() => {
-                  setColorScheme("all");
-                }}
-              />
-              <Button
-                style={{
-                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                  paddingHorizontal: DefaultAppStyles.GAP_SMALL
-                }}
-                type={colorScheme === "dark" ? "accent" : "secondary"}
-                title={strings.dark()}
-                fontSize={AppFontSize.xs}
-                onPress={() => {
-                  setColorScheme("dark");
-                }}
-              />
-              <Button
-                style={{
-                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                  paddingHorizontal: DefaultAppStyles.GAP_SMALL
-                }}
-                fontSize={AppFontSize.xs}
-                type={colorScheme === "light" ? "accent" : "secondary"}
-                title={strings.light()}
-                onPress={() => {
-                  setColorScheme("light");
-                }}
-              />
-            </View>
-
-            <Button
-              title={strings.loadFromFile()}
-              style={{
-                paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
-                paddingHorizontal: DefaultAppStyles.GAP_SMALL
-              }}
-              type={"secondaryAccented"}
-              icon="folder"
-              fontSize={AppFontSize.xs}
-              onPress={async () => {
-                try {
-                  const pickResponse = await pick({
-                    allowMultiSelection: false
-                  });
-                  const copiedFile = await keepLocalCopy({
-                    destination: "cachesDirectory",
-                    files: [
-                      {
-                        uri: pickResponse[0].uri,
-                        fileName: pickResponse[0].name || "theme.json"
-                      }
-                    ]
-                  });
-                  if (copiedFile[0].status !== "success") return;
-
-                  const themeJsonCopiedPath = santizeUri(
-                    copiedFile[0].localUri
-                  );
-
-                  const themeJson = await ReactNativeBlobUtil.fs.readFile(
-                    themeJsonCopiedPath,
-                    "utf8"
-                  );
-                  ReactNativeBlobUtil.fs
-                    .unlink(themeJsonCopiedPath)
-                    .catch(() => {});
-                  let json;
-                  try {
-                    json = JSON.parse(themeJson);
-                  } catch (e) {
-                    ToastManager.show({
-                      heading: strings.invalidThemeFileFormat(),
-                      type: "error",
-                      context: "global",
-                      actionText: strings.learnMore(),
-                      func: () => {
-                        openLinkInBrowser(
-                          "https://help.notesnook.com/custom-themes/introduction"
-                        );
-                      }
-                    });
-                    return;
-                  }
-                  const result = validateTheme(json);
-
-                  if (result.error) {
-                    if (
-                      typeof result.error === "string" &&
-                      result.error.includes("missing from the theme")
-                    ) {
-                      ToastManager.show({
-                        heading: strings.themeMissingRequiredFields(),
-                        type: "error",
-                        context: "global",
-                        actionText: strings.copyLogs(),
-                        func: () => {
-                          Clipboard.setString(result.error || "");
-                          ToastManager.show({
-                            heading: strings.logsCopied(),
-                            type: "success",
-                            context: "global"
-                          });
-                        }
-                      });
-                    } else {
-                      ToastManager.error(new Error(result.error));
-                    }
-
-                    return;
-                  }
-                  select(json, true);
-                } catch (e) {
-                  if ((e as Error).message.includes("Code=3072")) {
-                    return;
-                  }
-                  ToastManager.error(e as Error);
-                }
-              }}
-            />
-          </View>
-        </View>
-
-        <LegendList
-          numColumns={2}
-          data={
-            themes.isLoading || themes.isError
-              ? []
-              : [
-                  ...(colorScheme === "dark" ||
-                  (searchQuery && searchQuery !== "")
-                    ? []
-                    : [lightTheme as unknown as ThemeMetadata]),
-                  ...(colorScheme === "light" ||
-                  (searchQuery && searchQuery !== "")
-                    ? []
-                    : [darkTheme as unknown as ThemeMetadata]),
-                  ...getThemes()
-                ]
-          }
-          ListEmptyComponent={
-            <View
-              style={{
-                height: 100,
-                width: "100%",
-                justifyContent: "center",
-                alignItems: "center"
-              }}
-            >
-              {themes.isLoading ? (
-                <ActivityIndicator color={colors.primary.accent} />
-              ) : searchQuery ? (
-                <Paragraph color={colors.secondary.paragraph}>
-                  {strings.noResultsForSearch(searchQuery)}
-                </Paragraph>
-              ) : (
-                <Paragraph>{strings.noThemesFound()}.</Paragraph>
-              )}
-            </View>
-          }
-          ListFooterComponent={
-            <View
-              style={{
-                height: 100,
-                width: "100%",
-                justifyContent: "center",
-                alignItems: "center"
-              }}
-            >
-              {themes.isError ? (
-                <Paragraph color={colors.error.paragraph}>
-                  {strings.errorLoadingThemes()}. {themes.error.message}.
-                </Paragraph>
-              ) : (themes.isLoading || themes.isFetching) &&
-                getThemes().length ? (
-                <ActivityIndicator color={colors.primary.accent} />
-              ) : null}
-            </View>
-          }
-          estimatedItemSize={200}
-          renderItem={renderItem}
-          onEndReachedThreshold={0.1}
-          onEndReached={() => {
-            themes.fetchNextPage();
-          }}
-        />
-      </View>
-    </>
-  );
-}
-
-const trpc = createTRPCReact<ThemesRouter>();
-export default function ThemeSelectorWithQueryClient() {
-  const [queryClient] = useState(() => new QueryClient());
-  const [trpcClient] = useState(() =>
-    //@ts-ignore
-    trpc.createClient({
-      links: [
-        //@ts-ignore
-        httpBatchLink({
-          url: THEME_SERVER_URL
-        })
-      ]
-    })
-  );
-
-  return (
-    <trpc.Provider client={trpcClient} queryClient={queryClient}>
-      <QueryClientProvider client={queryClient}>
-        <ThemeSelector />
-      </QueryClientProvider>
-    </trpc.Provider>
-  );
-}
-
-const ThemeSetter = ({
-  theme,
-  close,
-  fromFile
-}: {
-  theme: Partial<CompiledThemeDefinition>;
-  close?: (ctx?: string) => void;
-  fromFile?: boolean;
-}) => {
-  const [darkTheme, lightTheme] = useThemeStore((state) => [
-    state.darkTheme,
-    state.lightTheme
-  ]);
-  const themeColors = useThemeColors();
-
-  const colors =
-    theme?.previewColors ||
-    getPreviewColors(theme as unknown as ThemeDefinition);
-
-  const applyTheme = async () => {
-    if (!theme.id) return;
-    try {
-      const user = await db.user?.getUser();
-      const fullTheme = fromFile
-        ? (theme as ThemeDefinition)
-        : await themeTrpcClient.installTheme.query({
-            compatibilityVersion: THEME_COMPATIBILITY_VERSION,
-            id: theme.id,
-            userId: user?.id
-          });
-      if (!fullTheme) return;
-      theme.colorScheme === "dark"
-        ? useThemeStore.getState().setDarkTheme(fullTheme)
-        : useThemeStore.getState().setLightTheme(fullTheme);
-      ToastManager.show({
-        heading: `${theme.name} applied successfully`,
-        type: "success",
-        context: "global"
-      });
-    } catch (e) {
-      DatabaseLogger.error(e);
-    }
-
-    setTimeout(() => {
-      close?.();
-    });
-  };
-
-  return (
-    <>
-      <View
-        style={{
-          paddingHorizontal: DefaultAppStyles.GAP
-        }}
-      >
-        <View
-          style={{
-            borderRadius: 10,
-            marginBottom: DefaultAppStyles.GAP_VERTICAL,
-            paddingHorizontal: DefaultAppStyles.GAP,
-            paddingVertical: DefaultAppStyles.GAP_VERTICAL
-          }}
-        >
-          <View
-            style={{
-              width: "100%",
-              justifyContent: "center",
-              alignItems: "center",
-              backgroundColor: colors?.accent + "20",
-              padding: DefaultAppStyles.GAP,
-              borderRadius: 15,
-              marginBottom: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            <View
-              style={{
-                backgroundColor: colors?.background,
-                borderWidth: 0.5,
-                borderColor: colors?.border,
-                height: 200,
-                width: "100%",
-                borderRadius: 10,
-                marginBottom: DefaultAppStyles.GAP_VERTICAL,
-                overflow: "hidden",
-                flexDirection: "row",
-                justifyContent: "space-between",
-                ...getElevationStyle(3),
-                maxWidth: 200
-              }}
-            >
-              <View
-                style={{
-                  height: "100%",
-                  width: "49.5%",
-                  backgroundColor: colors?.navigationMenu.background,
-                  padding: DefaultAppStyles.GAP_SMALL,
-                  paddingVertical: 3,
-                  borderRadius: defaultBorderRadius
-                }}
-              >
-                {MenuItemsList.map((item, index) => (
-                  <View
-                    key={item.id}
-                    style={{
-                      height: 12,
-                      width: "100%",
-                      backgroundColor:
-                        index === 0
-                          ? //@ts-ignore
-                            colors?.navigationMenu?.accent + 40
-                          : colors?.navigationMenu.background,
-                      borderRadius: 2,
-                      paddingHorizontal: 3,
-                      flexDirection: "row",
-                      alignItems: "center",
-                      marginBottom: 4
-                    }}
-                  >
-                    <Icon
-                      size={8}
-                      name={item.icon}
-                      color={
-                        index === 0
-                          ? colors?.navigationMenu.accent
-                          : colors?.navigationMenu.icon
-                      }
-                    />
-
-                    <View
-                      style={{
-                        height: 3,
-                        width: "40%",
-                        backgroundColor:
-                          index === 0
-                            ? colors?.navigationMenu.accent
-                            : colors?.paragraph,
-                        borderRadius: 2,
-                        marginLeft: 3
-                      }}
-                    ></View>
-                  </View>
-                ))}
-              </View>
-
-              <View
-                style={{
-                  height: "100%",
-                  width: "49.5%",
-                  backgroundColor: colors?.list.background,
-                  borderRadius: defaultBorderRadius,
-                  paddingHorizontal: 2,
-                  paddingRight: 6
-                }}
-              >
-                <View
-                  style={{
-                    height: 12,
-                    width: "100%",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    marginTop: 3
-                  }}
-                >
-                  <View
-                    style={{
-                      flexDirection: "row",
-                      alignItems: "center"
-                    }}
-                  >
-                    <Icon size={8} color={colors?.list.heading} name="menu" />
-                    <Heading
-                      style={{
-                        marginLeft: 3
-                      }}
-                      color={colors?.list.heading}
-                      size={7}
-                    >
-                      {strings.dataTypesPluralCamelCase.note()}
-                    </Heading>
-                  </View>
-
-                  <Icon name="magnify" color={colors?.list.heading} size={7} />
-                </View>
-              </View>
-            </View>
-          </View>
-
-          <Heading
-            size={AppFontSize.md}
-            color={themeColors.colors.primary.heading}
-          >
-            {theme.name}
-          </Heading>
-          <Paragraph color={themeColors.colors.primary.paragraph}>
-            {theme.description}
-          </Paragraph>
-
-          <Paragraph
-            size={AppFontSize.xs}
-            color={themeColors.colors.secondary.paragraph}
-          >
-            {strings.by()} {theme.authors?.[0]?.name}
-          </Paragraph>
-          <View
-            style={{
-              marginTop: DefaultAppStyles.GAP_VERTICAL_SMALL,
-              flexDirection: "column",
-              rowGap: 3
-            }}
-          >
-            <Paragraph
-              size={AppFontSize.xs}
-              color={themeColors.colors.secondary.paragraph}
-            >
-              ${strings.version()} {theme.version}
-            </Paragraph>
-
-            <Paragraph
-              size={AppFontSize.xs}
-              color={themeColors.colors.secondary.paragraph}
-            >
-              {theme.license}
-            </Paragraph>
-
-            {theme.homepage ? (
-              <View
-                style={{
-                  flexDirection: "row"
-                }}
-              >
-                <Paragraph
-                  size={AppFontSize.xs}
-                  color={themeColors.colors.secondary.accent}
-                  onPress={() => {
-                    Linking.openURL(theme.homepage as string);
-                  }}
-                >
-                  {strings.visitHomePage()}
-                </Paragraph>
-              </View>
-            ) : null}
-          </View>
-        </View>
-
-        {darkTheme.id === theme.id || lightTheme.id === theme.id ? (
-          <Pressable
-            onPress={applyTheme}
-            type="accent"
-            style={{
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
-            }}
-          >
-            <Heading color={colors.accentForeground} size={AppFontSize.md}>
-              {darkTheme.id === theme.id
-                ? strings.appliedDark()
-                : strings.appliedLight()}
-            </Heading>
-            <Paragraph color={colors.accentForeground} size={AppFontSize.xs}>
-              ({strings.tapToApplyAgain()})
-            </Paragraph>
-          </Pressable>
-        ) : (
-          <Button
-            style={{
-              width: "100%",
-              marginBottom: DefaultAppStyles.GAP_VERTICAL
-            }}
-            onPress={applyTheme}
-            title={
-              theme.colorScheme === "dark"
-                ? strings.setAsDarkTheme()
-                : strings.setAsLightTheme()
-            }
-            type="secondaryAccented"
-          />
-        )}
-      </View>
-    </>
-  );
-};
diff --git a/apps/mobile/app/screens/settings/title-format.tsx b/apps/mobile/app/screens/settings/title-format.tsx
deleted file mode 100644
index 89ca05c50..000000000
--- a/apps/mobile/app/screens/settings/title-format.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-import { useRef, useState } from "react";
-import { db } from "../../common/database";
-import Input from "../../components/ui/input";
-import React from "react";
-import { TextInput } from "react-native";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { useThemeColors } from "@notesnook/theme";
-import { AppFontSize } from "../../utils/size";
-import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../utils/styles";
-
-export const TitleFormat = () => {
-  const [titleFormat] = useState(db.settings.getTitleFormat());
-  const inputRef = useRef<TextInput>(null);
-  const { colors } = useThemeColors();
-
-  return (
-    <>
-      <Input
-        onSubmit={(e) => {
-          db.settings.setTitleFormat(e.nativeEvent.text);
-        }}
-        onChangeText={(text) => {
-          db.settings.setTitleFormat(text);
-        }}
-        containerStyle={{ marginTop: DefaultAppStyles.GAP_VERTICAL_SMALL }}
-        onLayout={() => {
-          inputRef?.current?.setNativeProps({
-            text: titleFormat
-          });
-        }}
-        defaultValue={titleFormat}
-      />
-
-      <Paragraph
-        style={{ marginTop: 2 }}
-        color={colors.secondary.paragraph}
-        size={AppFontSize.xs}
-      >
-        {strings.titleFormattingGuide()}
-      </Paragraph>
-    </>
-  );
-};
diff --git a/apps/mobile/app/screens/settings/types.ts b/apps/mobile/app/screens/settings/types.ts
index 4af28534e..d83f5bdb0 100644
--- a/apps/mobile/app/screens/settings/types.ts
+++ b/apps/mobile/app/screens/settings/types.ts
@@ -31,7 +31,8 @@ export type SettingSection = {
     | "danger"
     | "input"
     | "input-selector"
-    | "dropdown-selector";
+    | "dropdown-selector"
+    | "group";
   name?: string | ((current?: unknown) => string);
   description?: string | ((current: unknown) => string);
   icon?: string;
@@ -49,6 +50,7 @@ export type SettingSection = {
   options?: any[];
   minInputValue?: number;
   maxInputValue?: number;
+  inputBadgeValue?: string;
   onVerify?: () => Promise<boolean>;
   hideHeader?: boolean;
   disabled?: (current: unknown) => boolean;
diff --git a/apps/mobile/app/screens/settings/user-section.jsx b/apps/mobile/app/screens/settings/user-section.jsx
deleted file mode 100644
index ea8430517..000000000
--- a/apps/mobile/app/screens/settings/user-section.jsx
+++ /dev/null
@@ -1,426 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { formatBytes } from "@notesnook/common";
-import { SubscriptionPlan, SubscriptionProvider } from "@notesnook/core";
-import { strings } from "@notesnook/intl";
-import { useThemeColors } from "@notesnook/theme";
-import { useNetInfo } from "@react-native-community/netinfo";
-import dayjs from "dayjs";
-import React from "react";
-import { Image, Platform, TouchableOpacity, View } from "react-native";
-import ImagePicker from "react-native-image-crop-picker";
-import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { db } from "../../common/database";
-import { presentDialog } from "../../components/dialog/functions";
-import {
-  createFormRef,
-  validators
-} from "../../components/ui/input/form-input";
-import { PlanLimits } from "../../components/sheets/plan-limits";
-import AppIcon from "../../components/ui/AppIcon";
-import { Button } from "../../components/ui/button";
-import { TimeSince } from "../../components/ui/time-since";
-import Paragraph from "../../components/ui/typography/paragraph";
-import { presentSheet, ToastManager } from "../../services/event-manager";
-import Navigation from "../../services/navigation";
-import PremiumService from "../../services/premium";
-import { useThemeStore } from "../../stores/use-theme-store";
-import { SyncStatus, useUserStore } from "../../stores/use-user-store";
-import { planToDisplayName } from "../../utils/constants";
-import { AppFontSize } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { SectionItem } from "./section-item";
-import SettingsService from "../../services/settings";
-
-export const getTimeLeft = (t2) => {
-  let daysRemaining = dayjs(t2).diff(dayjs(), "days");
-  return {
-    time: dayjs(t2).diff(dayjs(), daysRemaining === 0 ? "hours" : "days"),
-    isHour: daysRemaining === 0
-  };
-};
-
-const ProfilePicPlaceholder = (props) => {
-  const { colors } = useThemeColors();
-  return (
-    <TouchableOpacity
-      style={{
-        alignItems: "center"
-      }}
-      activeOpacity={0.9}
-      onPress={props?.onChangePicture}
-    >
-      <View
-        style={{
-          backgroundColor: colors.primary.shade,
-          borderRadius: 100,
-          width: 80,
-          height: 80,
-          alignItems: "center",
-          justifyContent: "center"
-        }}
-      >
-        <Icon size={35} color={colors.primary.accent} name="account-outline" />
-      </View>
-    </TouchableOpacity>
-  );
-};
-
-const onChangePicture = () => {
-  useUserStore.setState({
-    disableAppLockRequests: true
-  });
-  const theme =
-    useThemeStore.getState().colorScheme === "dark"
-      ? useThemeStore.getState().darkTheme
-      : useThemeStore.getState().lightTheme;
-
-  ImagePicker.openPicker({
-    compressImageMaxWidth: 256,
-    compressImageMaxHeight: 256,
-    compressImageQuality: 0.8,
-    avoidEmptySpaceAroundImage: true,
-    cropping: true,
-    cropperCircleOverlay: true,
-    mediaType: "photo",
-    forceJpg: true,
-    includeBase64: true,
-    writeTempFile: false,
-    cropperToolbarColor: theme.scopes.base.primary.background,
-    cropperToolbarTitle: strings.editProfilePicture(),
-    cropperActiveWidgetColor: theme.scopes.base.primary.accent,
-    cropperToolbarWidgetColor: theme.scopes.base.primary.icon
-  })
-    .then(async (image) => {
-      if (!image.data) return;
-      await db.settings.setProfile({
-        profilePicture: "data:image/jpeg;base64," + image.data
-      });
-      useUserStore.setState({
-        profile: db.settings.getProfile()
-      });
-    })
-    .finally(() => {
-      setTimeout(() => {
-        useUserStore.setState({
-          disableAppLockRequests: false
-        });
-      }, 1000);
-    });
-};
-
-const SettingsUserSection = ({ item }) => {
-  const { colors } = useThemeColors();
-  const [user] = useUserStore((state) => [state.user]);
-  const lastSynced = useUserStore((state) => state.lastSynced);
-  const lastSyncStatus = useUserStore((state) => state.lastSyncStatus);
-  const { isInternetReachable } = useNetInfo();
-  const isOffline = !isInternetReachable;
-  const userProfile = useUserStore((state) => state.profile);
-  const used = user?.storageUsed || 0;
-  const total = user?.totalStorage || 0;
-
-  const isCurrentPlatform =
-    (user?.subscription?.provider === SubscriptionProvider.APPLE &&
-      Platform.OS === "ios") ||
-    (user?.subscription?.provider === SubscriptionProvider.GOOGLE &&
-      Platform.OS === "android");
-
-  return (
-    <>
-      {user ? (
-        <>
-          <View
-            style={{
-              paddingHorizontal: DefaultAppStyles.GAP,
-              paddingTop: 25
-            }}
-          >
-            <View
-              style={{
-                flexDirection: "row",
-                width: "100%"
-              }}
-            >
-              <View
-                style={{
-                  flexDirection: "row",
-                  width: "100%",
-                  gap: DefaultAppStyles.GAP,
-                  alignItems: "center"
-                }}
-              >
-                <View
-                  style={{
-                    borderRadius: 100,
-                    alignSelf: "flex-start"
-                  }}
-                >
-                  {userProfile?.profilePicture ? (
-                    <TouchableOpacity
-                      onPress={onChangePicture}
-                      activeOpacity={1}
-                    >
-                      <Image
-                        source={{
-                          uri: userProfile?.profilePicture
-                        }}
-                        style={{
-                          width: 80,
-                          height: 80,
-                          borderRadius: 80
-                        }}
-                      />
-                    </TouchableOpacity>
-                  ) : (
-                    <ProfilePicPlaceholder onChangePicture={onChangePicture} />
-                  )}
-                </View>
-
-                <View>
-                  <Paragraph
-                    onPress={() => {
-                      presentDialog({
-                        title: strings.setFullName(),
-                        paragraph: strings.setFullNameDesc(),
-                        positiveText: strings.save(),
-                        form: {
-                          formRef: createFormRef({
-                            fullName: userProfile?.fullName || ""
-                          }),
-                          items: [
-                            {
-                              name: "fullName",
-                              placeholder: strings.enterFullName(),
-                              defaultValue: userProfile?.fullName,
-                              validators: [
-                                validators.required(strings.nameIsRequired())
-                              ]
-                            }
-                          ],
-                          onFormSubmit: async (form) => {
-                            try {
-                              await db.settings.setProfile({
-                                fullName: form.getValue("fullName")
-                              });
-                              useUserStore.setState({
-                                profile: db.settings.getProfile()
-                              });
-                              return true;
-                            } catch (e) {
-                              form.setError("fullName", e.message);
-                              return false;
-                            }
-                          }
-                        }
-                      });
-                    }}
-                    color={colors.primary.heading}
-                    size={AppFontSize.md}
-                  >
-                    {userProfile?.fullName
-                      ? userProfile.fullName + " "
-                      : strings.setYourName() + " "}
-                    <AppIcon name="pencil" size={AppFontSize.md} />
-                  </Paragraph>
-
-                  <Paragraph
-                    color={colors.primary.heading}
-                    size={AppFontSize.xs}
-                  >
-                    {user?.email}
-                  </Paragraph>
-
-                  <Paragraph
-                    style={{
-                      flexWrap: "wrap"
-                    }}
-                    size={AppFontSize.xs}
-                    color={colors.secondary.heading}
-                  >
-                    {!user ? (
-                      strings.notLoggedIn()
-                    ) : lastSynced && lastSynced !== "Never" ? (
-                      <>
-                        {lastSyncStatus === SyncStatus.Failed
-                          ? strings.syncFailed()
-                          : strings.synced()}{" "}
-                        <TimeSince
-                          style={{
-                            fontSize: AppFontSize.xs,
-                            color: colors.secondary.paragraph
-                          }}
-                          time={lastSynced}
-                        />{" "}
-                        ago
-                        {isOffline ? ` (${strings.offline()})` : ""}
-                      </>
-                    ) : (
-                      strings.never()
-                    )}
-                  </Paragraph>
-                </View>
-              </View>
-            </View>
-
-            <View
-              style={{
-                paddingVertical: DefaultAppStyles.GAP_SMALL,
-                gap: DefaultAppStyles.GAP_VERTICAL,
-                borderRadius: 10
-              }}
-            >
-              <View
-                style={{
-                  gap: DefaultAppStyles.GAP_SMALL,
-                  paddingHorizontal: DefaultAppStyles.GAP_SMALL
-                }}
-              >
-                <View
-                  style={{
-                    flexDirection: "row",
-                    width: "100%",
-                    justifyContent: "space-between"
-                  }}
-                >
-                  <Paragraph size={AppFontSize.xxs}>
-                    {strings.storage()}
-                  </Paragraph>
-                  <Paragraph size={AppFontSize.xxs}>
-                    {formatBytes(used)}/
-                    {total === -1
-                      ? "Unlimited"
-                      : formatBytes(total) + " " + strings.used()}
-                  </Paragraph>
-                </View>
-                <View
-                  style={{
-                    backgroundColor: colors.secondary.background,
-                    width: "100%",
-                    height: 5,
-                    borderRadius: 10
-                  }}
-                >
-                  <View
-                    style={{
-                      backgroundColor: colors.primary.accent,
-                      height: 5,
-                      width: `${(used / total) * 100}%`,
-                      borderRadius: 10
-                    }}
-                  />
-                </View>
-              </View>
-
-              <View
-                style={{
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  width: "100%",
-                  paddingHorizontal: DefaultAppStyles.GAP_SMALL,
-                  borderRadius: 10
-                }}
-              >
-                <TouchableOpacity
-                  activeOpacity={1}
-                  onPress={() => {
-                    presentSheet({
-                      component: <PlanLimits />
-                    });
-                  }}
-                >
-                  <Paragraph size={AppFontSize.sm}>
-                    {planToDisplayName(user.subscription?.plan)}
-                  </Paragraph>
-                  <Paragraph
-                    color={colors.secondary.paragraph}
-                    size={AppFontSize.xxxs}
-                  >
-                    {strings.viewAllLimits()}{" "}
-                    <AppIcon name="information" size={AppFontSize.xxxs} />
-                  </Paragraph>
-                </TouchableOpacity>
-
-                {((user.subscription?.provider ===
-                  SubscriptionProvider.PADDLE ||
-                  user.subscription?.provider ===
-                    SubscriptionProvider.STREETWRITERS ||
-                  !isCurrentPlatform) &&
-                  PremiumService.get()) ||
-                SettingsService.getProperty("serverUrls") ? null : (
-                  <Button
-                    title={
-                      user.subscription?.plan !== SubscriptionPlan.FREE
-                        ? strings.changePlan()
-                        : strings.upgradePlan()
-                    }
-                    onPress={() => {
-                      if (
-                        user?.subscription?.plan === SubscriptionPlan.LEGACY_PRO
-                      ) {
-                        ToastManager.show({
-                          message: strings.cannotChangePlan(),
-                          context: "local"
-                        });
-                        return;
-                      }
-
-                      if (
-                        user.subscription?.plan !== SubscriptionPlan.FREE &&
-                        user.subscription?.productId &&
-                        user.subscription?.productId.includes("5year")
-                      ) {
-                        ToastManager.show({
-                          message:
-                            "You have made a one time purchase. To change your plan please contact support.",
-                          type: "info"
-                        });
-                        return;
-                      }
-
-                      Navigation.navigate("PayWall", {
-                        context: "logged-in",
-                        canGoBack: true
-                      });
-                    }}
-                    type="accent"
-                    fontSize={AppFontSize.xs}
-                    style={{
-                      paddingHorizontal: DefaultAppStyles.GAP_SMALL,
-                      height: "auto",
-                      paddingVertical: DefaultAppStyles.GAP_SMALL
-                    }}
-                  />
-                )}
-              </View>
-            </View>
-          </View>
-
-          {item.sections.map((item) => (
-            <SectionItem key={item.name} item={item} />
-          ))}
-        </>
-      ) : null}
-    </>
-  );
-};
-
-export default SettingsUserSection;
diff --git a/apps/mobile/app/screens/settings/verify-user.ts b/apps/mobile/app/screens/settings/verify-user.ts
new file mode 100644
index 000000000..10f261831
--- /dev/null
+++ b/apps/mobile/app/screens/settings/verify-user.ts
@@ -0,0 +1,165 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { strings } from "@notesnook/intl";
+import { db } from "../../common/database";
+import { validateAppLockPassword } from "../../common/database/encryption";
+import { presentDialog } from "../../components/dialog/functions";
+import BiometricService from "../../services/biometrics";
+import SettingsService from "../../services/settings";
+import { useUserStore } from "../../stores/use-user-store";
+import { sleep } from "../../utils/time";
+import {
+  createFormRef,
+  validators
+} from "../../components/ui/input/form-input";
+import React from "react";
+
+export async function verifyUser(
+  context?: string,
+  onsuccess?: () => void,
+  disableBackdropClosing?: boolean,
+  onclose?: () => void,
+  closeText?: string
+) {
+  return new Promise((resolve) => {
+    presentDialog({
+      context: context || "global",
+      title: strings.verifyItsYou(),
+      form: {
+        formRef: createFormRef({
+          password: ""
+        }),
+        items: [
+          {
+            label: strings.enterYourPassword(),
+            name: "password",
+            placeholder: "•••••••••",
+            ref: React.createRef(),
+            validators: [validators.required(strings.passwordRequired())]
+          }
+        ],
+        onFormSubmit: async (form) => {
+          try {
+            if (!form.validate()) return false;
+            const user = await db.user.getUser();
+            const verified = !user
+              ? true
+              : await db.user.verifyPassword(form.getValue("password"));
+
+            if (!verified) {
+              form.setError("password", strings.passwordIncorrect());
+              return false;
+            }
+
+            sleep(300).then(async () => {
+              resolve(true);
+              onsuccess?.();
+            });
+            return true;
+          } catch (e) {
+            form.setError("password", (e as Error).message);
+            return false;
+          }
+        }
+      },
+      positiveText: strings.verify(),
+      secureTextEntry: true,
+      disableBackdropClosing: disableBackdropClosing,
+      onClose: () => {
+        resolve(false);
+        onclose?.();
+      },
+      negativeText: closeText || strings.cancel()
+    });
+  });
+}
+
+export async function verifyUserWithApplock() {
+  return new Promise<boolean>((resolve) => {
+    if (SettingsService.getProperty("appLockHasPasswordSecurity")) {
+      presentDialog({
+        title: strings.verifyItsYou(),
+        paragraph: strings.enterApplockPasswordDesc(),
+        form: {
+          formRef: createFormRef({
+            password: ""
+          }),
+          items: [
+            {
+              label: strings.enterApplockPassword(),
+              name: "password",
+              placeholder: "•••••••••",
+              ref: React.createRef(),
+              validators: [validators.required(strings.passwordNotEntered())]
+            }
+          ],
+          onFormSubmit: async (form) => {
+            try {
+              if (!form.validate()) return false;
+              const verified = await validateAppLockPassword(
+                form.getValue("password")
+              );
+              if (!verified) {
+                form.setError("password", strings.invalid("password"));
+                return false;
+              }
+              resolve(verified);
+              return true;
+            } catch (e) {
+              resolve(false);
+              return false;
+            }
+          }
+        },
+        positiveText: strings.verify(),
+        positiveType: "accent",
+        secureTextEntry: true,
+        negativeText: strings.cancel(),
+        onClose: () => {
+          resolve(false);
+        }
+      });
+    } else {
+      BiometricService.isBiometryAvailable().then((available) => {
+        if (available) {
+          BiometricService.validateUser(strings.verifyItsYou()).then(
+            (verified) => {
+              resolve(verified);
+            }
+          );
+        } else if (useUserStore.getState().user) {
+          const verified = false;
+          verifyUser(
+            undefined,
+            () => {
+              resolve(true);
+            },
+            false,
+            () => {
+              resolve(verified);
+            }
+          );
+        } else {
+          resolve(true);
+        }
+      });
+    }
+  });
+}
diff --git a/apps/mobile/app/screens/wrapped/index.tsx b/apps/mobile/app/screens/wrapped/index.tsx
index aa90dd368..8908c2500 100644
--- a/apps/mobile/app/screens/wrapped/index.tsx
+++ b/apps/mobile/app/screens/wrapped/index.tsx
@@ -42,6 +42,7 @@ import { useNavigationFocus } from "../../hooks/use-navigation-focus";
 import Navigation, { NavigationProps } from "../../services/navigation";
 import { AppFontSize } from "../../utils/size";
 import { DefaultAppStyles } from "../../utils/styles";
+import { useSettingStore } from "../../stores/use-setting-store";
 
 function formatNumber(num: number) {
   if (num >= 1000000) {
@@ -926,6 +927,7 @@ function SummarySlide({
           onPress={async () => {
             const path = await viewShotRef.current?.capture?.();
             console.log(path, "shared path");
+            useSettingStore.getState().setAppDidEnterBackgroundForAction(true);
             Share.open({
               url: path
             }).catch(() => {});
diff --git a/apps/mobile/app/services/backup.ts b/apps/mobile/app/services/backup.ts
index aeecd12dd..83b4ed588 100644
--- a/apps/mobile/app/services/backup.ts
+++ b/apps/mobile/app/services/backup.ts
@@ -40,6 +40,7 @@ import { sleep } from "../utils/time";
 import { ToastManager, eSendEvent, presentSheet } from "./event-manager";
 import SettingsService from "./settings";
 import { getCachePathForFile } from "../common/filesystem/io";
+import { useSettingStore } from "../stores/use-setting-store";
 
 const MS_DAY = 86400000;
 const MS_WEEK = MS_DAY * 7;
@@ -119,8 +120,19 @@ async function presentBackupCompleteSheet(backupFilePath: string) {
     paragraph: strings.backupSaved(Platform.OS),
     actionText: strings.shareBackup(),
     actionsArray: [
+      {
+        action: async () => {
+          eSendEvent(eCloseSheet);
+          SettingsService.set({
+            showBackupCompleteSheet: false
+          });
+        },
+        actionText: strings.neverAskAgain(),
+        type: "plain-outline"
+      },
       {
         action: () => {
+          useSettingStore.getState().setAppDidEnterBackgroundForAction(true);
           if (Platform.OS === "ios") {
             Share.open({
               url: backupFilePath,
@@ -139,16 +151,6 @@ async function presentBackupCompleteSheet(backupFilePath: string) {
           }
         },
         actionText: strings.share()
-      },
-      {
-        action: async () => {
-          eSendEvent(eCloseSheet);
-          SettingsService.set({
-            showBackupCompleteSheet: false
-          });
-        },
-        actionText: strings.neverAskAgain(),
-        type: "secondary"
       }
     ]
   });
diff --git a/apps/mobile/app/services/event-manager.ts b/apps/mobile/app/services/event-manager.ts
index 2342fecfe..5e5b9812c 100644
--- a/apps/mobile/app/services/event-manager.ts
+++ b/apps/mobile/app/services/event-manager.ts
@@ -65,6 +65,7 @@ export type Vault = {
   positiveButtonType?: "errorShade" | "transparent" | "accent";
   customActionTitle?: string;
   customActionParagraph?: string;
+  icon?: string;
   onUnlock?: (
     item: Note & {
       content?: NoteContent<false>;
diff --git a/apps/mobile/app/services/message.tsx b/apps/mobile/app/services/message.tsx
index fa02cf6d7..11f98bc14 100644
--- a/apps/mobile/app/services/message.tsx
+++ b/apps/mobile/app/services/message.tsx
@@ -20,13 +20,13 @@ import React from "react";
 import { strings } from "@notesnook/intl";
 import { Platform } from "react-native";
 import { AuthMode } from "../components/auth/common";
-import { verifyUser } from "../screens/settings/functions";
+import { verifyUser } from "../screens/settings/verify-user";
 import {
   Message,
   MessageId,
   useMessageStore
 } from "../stores/use-message-store";
-import { eOpenRateDialog, eOpenRecoveryKeyDialog } from "../utils/events";
+import { eOpenRateDialog } from "../utils/events";
 import { eSendEvent, presentSheet } from "./event-manager";
 import Navigation from "./navigation";
 import PremiumService from "./premium";
@@ -34,6 +34,7 @@ import SettingsService from "./settings";
 import { Update } from "../components/sheets/update";
 import { GithubVersionInfo } from "../utils/github-version";
 import { CheckVersionResponse } from "react-native-check-version";
+import RecoveryKeySheet from "../components/sheets/recovery-key";
 
 const APP_MESSAGES: Message[] = [
   {
@@ -54,9 +55,9 @@ const APP_MESSAGES: Message[] = [
     actionText: strings.recoveryKeyMessageActionText(),
     onPress: () => {
       verifyUser(
-        null,
+        undefined,
         () => {
-          eSendEvent(eOpenRecoveryKeyDialog);
+          RecoveryKeySheet.present();
         },
         false,
         async () => {
diff --git a/apps/mobile/app/utils/constants.ts b/apps/mobile/app/utils/constants.ts
index 4b9aef0c9..7efd62f57 100644
--- a/apps/mobile/app/utils/constants.ts
+++ b/apps/mobile/app/utils/constants.ts
@@ -68,6 +68,24 @@ export const itemSkus = [
   "notesnook.believer.5year"
 ];
 
+export function planToDisplayNameShort(plan: SubscriptionPlan): string {
+  switch (plan) {
+    case SubscriptionPlan.FREE:
+      return "Free";
+    case SubscriptionPlan.ESSENTIAL:
+      return "Essential";
+    case SubscriptionPlan.LEGACY_PRO:
+    case SubscriptionPlan.PRO:
+      return "Pro";
+    case SubscriptionPlan.BELIEVER:
+      return "Believer";
+    case SubscriptionPlan.EDUCATION:
+      return "Education";
+    default:
+      return "Free";
+  }
+}
+
 export function planToDisplayName(plan: SubscriptionPlan): string {
   switch (plan) {
     case SubscriptionPlan.FREE:
diff --git a/apps/mobile/fonts/notesnook-icons.glyphmap.json b/apps/mobile/fonts/notesnook-icons.glyphmap.json
index 70db35d94..e589487ff 100644
--- a/apps/mobile/fonts/notesnook-icons.glyphmap.json
+++ b/apps/mobile/fonts/notesnook-icons.glyphmap.json
@@ -1 +1 @@
-{"m":{"f":"notesnook-icons","u":1024,"z":1020,"s":59648,"h":"3c50f9e96133b612a6a07dbd21321f56f12b0452eb7ad0bfa184f3ceb68efa6d"},"i":{"archive":[1024,[[59648,"#666666"]]],"arrow-back":[1024,[[59649,"rgba(255,255,255,0.7)"]]],"bell":[1024,[[59650,"#666666"]]],"book-open":[1024,[[59651,"#666666"]]],"bookmark":[1024,[[59652,"#666666"]]],"box-empty":[1024,[[59653,"#B0B0B1"]]],"calendar":[1024,[[59654,"rgba(102,102,102,0.8)"]]],"chat":[1024,[[59655,"white"]]],"checkbox":[1024,[[59656,"#008836"],[59657,"white"]]],"checks":[1024,[[59658,"#181818"]]],"chevron-down":[1024,[[59659,"#181818"]]],"chevron-up":[1024,[[59660,"#181818"]]],"close":[1024,[[59661,"#666666"]]],"cloud":[1024,[[59662,"white"]]],"dark-mode-outline":[1024,[[59663,"currentColor"]]],"dots-three":[1024,[[59664,"#202020"]]],"drive-file-move":[1088,[[59665,"#666666"]]],"edit-pencil":[1024,[[59666,"#181818"]]],"envelope-simple":[1024,[[59667,"white"]]],"eye-closed":[1024,[[59668,"white"]]],"eye-open":[1024,[[59669,"currentColor"]]],"file":[1024,[[59670,"white"]]],"funnel":[1024,[[59671,"#666666"]]],"home":[1024,[[59672,"#181818"]]],"image-outline":[1024,[[59673,"white"]]],"link":[560,[[59674,"#666666"]]],"lock-simple":[1024,[[59675,"white"]]],"lock":[1024,[[59676,"#181818"]]],"menu":[1024,[[59677,"#181818"]]],"note":[1024,[[59678,"#181818"]]],"pin":[939,[[59679,"#666666"]]],"plus":[1024,[[59680,"#666666"]]],"search":[1024,[[59681,"#181818"]]],"shield-check":[1024,[[59682,"#008836"]]],"shopping-mode":[1024,[[59683,"#666666"]]],"sliders":[1024,[[59684,"#181818"]]],"sort-ascending":[1024,[[59685,"#666666"]]],"sort-descending":[1024,[[59686,"currentColor"]]],"square-out":[1024,[[59687,"#181818"]]],"star-filled":[1024,[[59688,"#E5C131"]]],"star":[1024,[[59689,"#666666"]]],"sun":[1024,[[59690,"#666666"]]],"trash":[1024,[[59691,"#666666"]]],"view-list":[1024,[[59692,"#181818"]]],"warning-circle":[1024,[[59693,"#BB3431"]]]}}
\ No newline at end of file
+{"m":{"f":"notesnook-icons","u":1024,"z":1020,"s":59648,"h":"d3658f5092b358bfe1266540af2805de5bf3c76de16d2d09a34ff275bde485e2"},"i":{"archive":[1024,[[59648,"#666666"]]],"arrow-back":[1024,[[59649,"rgba(255,255,255,0.7)"]]],"arrow-clockwise":[1024,[[59650,"#181818"]]],"arrow-counter-clockwise":[1024,[[59651,"#181818"]]],"arrow-fat-up":[1024,[[59652,"var(--fill-0, #181818)"]]],"arrow-right":[1024,[[59653,"#008836"]]],"arrow-square-out":[1024,[[59654,"#666666"]]],"arrow-u-up-left":[1024,[[59655,"var(--fill-0, #181818)"]]],"arrows-clockwise":[1024,[[59656,"var(--fill-0, #181818)"]]],"backspace":[1024,[[59657,"#181818"]]],"bag-simple":[1024,[[59658,"var(--fill-0, #181818)"]]],"bell-z":[1024,[[59659,"#181818"]]],"bell":[1024,[[59660,"#666666"]]],"book-open":[1024,[[59661,"#666666"]]],"bookmark":[1024,[[59662,"#666666"]]],"box-empty":[1024,[[59663,"#B0B0B1"]]],"bug-droid":[1024,[[59664,"var(--fill-0, #181818)"]]],"calendar-check":[946,[[59665,"var(--fill-0, #181818)"]]],"calendar-day":[1024,[[59666,"#181818"]]],"calendar-dots":[946,[[59667,"var(--fill-0, #181818)"]]],"calendar":[1024,[[59668,"rgba(102,102,102,0.8)"]]],"chart-donut":[1024,[[59669,"#181818"]]],"chart-line-up":[1024,[[59670,"var(--fill-0, #181818)"]]],"chat":[1024,[[59671,"white"]]],"check-small":[951,[[59672,"#008836"]]],"check":[1024,[[59673,"#008836"]]],"checkbox":[1024,[[59674,"#008836"],[59675,"white"]]],"checks":[1024,[[59676,"#181818"]]],"chevron-down":[1024,[[59677,"#181818"]]],"chevron-right":[1024,[[59678,"#181818"]]],"chevron-up":[1024,[[59679,"#181818"]]],"clock-counter-clockwise":[1024,[[59680,"var(--fill-0, #181818)"]]],"clock":[1024,[[59681,"#181818"]]],"close":[1024,[[59682,"#666666"]]],"cloud-check":[1024,[[59683,"var(--fill-0, #181818)"]]],"cloud":[1024,[[59684,"white"]]],"copy":[1024,[[59685,"#008836"]]],"crown-simple":[1024,[[59686,"#E0B637"]]],"dark-mode-outline":[1024,[[59687,"currentColor"]]],"device-mobile-camera":[1024,[[59688,"var(--fill-0, #181818)"]]],"discord-logo":[1024,[[59689,"var(--fill-0, #181818)"]]],"dots-three":[1024,[[59690,"#202020"]]],"download-simple":[1024,[[59691,"var(--fill-0, #181818)"]]],"drive-file-move":[1088,[[59692,"#666666"]]],"edit-pencil":[1024,[[59693,"#181818"]]],"ellipse":[1024,[[59694,"#A6A6A6"]]],"envelope-simple":[1024,[[59695,"white"]]],"export":[1024,[[59696,"var(--fill-0, #181818)"]]],"eye-closed":[1024,[[59697,"white"]]],"eye-filled":[1024,[[59698,"#666666"]]],"eye-open":[1024,[[59699,"currentColor"]]],"eye-slash":[1024,[[59700,"var(--fill-0, #181818)"]]],"file-cloud":[1024,[[59701,"#181818"]]],"file-dashed":[1024,[[59702,"var(--fill-0, #181818)"]]],"file-html":[1024,[[59703,"#181818"]]],"file-pdf":[1024,[[59704,"#181818"]]],"file-text":[1024,[[59705,"var(--fill-0, #181818)"]]],"file":[1024,[[59706,"white"]]],"fingerprint-simple":[1024,[[59707,"#181818"]]],"folder":[1024,[[59708,"#181818"]]],"funnel":[1024,[[59709,"#666666"]]],"gift":[1024,[[59710,"#181818"]]],"git-pull-request":[1024,[[59711,"var(--fill-0, #181818)"]]],"github-logo":[1024,[[59712,"var(--fill-0, #181818)"]]],"hard-drives":[1024,[[59713,"var(--fill-0, #181818)"]]],"home":[1024,[[59714,"#181818"]]],"image-outline":[1024,[[59715,"white"]]],"key":[1024,[[59716,"var(--fill-0, #181818)"]]],"link":[560,[[59717,"#666666"]]],"list":[2190,[[59718,"#181818"]]],"lock-simple":[1024,[[59719,"white"]]],"lock":[1024,[[59720,"#181818"]]],"markdown":[1024,[[59721,"#181818"]]],"mastodon-logo":[1024,[[59722,"var(--fill-0, #181818)"]]],"menu":[1024,[[59723,"#181818"]]],"minus":[1024,[[59724,"#181818"]]],"moon":[1024,[[59725,"var(--fill-0, #181818)"]]],"network":[1024,[[59726,"var(--fill-0, #181818)"]]],"note":[1024,[[59727,"#181818"]]],"notification":[1024,[[59728,"var(--fill-0, #181818)"]]],"numpad":[1024,[[59729,"#181818"]]],"nut":[1024,[[59730,"#181818"]]],"paint-brush-household":[1024,[[59731,"#181818"]]],"paint-roller":[1024,[[59732,"var(--fill-0, #181818)"]]],"palette":[1024,[[59733,"#666666"]]],"paperclip":[1024,[[59734,"var(--fill-0, #181818)"]]],"pause":[1024,[[59735,"var(--fill-0, #181818)"]]],"pencil-ruler":[1024,[[59736,"#181818"]]],"pencil-simple-line":[1024,[[59737,"var(--fill-0, #181818)"]]],"pencil-simple":[1024,[[59738,"#181818"]]],"pin":[939,[[59739,"#666666"]]],"plus":[1024,[[59740,"#181818"]]],"radio-button":[1024,[[59741,"#008836"]]],"recovery-key-cloud-arrow-down":[1024,[[59742,"var(--fill-0, #181818)"]]],"recovery-key-copy":[1024,[[59743,"var(--stroke-0, #008836)"]]],"recovery-key-file":[1024,[[59744,"var(--fill-0, #181818)"]]],"recovery-key-key":[1024,[[59745,"var(--fill-0, #181818)"]]],"recovery-key-qr-code":[1024,[[59746,"var(--fill-0, #181818)"]]],"recovery-key-shield-check":[1024,[[59747,"var(--fill-0, #008836)"]]],"search":[1024,[[59748,"#181818"]]],"shield-check":[1024,[[59749,"#181818"]]],"shield-plus":[1024,[[59750,"#181818"]]],"shield":[1024,[[59751,"var(--fill-0, #181818)"]]],"shopping-mode":[1024,[[59752,"#666666"]]],"sliders-horizontal":[1024,[[59753,"var(--fill-0, #181818)"]]],"sliders":[1024,[[59754,"#181818"]]],"sort-ascending":[1024,[[59755,"#666666"]]],"sort-descending":[1024,[[59756,"currentColor"]]],"speaker-high":[1024,[[59757,"#181818"]]],"square-out":[1024,[[59758,"#181818"]]],"squares-four":[1024,[[59759,"var(--fill-0, #181818)"]]],"star-filled":[1024,[[59760,"#E5C131"]]],"star":[1024,[[59761,"#666666"]]],"sun":[1024,[[59762,"#666666"]]],"swatches":[1024,[[59763,"var(--fill-0, #181818)"]]],"table":[1024,[[59764,"#181818"]]],"telegram-logo":[1024,[[59765,"var(--fill-0, #181818)"]]],"text-aa":[1024,[[59766,"#181818"]]],"toggle-off":[1725,[[59767,"#DADADA"]]],"toggle-on":[1725,[[59768,"#008836"]]],"trash":[1024,[[59769,"#666666"]]],"tray-arrow-down":[1024,[[59770,"#181818"]]],"user-circle-minus":[1024,[[59771,"var(--fill-0, #FF242E)"]]],"user-sheet-docs":[1024,[[59772,"var(--fill-0, #181818)"]]],"user-sheet-logout":[1024,[[59773,"var(--fill-0, #FB2C36)"]]],"user-sheet-settings":[1024,[[59774,"var(--fill-0, #181818)"]]],"user-sheet-support":[1024,[[59775,"var(--fill-0, #181818)"]]],"user-sheet-sync":[1024,[[59776,"var(--fill-0, #181818)"]]],"user":[1024,[[59777,"var(--fill-0, #181818)"]]],"users-three":[1024,[[59778,"var(--fill-0, #181818)"]]],"view-list":[1024,[[59779,"#181818"]]],"warning-circle":[1024,[[59780,"#BB3431"]]],"warning":[1024,[[59781,"#FF242E"]]],"wifi-slash":[1024,[[59782,"var(--fill-0, #181818)"]]],"x-logo":[1024,[[59783,"var(--fill-0, #181818)"]]]}}
\ No newline at end of file
diff --git a/apps/mobile/fonts/notesnook-icons.ttf b/apps/mobile/fonts/notesnook-icons.ttf
index d8c1a1b1cc0efdec71c1ff20fbdb9a9d635b3e4c..a8e534462167e3b640b259cb591f1b8c47a6430d 100644
GIT binary patch
literal 30640
zcmd_Td3;>ec|Uy5U1#4H&5Sgf(P(C5?V44RZAq3_dEXbnmb_vcykOY|3|O*5Sb~9&
zCL|<pV?$^HgwVuEfwYNb2u+jz(gXrzYd|SYTbvNGv}y7to~!r!oI4}Q#?bWBzMuDx
zSJK=$_uO-zd+s^UdG_Z>V1gi6gi%2fVk_3PWqN&^spd(1hPLn9dT_^I??RE;@Ok3e
z>u=um)FXfI76kEGLD>7|?wwnA<OcWry&&v6gGPnjsIc8@HsSmSIIrKm@9<6IJtztL
zF5>>*Tz_Eu*4<~8<Jy5=;auIf^`?XDV{E-39Q-{R#rALAxAUg%kBkYz4OMu?-h&5*
z4`02zy<ZT9Zx;l)S&(IweNa$v?QZc~xZ{4~oBdqKFg#Th6p5Z@{J1Iwe6QR!e}{1X
zf^gwZnb#Uef!=iLM?{hCr%!eH+M_t5R@H(m+=cI`;6jb#!tx6%E(~4RdSS<fofr09
z*ni=c3%6c4eqrRo=!H8cCIkUbT5(||u5ZKjUATS#*Kgz3PfSb%S>WeEA@I|{M4%MV
z0}tW&)4;{R7Xo(&{%~2J@W{)5n0k55|1Zz^6iOGR&j{VZHer|WAwlqFqN?8=cjtOk
zUh+BAM7*w5%~MS}j=CCFshiDE7xc&TESm|`ih)`d@CP-YgE>V9Yhrb&HnCOAr;E8>
zR_GOb*h$HxX^J8-@hK)Lil&+H%PY#KQc038tyv{~`m!4N;#HT`G)Wsv6HiF0q$(nl
zM8+gZRB$Gh>m-RW5f7z0@w=iVtEy&_OA{gkAXSwmakB0Qmw}eWhDw`PDt&ylQd7C>
z)yiwFc>nwLZ!%E?L{*Yh>X0Oh=nz%W)2SABp$bcvFiu)4trf89SWt`m<3Wvy!mMA2
zO6iZkn591{t)2CYb#KpNYs+oNqz?$4XzTZ>G`P9KOqOnC>6GSRnyUE%!9Xy|dRVcL
z38<(`q+6vPnv{GFHPShcW6bXL+V@=-U(>o}Q`6#bK@5d+8=E#?v#!n@@i24Yt^sA}
zGrK*DKk_$E&%41B@kq5}4v#0|-4<`Qc$4m#=@mn5SEpB{y;fIa%<K!BvjxVkIX(85
zHzzyiUV9^;<CTo}8j;>7^y0+l5Vf?LO1FwVVupGcC=`2)ZlmwO6ha;2eSl5qXALX%
zh*4P@>E8Q+rOLov1zBN=*=o1R3kF*^H*MU_SaqbZsd@7?YvR}KqZcyzc(7r|!Gn7?
z_QpkF$*JpRV$cg&*=Dy|6j|wanXKOQBSUSQ(ktpcW^Z$Rn>XSqkH?MIHsk}==0#hs
zC*ntQaz+{xB0_^8m{}{UQ#Eum%4RY*MmU)%<lWg!4@;%%jAfE)VrC|NL_ew6Y&Jzd
zsmUgn`AjmxdLqd)W|v8R&F<Bo_u7Y9hGoP88<7=7)=#Kjk5zvzoMbE+X1!LA*X6bA
z53@nLmv!jhp>9;hu~!IDPgG2JFN@Q(XX9xcGePvqr%Ffke=>)?<_o3!?H-R^yy1e`
z8#c3AMN!xV{SAvZY<bfg_P%KedoB7K)JecL-g8765rRUNW(m+|GyaSsOBkqy*^-QR
zjAshD6o`PTc`HMZOGzUbLj8C2Xl6bOG;vJWJ?so#R%Ep_E&4x|-%gJtz2XqHIE(hw
zIWusIUY8m%9lc9Nbg|qT_g3EhH2T+S;1Hh9Up&(z=32!>G6<ZhYs2*93cW!2fX~T5
znndZ7>4jUe`Xlswwk5T&P*YP_n9|$sws<4vF-4Y@F>}OgxtqO|-Lf#v&S$nPO5^c0
zg#}9&=4;s9G)QBFHE73h%iRD+b5R+un}me02t6`ZU@J3LAQq#lsptzZJIX5S%|Y}J
z*bQ8v2B4aOOkp;|5}nC1g<>Js$}|k3{XB*Z=rObTFi7O#7IWBRE}Z)4J%w&8z>l;X
zIexf#<}h!9hNzmEzh|kq<et3Q6E;h|9QQpln>*T?(c!Q;-^sf3Xz%rwe$d?3(L57(
zc<=~}$MDSj%&r{fi<voh7NpbCpx_m%gg(3x&90>Sg5D_0V!lD`Q&L>=##s@#)`OSA
zyJ3KRs*~OTtD0U;bAZ0*3esTdOYR!;)3W@uxyCIn4JVV~(wClmQe3Jp85p3U9~e-q
zSc({blw{e06Dna<o52nS-46Xl&7<irI^3zS*b`2bPU4BR`o{(ah%i~uR8h<{E#;fa
zfIt{fiTU9Y3*Ki8Yo(r6E=vGS>Kvj!K`87CRNg6xckm~2JtB*{<I><6n)wBVnlsd8
z@f?o&ouRgR--Nfmjono07te_kDO^Xh6mYaIoJxh+>yhNBuf8or4NKeD>v+DwM@OX7
zLRgqB%oWz52b`z@MS3R}RFq-#K<*S`j)WfRL>(Fw@ta4NsB1n>!<9soP$ZR3<;$<(
z1A!NZy!KJE)5Mf5^JqdxO|Ej81u*WPvTi)I(fTQOjfa_hE^o)CqsNbK>hQXJCZ_-6
zmn@lCnO}xIzVxEayMX#WPnZEK%r1|1A5g^X#JBfbPIqz9!cKRz&Y4)SeyI1zRqgFp
z9qAofzaZhPYpbrWzovQB=AE==(u=lac5YtPj8`v@{b!_?F!F7}CcJqj;CBV1Qdvq+
zay?S9;La6-m<pd3$2+B@LX?;m9|Ld(nJ*mR6<)eW7KLM<+b?ro&SeA$1&YP2L2Mun
zEbaf?u}#O9i1U^l_YkuNizSXPy1V<k-Qe=z^x(9b%W0QYf0bVa*VjzaOP@QYzcnCf
zW{asJf+#9U9|S=hV7_CYTX}rbPltzpy6JeSf%rAuhPHBbU0t=zi|COo$`;jXvssC=
zgD4pD{u1P;W+4v=>N?0zm|$R>LnWDslg+a16m-WkK`g68GCNJM!jKqE%LC*Fb$4%=
z*l<f(xIh=Ugp#e-zjvA3(agm5^wI)bJ8{_sS^s`Ad)fWBY$z;EcVM7CeanW@Q#5cS
zhm}PdxxUg|7LQK~Go|l_*b9YaD=KnN>15?O+4{=?h^sf;vSL|5pA`~8vCBBIR(b;T
zB`&0Z6Lk)TQ6b`zFOzb&l64n@?yNgrr{U#iGJjfQ&57;={=|mT4?LkNFMW@UjIPsL
z{DIKFu4`(P9#3@Fm7c8YPOPg+R*8?T(?7Fm6WgSVCiY`b)zi^vg;wj5E?B|c1n>ns
z82keyEm(&lNCAoo#+W`ap^Fm}V`EGo8<TW?g37)zUF3BFX-RmQL9FY9&@S`{iv{Re
z5U_HoI;SBUq*HaOuNJEr^gSwqJwb{|5tXT7aaz>gx>i)hG0URn1tE<>G6sW9PZdSI
zNKCrBWzWGqE#1U{ifx&~wiBmLY%65+m%H|?YA!wBylPJumBbz@^|>O|e#Khl@KukO
zi%xH~)KLVrG<V1A>f+sCvF2jOZFA4eKe0WZ-+p5LnYp(O(!H@5hnQ$0IDIHLG11|y
zvMT<Xu&dh3OVtq<>1y=upO+?tTF3}RVFlhi0gNVAhF9a?mr+;6Z}2$0F6VVwQVl?8
zH4;>uoaD7J5?u^-5|FkY3C4r^O*kBhx3<P57mlTQIAwQH-Nj!?F8X{$#m~=Ghs&WJ
zu?6GSt6o%`PN($wv?~~NrHx~2{NgWTt*tT19dBJR{lcIB`Ndy~sT2I}pA(=Xwpfrr
zsA_qBN5D5?LJqR^65-&L-?Ae4q`kS6_HM6<ddN}5Jjnte`-P|&)GE>~ujyf}l0$Bl
zNCd`^NWDW4J|G;1y+eldBOVW@7)ymqZ=jC#(1p@T@i=|-6A+r1#}=}gt$ik!!}QkD
zUXrOsAY+QkFjNlBYPVZe3l19SlxtRRS{kXPCbh;9U{6kaOmB>sNX$5nj)LWm4NXwh
z|1qhis*n<snaO!#7y4j!d$flXf-6ZTn+eK|#corpL+<Pxpa`^=OYmeaFy(6DT4DIg
zBZ(C_$&KH2AfZBnEfB8^P8F4@;<Van#Xl9D^e_72iI8TGda4pXKryWHqP~(>J8C?k
zI;wtWi~knJeZf=X&_ap0uP!uMdd(BH^SVUU6-pRJK9-M5uYhtzu<kf7b^AyIPl0HG
zNakrxW&K`g=qw-iOKTIEOro@rj!o;><Leqr8^y;;8>JDdt?%fl7avPx*5Rilv6uB0
zv0-!+&oI{ZBcN+d!24OkN<7IBQNf$APFqD_Xe%QDo3rVt+yk^_L2#>}mMR2`Q5N*K
zG9}+5K|o38iP?*yK-kkXKM-HCezr9rG0CJnr`l~6sV?G~J#@=mcO1PsXHG2LcTzuo
zkB$9bW{2$)z9nrtA7%^UGn<3K=9%$1M>n>&Z#*h}(&HGnd-7{nHd$w{PbmcBpd`wg
zI`fXZZW)^GiOjop<gVKft!dVOyE2wAn;Y|ce>|h9+jPc!>-*2Bb=kgoec3wojM}~R
z*zL!*c9(T2l6Rr)B&WucSTzZ@P?C$2Y7ZzmSBJQG0wLEQhxUvfm1HcYi07Lm$|`%l
zyPB5PX}mI&E3W(P{)zay-SZp`f_R*c`igHrZbefx@!F}Wef68XW_*petW%tpdIcZm
zS|ACW)<!Up%|Oqqh~VHeB&e49!%3gZ?x=FVPxNs4`VE`;9`T&ii&gzTZ%k922O*m3
z5S^bl-6-CMIX3jik4sC43nochA_bCYZy-}NzI__|l)pDH=JSd8S`+B?vm0>`eZFr6
zgWvLZ`^8{zQ!vQx4+ce?RbZY5ntDhlHB=mfpaWvS2R&Hi!!u6&=bP-`z>vgmq7Faf
z#GJm#-h>8N?i=yw6ZGcU+8V#x@2pA0+iLRe-WuY~cAE`<5Vi1Qv6#(f65Lc3+5@aR
z+@vB&Py=AffpCV)77MkcJLt~RZ~rH^OFAUL_X4kr|FiCi=;(XB9gzWJ{<7k4xD@kl
z^Y=MR#Qd1q95qMGo6Qjm>p&rDHnS?T`AKuwTx&KD;;hq*QrIkTtEcoY;=e-cYlSAe
zMYu`0508Sp;)9)|tWuMurWW=SWm>hN1VYtLc3`nr+H#`~HH}9l5Q;JYQWw!usnf{N
z11-!)mO&t04<qHBR83f|xZE^ZEB0x2i=ry}CoDCVhkz~?yThiOU`ws+UKLjq<H|OR
zuf{UKmMM1qE|bFoe9%8(tF=C)s7$pwoDTIkTWn?bYYr<aaLrn4+iGROTH6A)Sas-k
z+b#Op_d&t8nP7!^$O2o$PJlMsR5qg7Wc>?EfTWhK=CFnBloi=*6W^eY*cJT|i{(KD
zU9zZ(a-1!&vZ?w(OO2md7qSHa$rLN36h(j7YW=8!{#en&TiJXoQ!SPHA!{tatP9wD
zXc%VwnG>)FL5sD?4`QCS5Fvp|EbGrKCQHc>>IP+ASH_1Qi?2bZ7QBW5$XLk%tYft<
z-4p6qP{mxK1tI3DTF?>FkD(|o<HcWxs1n!pn?o=saoiF=FST)98Pi<LZAlQ(B*?3n
zG%~Bed<gR{J0WB3NfR1=CL~&EbV_Hhy(U8mg1V)lR%(OFgjODp2h9|iIC09)&`iVf
zG@GGvK)0*BhqQ*j2gn92`5?GymIA(j@Io@agWlmzbT_2`8bvyEurHySzf(tuIZ^sG
zUYFL1VVk)Vwj!6X6yW{PBORP|83sid>YzNA1y)~xj4wG@WVqTLRUnqDWJE3FDemoo
zO+$=*(5l+Q*3%{vXm@Psy@iGbvZQc&Z@;FsX&!8m8wOx93TGBIZQRnfwvLP$CPkI!
zKl|ke7Wl4vOdR{%dMzB#v?1AP8UyYB;>^N~)<whwP7@#T7MkXHE#}0`<(sx#y<)aE
z<uWzKV5_uXw&gk58Ml1ltA7q<x*`*t2Cw#mThGQD);VNi$YdM9bfFZLNx$%3YDR_d
zBnq>S?poevtLk3A@1|RB7@VKzJ^aw>+>Z7A4HjR=;%jzYJG82+7P`ilz4meREbK)`
zrB5d258iOgP5ah&SJ~Q@?>ahr^+ShyOHysus-bIlU9-5uXKCnPzazH*`U%-9ja%(w
zz{>Jmv;nW8u!4~E!tDSeOsJEHMPz_%bueF&iGc78VlgmHoG^Q|3hL<K_6F9-glkOK
zJi1i@63I+2x6vvMbl@OIII5A_G;Q+M$twmb0*Xd>IR%_hl4_V<xrZaEA%~4aUhoSY
z!T^oAs-+xKRD|}}LncTGJ`oZ6U6y1bC_B*g4BZX}v@7a5;^>Yin)AEXbeIy0w&mGi
zMK9AIt{9l?c1*y~!=JsSZtepcK1ycd^V}3UNb2FhV?-LH!9AO_>i#WzcPwuztB9qO
z+<IB4VXYlB85<txue;@mhqtmLh8>fPo<n4%1q6lkS!2DtA~k{s<OHDz6BPQM#d^qQ
zfd0WEBtS^o2~yd)!VU{2Y?X;R4KGRGAoOqbUDw-tU0-b8f^`dfXDw6w`3>3ZhJ5J<
z#<$ooV_rkUyczXTvFG~U{FXV6Cws3OxxRO4YkQ*Z$U-r<Vb8`adpx^w&xYKLd8_6%
zxNIRnY+lhZiSIALp5%Zvjr48EUyzJQ2qqc$5+xp&xH}5Q7E-*4w~!EpMIKdwT;wL9
zd)TXNBsVaS(@)$wkZoyUBP}hZjcg=4P_}JU+)%J+pYVpm-lmEXq+<JM!rkI$2D18z
z+`w&g<BAsj1P8=!9>_IbZVqWAAf&Nf27e$+{lF{XJq77GtZ5i5n6CrO6J1ZGr4(%0
zwaiN*Y0%5HL{0kYRZ1dQdN!C)u9Cg!M#mlZn`%?Fru*-3G^TvA_+h4R3q)&z?6g1a
zF}WUKeQux6t)G9uW%8yVvl;WfNSX&JvjvhMMkI&Hj*5_Pfx0AZ8YgL3-_Q@^I=?20
z_x|0@`|V!4teCV<9;yj7nq6jDj-EZV<s)^0M*sVs)s!{YKK10+@7weFl%m*tR$pWA
zhSQpb$rhJo_xqc!U9G6ko<z&K4{y2UsR}Ktg}&{CcGE<2d#QaEq6G~E%~_GAot%kf
zO;8-uPd0RRHn8J3njl@DBy?wxwEvQ9AgVP4bBJ`VGhOOWcXp=5bLq~D|IA$?=eYTN
zB}^NtuZBz;W&P)$rET0sG*>uEvoQIjB2XNd3%^;4!B$Ip5cm^}-Kli4l@&2N7&1%~
zSQn;<SZB~1P}5RcBL^G}A*34^0pNXuZ8r^?)&W~?E9hPj47&g`Fc?yhotZM-{L(=N
z7&5yszy4cWq{=JDBgJrB_Etq~`fvSy^@vjK{a{t2W>2n6+O-*>4|=PWBdV|c$OG0`
z#AcVgHd(&vudh<=R+GduiyDbpA2`CSk@O6kO$*p?$rjXX_J)Qqd(ly4Q~ATH`M}x8
zj-;24D$MG&Z4||gHZR1Rqn5@1d(jh?s^sdbtSo0k5xGhVd-V1|V+Z?ARkNl^zA6_B
zg+$l`V1_q=leSdp?MDYxs~im3rBFz+hk~+I9VqLyOT`=?@5B{HyO>MGrv_e}?TXa+
zRBM$JHZEi4!Y)=_`u5~3iqe(dW9p4)i5a+0c6mSdbHPAE=vDDF!i)v2MIpO0d67WY
z>tLpWjh2uS69#_>d1y-g-18zHhX|lw$928aB(;%Kat~<s9@1>s`3b^Dei$D|F#&R`
zoG$w~ls)VafH?H~_i)D&Er05u^iydWEGS_ihA{!E1QY(OrWgw#8xK|}A9O%>JT2Bf
z{dDiZxpM>h_fz?NiaD=hd#F%q6~C(=x|&(Pc(!NJrbW-^lA<q}+muV{^OHGoU+FFO
zH;^QZ=aJ7(7R)4j74s~}(*7(<7vWBG;;WE3$-Z}5Z(P#APNbjNZnrN#z1)^Kd74+=
z+Q3ex|9!hXVMDFGGPb0{nFK_$ungp{7(Ouby8^L-D<ujqvnKsj{VM%c*7WihOC`3e
zRFd>c4f`}}T3*sW&g&<~gY;n+dN)lYuJ~>enpuR^gJfQ5q$D{!hRep|Sf#(Lzbu|A
z^|Jv>m4yvRy_mB%$X6pq?cP59E#`w$@>Tt1NYgE4oEQWRsujA>Z*Ufkh$69;qT!3i
zXir)Ll11<n(#ElN3puig5RRy*lLn!CKTnStqM08OdyMaJO0Swki_-?WKphtQ^b=(t
z=LlK($bEW(jX)Ai-M2@-pA)ki_CV^l5OT?<VF@ntiHF6LuuKY|ESwZ+!GJ?_g0q1v
zfhuu7e=i);D7Jz!aY`eBCc%^dYD3<1i4z<mP11ebn6k8gc@>j1XeU;W7#tV~iXJL!
z602I?zf=teHEm^69n={(JM30@_OhLC?_4%pvf1qxmB~t?ait_mCN`gr>g_H5dsQ10
zF6Oj-z-s+~%?VGk)u!I-Z@Jy3*~7Mbl1&P!Tp&!!(w3PsTb3#i!%V1Bn(OZ&3lU!m
z{O}6q--DR}r(#?jfwTeQ3kjV98@z@rVn`;4R3S&CA-;&h?!jwL)z_c8X7EK6l1UVH
zcW>?L+Io0vclXwAxDD#M7jWl-)H|c$fz6vAXqZv?F8zX<@wQ!TZ36A;7(Y^%3|rav
zr6N2T^MpHuZ=h%J%+W81JpIBY$|D<$@dj`0Wvs5v)T<R@wI<#|s!KSXwa#8=8|2_7
z)@Gm0dhIjeC$C{nyY!05n`rG@w(DoRmi4tJe3~elJ<}?@CQ)zv%H2>y$r!@z95$TX
z&2E~kt4hvZy6YxcF?-x@m&*Y))dI&DSxKN|S}Zn)!{u_jp_}~|*AW_Hx6@-RW)n15
zuHC7s$qd^H=HB>u*Q=t%ThrOvm&|06eXX5QkICk%o;)ws!oPd*PA59za-kO<`gS<)
zoUCbSS=8Lc&i!|LeAyf6UnBS5pW0*oLet)-><<{1M&Yw+7Ul?RgyYb)TSdc!!KYFK
zQ=r*~D=SkBLQD{IsWdF3t#I`KCrGUfLVS?%rAnOV(^6D5a{9nxN-!J@x&xszq=FRW
z>awIj)^7gm(|$-M3bQIJOZy6`s0(&?v!}jo$zSije*4DCCB664sr56}lV5&+F<DjL
zwQ!N&FNIoX&F!!0UOvn2R08&%^{VK$OOSq)PWF&B(9}iuniN<@<~Aog-~Z)w3Z@lJ
zBtp>Ky!)@0wAFh}k|Z5Q=!i_*O<CK}-P9g-s}9v))7iFUdDGD3C3gQaK4;%Xef;*~
zyq2c9jVmI3^LjEdc#`{~>{clda*DRWUb~;UZB0EVL-9FTMOMu)ddag_%q!lmGSLKA
zg+*i9@+ECuVD%0dr;N2`_}fyjORvUS!>CondLqN*TS6=jJWqx$54xR72NN0;G_o{B
zMace!hL(V4Qz$}(A$bi{Pz3o~H!j;$(BTx=HXB3)P=#bGKRR^i#hyJ?)%h8I|BQU~
zSmV;}Sgd<#<5+Ernv8nFUig-6vsW(Z(311Tr^gjJ8P*@>M0*f{8G0PD0U~*H&3a;Z
zY(ZCGMy?BxYP*-M1|0q2#@QJKp*`M^O->ga(K)LIAp8n~MhEU+bVC|$Ma0x9*yQ$d
z8#U=J6+s240a=|}r4uS@C%F>|pXqEmiQ%XOm}JSm0VY+0R^>4w)d-PG^kuYDCNH7s
z9Iw5P4@jTgD@Mr(;PCKa8C7laI1IOk4(ZPg@fK9ger@;0=*45GDjh)y)@}CW8LFbg
zNn*^SbT;Y{U1Pi&0WRk;K(aEfSVP0tC(9fYRi&@tE<Sd+7ks+{W&(Bi!|)h3%U^O`
zDGvL`YT+=but3r|apQO52G_@>U}AE_$|FazUeKTAGGCBvC6y7a#5)=OyV*uuLR;lB
zlw-*HTo?26+bYunSa1vsVt_8gDGUgW*#r1qL2+gXVOc?S7&4S&G$JEFhFa9Yx8Zci
zgpD?sZx$?6y*?Y-9pIh@wgM9p8_}#7HbOV<T423Ew;{k_wZr=J=LuL}9~~(?h>AEm
zJZGqe#<d*$Gn9p$T+Pyb_VX4uDCCwcpzv-hpC5kf8Hj`iK9al~LM#XQL)XHO$F(CG
zFTC%xaU*vWq-U_;$)V&`&@9QohSmk+qA_5klhYLqB4?%mDI1XvWM__&>wF5e<B-Sd
zQpqfwmyoIWoAqIMfK7H!>EGS48G#r-?F-C^x%;Ypv6!!#ZSl{@)fjDSax?tBZShzv
z-lngDOJu}AV%!6?M#ve~JthZ%Y90d1?-|EvZw@xZ+%Xy+oVjaf1bo#))iwYN@R~qF
zzB=B<*qJug&T7L+j>*~}weKV3*8d5`Q^T~Jr(y=YLI9FXGnX=_QL&0V3##RXSkLL1
zX4vkGF#%rE;x|;_DUxM`MiHSpU3#7quThVE0)4kLfo6TOSSC;8GpdlJ(i`GA%<>uZ
z5@UJFKre4uCuoFD;DI%$5vvL`lgP`ops6&`Sp>2{P=>4tvlj!&g~3Q%2bt;#axt>w
ziOfVM@zC3^yuun0y`i5>%&e=MnGl;0r||?Fk>5{rbR^iikwoV0S^D?%6LoaCPMiS%
zmGw>bO*dj_Rtwh)Cxs8ACq5Ew$;ehLq-p7<v3kL7C1RswoxtU&1TIQ?Iuz|XItNds
zASz7-9|e+8Tve;6lr=jvpi4fmZhocUO+k?4{1}lN#JI`l>BYNW0w5)hFP7Y96?S=X
z0b=aD<8?jIY9Y0PODe5*o>(!DT%A-QCDT<c-LZvpZB|p2ZPnxVtf-b8c1ebiT?5Oj
z{sQd7X1IQo{zWmkGpj;svgd+ovzy^gl9{a8-A>uz5Se1i*u6o?ZkJ`NTMBta;cH(q
zTj7qdtB*Z{Dg00*JjsW%@s8p7r;Y&%L~}^vb3d{y*4<Jy5mbU9t6Ux2{;_q(kJ;gk
zby!clpDei#ag|h+<(ZFcTsB{|D|V~dw)*NNcj;D1HY?Qu)n>E6rxvQA0-NWxZ@$VN
zl$hPRZ70QM8hRx8QhmS~7*kjrGeRMb(_Q<?Y%p%b*y&I0GY9S84JYeE;@3inWU1l1
zefrztIUZd%zRzrd7Ii*cUms%6MUs7e(A3VAb+m`^j4A;rVvu<U3j~3Lm_1U~5w6+;
zJ)?#pcqq-{(nF?NZ>ir~>r`#b>8VXPN9-=<u&erKOrs|K0$inCZofZ~bm-&yx7|^<
zXkKTocD=^pj->t_v;Al5Ad#Edj0z1rEuDvTbRi-c28Hd2W<X>YO8`NNg;tSd4VZ&z
zNv9kl(5aSI4DsJA8PwproehfuXSzKU>`9Ub=?NNeEM3SJ4c#nADg=32iahi?>rccJ
z`D_vKQPSWk#p7elm&!z{T3kW9J?Ltwieyq$=TT14vNnhT1uXuf=C?6NmDj?|=1_Ai
z1=ReRFCtp~rhwfdr((?^vZH^I_3F>{O-zVA6BB*<bF5b!mt8HPFah;@!m(J`<EICP
zLoF^j85xNrCrGoM;Klo(0eC|pzZL|<bi66(Wz1{}H`k_Ri#@3MLt*o`MgY8TWRm_p
zDxC!NtAk9l8WN2_7G#Hr7kAStg%+1eyAcLnF`Cz<yi?}4B<Jj0j3KP5$Tb+}8Z3O{
zZVhAzA|3H)b|%%os5|7yCfW+NfuTjVLTh7wERaZ5YtEP#v6_KII-)t^UMStKJM9l1
zBBD)fFYJ9#Rx0-__r@JsB%KJP#EJTzxT$5{qMSwlgMGzNZ|~3wI~3XlP2QMOt4^Vb
zUOidd_6={n{XrtCJPzG)=t0G%exrQbUsie%PGJa$IdEBT6;2?DfN^SMz2>~HESaHP
z%oEki7oZt{1t1;+1Pv58pDVUXvq8C1M5jns$QoZ!CPCt^$uDdm8MJFfC&dX3fd+(F
zSDN0nc4kXeXTwmufkK?4PHRYZnmc#a4aIkMnVd?<D!!PT6`QeSc3NpFo(5-doF+3X
zFZG6+XU5W<c)hBYnY9g_v0{^wp1ov7Y*wy)dy~nOX=%xrOikPA)eJdp1Z&m_`%OYf
z!{SC60CB9Aps_5F36j!);0XD9N8L0_FEN_3(O2rdBxZ?1qj)^jv^b`69gm4qxh-?b
z2FQMrjEoT;j{%>@*cdPHs)@0oN%Nt;zieQ1gPN7;8^yCmpal-$4Khe=p<w&66T+}g
zQ$`DsqjE5lG8xp#b7c~h2vEwJ5d}&)L73`@W*W$rp3DxIG&Uk49YoU~M}WjyPegBo
zZ}pOx%!*6m^Ow00DjtcKDCkwxzpuK?dNcVp*ehn2%4WbJi+IT2>X2?A>YSffNm9`_
zRH8R4HSB~w@{YR4D>aj`aU-DfaoA(J$)o3u1063D1pGw#i$TP4!U4n5NJKG6U>cN<
ztm;^*Sm!Vck{vCV`X1-|kPJ%SH{^gs=9#^(zLrVopW6FOCV{J&*Yv-yX|Jhi@9wCn
z>8Ob$llf#)8e!A!;V>F;kN26que`<{Ph?8p+4~HM8S`FaCc3k_x}&?jripINCka0d
zzV*EHHE3D}O@dx82O$*@g#noc#Rk#ghh9b%h<TzA_e6&ZMcHZ4cuwdOc`U(ns)*O(
zj+FE?gx#9jdfo18<|RefkIiPT2=zhKRBcMCJ;U0rUOubd>}ipt1;cYYTFqXq31LJK
zLWh2?NwSCa-!M17eQ{bGnL=S{YpTs&)wyQpb=e<-j}C{E9tZTKK1EJBBl&?1TQ;x#
z=G+_lnManiCe-6^_-C5e+}bgBc!4OUmu$;#oW%6WaS%<?AHm=D2_MIt8aZ7s77|wl
zz8dFXSX^-LQPBY5tVWzN8t}mSY3B%XHRO1b<!Oyjq-Q1C(+DCX<0>(2`YeM(7hyaS
z+xmg_V3<i1X$@po5#}t4$@s#r-wTf{&b05eZ=9Pfmnrs#?g_Wf?w{TIj=Sb=Y?n0&
zjusKC3=!ZWVh<z$eMc38eTY9$IyQf6M{suhm}Eev6fo+DbgX@2-GWm)rs|9Jb2qge
zt8}{DU-?*kc55iq3IOl8(za=Cz5XvqE<-O=S(EjzT%m6=n}<s(dMqR7i~A`|rx0sv
zgTzybP&2dvt_hH;1mA_}R6h0lX0rKfucY$7d#O^&r(R3ua*K00aWNei!>?P$_Yr9v
zbS%w%ZHV42&mFLMdPHjy0yLlF1Q*$QN6TpuqnD6by#ZMf8On}e=ZFf6V?!0!^$@hv
zIc4MaSU5R^)CeychlU`{jiE1wU1u%g8bd-2decr+wc^y}^pqGJyq=H{cx<B=dOGzL
z;y6XR;N8UuigDCM9_h%<wX9JWM<+lPV6KH~ky((*h|o6l4b+54!aCS}@wX10cwFBg
zu2~0-1<~cYrDI_xvygnvM!&{kb0(gZgT0UQtLcKQ1a3u!0n&>=E6D0zK0|*ih5@*c
zE_eFF%s>JQ))Yk#UVH&mEF#UK<HZ-GS^75c)B*0HA3zEDU)r8MloQ7C<Te^48C@Qt
zAi5d2JcIlG5$cC5DKIl5%#Z1(&%=t~u@6&rj52_vADo=0lrzAhG_=*+_b^Bi0E6%*
zm>Z2I!;SDSOyS1}k8Ov82%H)TGhUd`h<<ZtI!sLz?~wNbaS||4B#;-%)poyzLEz-U
zuqeH=jKK*~l(RUl_j6%{G$X`|KvC5nZs-)Fq@}PBDu+57N^iigd#<5#2rmnAJ$Y<d
zvMd~4wxmTGp@w=L-2)+~vmr+E2&<)Y9qwN46K)t8C2<ExTd_Y)mD2sy-e}ZYJ!kU0
z#R;qs4gN^Mi#S?D=*Ru|J}JUQWqcT0w~p!SURk>qL&FK@h#15Agl5W}h>*UpD9ipq
z8hY^@%rycRETJZqb(p`DJ`b;00e69yz(~yX2dD!OhUH>_9K@8q*$Q)Up$NqjW1lIi
z(xa-|wD~I^XsebKo7>!beLB%-@#mIrJJ3CM^tvTpNq#na?D+6ic~c^tSt9oy{@9vm
zO_Kc`EcVrHANa~<lgB2Dz9sqA>xU0ryKZ)jv8I*#dQI*xr|Zr6tA>vs%l0R0qH8{O
zxL00MUISy$zZb&Zv%**dd2m9K)<^&+=?&Q#klFY*(GJwWSH@MGCJI9?t3Om{+(q}p
zv<Rg}f>NX4BYjdo35y{`x0lIEOoyou0qik@aEuaa$JjZXV*ZSlu@SV;eWRlzqoYh8
z9TofFb2BD5oEik0j7&nq9V3^X;WDcoExj>1I?AVyAIQ!SM${W9B!oBa`9n-U$7zn<
zgy5OLlr};pD?@d`8*z`{BV{_*OUR}_CvL%WdfQj7pY4t>Y9{k>Z=|IyVfHpu#oI)o
zlH)0E;Re*wBTzG8yAzui#oe>luWTn<b5(=aQrFfJX~P}@_>uadJ6XX8>Om)GAxd*C
zq|oaTsW};=5G(|y#VBY&=u?noK$ijvNM<>7A$!H*l^eixUb$@=U^Zt;e;J$9c)}Bt
z#c6ubzf4w6l}c}3p%USAWi4u|q15Y(IZcsNeE{f@3e=|}CTGkC6d3UvWvFpO<)SZ~
zyi#fWy()40wCfmRgYHwlpdA*B9AsNqzA8h2;4V;m(k_u(ASPH6em;bO5K{;$kdl(H
zI6>59Nq16li$eF-=HTi>*Y#13V7f2rDlA>t#3(<I-KIa{j5%@ec${ntia2=O`Y`4B
zvO#gI@47>)gDped#6|VzS<|AWMQ5}xO?idv=y{XryeaC|-{*;<KxGfR%^fX$c#IuC
ze_nrInZJ*fb5|&WzZHuWZhZPeB&82=l}5}hSQgk2dJGRg^i1yQFMpd6;KK9v;s1v$
zi{NmcLGC4%D?Q`^yZ3y*(O#cQ*!6G2d)|xaVwSNxo%W_bdXQuKy}6s<ur_bXZbCY$
zWmErI=3(9X+la<hlzxk4rvCOU#M1UFHiu3AxhIzdNUzuP$0mXRfDyC)9H3_GiB!G4
z@%!|+i*NRCvLFSPK!Rm$ntN7%oBihJG9W1ZxM3Fa%(MU^IkA|>oy?W#Eb;JGA%jt%
z93^rJAeN#`u__8l){ki<VV@`$W|1s3q>f6T1Zyqvbq!G*0yF{(uv~lfgT62kkq-jr
zK3;l6+#;SHA|f>e7GxB@aY(K6-$_*LPAYvPoIE{2OW4qbiPqFiTfsC#AgExnFk%Hk
z{2?Qd-a!V=lmu&MnqPAu0GC1wi`l3YL}>4naxqOuhV`JLBPXYdQeF2)SIMhCI@~k&
z)^#;KnVMwe*_QbhE1RP!iNLerwuH|Ss&y{h+m+uoGGCrQy1l^6`j5D_!Q-d?(jBfu
z-AtAuY>*ll`DRkOdv@QEkFH+#kpoeSslHenP8E@8y!vDM3xR5m_Rebfc|u!mJ4L`*
ze(UJ`84avvQUw`?u5E-m{rhCl)3+w;Fm_XR63RFu!HN>_4UZ|*2gs?DHL#scub~7y
z)WGP={i^)FN?k^pPg0Wp<=WMoR`=Gic#Pc>?Cyh=BoxpO69PsY4hLJxy{pvlOO*&8
zcB<NGuWs;S2^<cDAb0f646uckuo&dxmHyYUy1HHftz{nyR6)q;>kjG%fZ$<THEcB!
zS$TN3{*)2Nji8DL2$};>^#heIu!UyA8-p$l!XEE})}0h!j;t8tiMJBj(cB4lmi&F3
z9!;;5YEMJF44)wsJ$+i=#tUbNo1Qr%fi+%YNh!@0kM~`nu44Zj0q(lsyXY4dAnS1%
z{F0aSgy+Gz!Pbe*Lj;)o4wTOkC`ZJoOg78iOiM`j^k&@&c;_T!F(H4QdVJns_G8?g
zGC2J>R{A}ckw+Bxzs`q~iu|8__=&Cl3;X#iywWI4UnCU_QE<)ZdJ=p`V2(qO4&P@%
z?137tH?iaTN&1Mc)ureA`e@t@+khb()IuH>Dpb^<7qsmI5fvaCsAvLlQ$@r~NvF=5
zt3p*K-A9VP_(?7g>}O*LkT1P{mJOb5IXiS#{LxtxV&BmwXg^Ec0PR4NV5q9}t4f>c
z&kuqh#oqCJj33XQxcuQk0*r^BwFk}YE!cTW;}xKIFoo(*Js5=cE#&oG@?5TWN{=Ik
zt3|*-V6_GPq`L>WSA=2~kpBeP9*IL>E3@(b5K|E*MM_Q3+d&yX>6C`JeWGD7OiCZN
zSQxWde&sb;XPF}|#SyXm@Vq7Jx19f>)xsRMCF{ELzqW>J!j{+dU+NR4pf!<NK9BuN
z0%3lNY!Y9wgzN~sxBN$8){2#OC$n09{Jb>~wLbr2Ys4<QB9_?})%{z9qgeE35!Lkv
zldQN{r|xfWo8M&(@>ImKtd2EAz6mbWk*b2ofjUIjBD<ROHtcX?$nN@cz!&nYLV#zz
zMC~D;kra<Q@~oAsXp06ky%bj{9-kt}-ZdV-LZYL{jr$WL@gG`p+xv&Yxr6hXL8bnC
zq4@I-=E6hozikPq5%trU+i__-*6=laB%pK{xu<Ev4!~77*p*>vu0&37|1Qy5DcB=L
zk=l``bzD<P*NK8#A@&u*gY<fRos6I$3+-o99c4%-9!4%P2GA~>C(QyhghTmlixOI9
z&8~cS-E~I~?-)qyKOdlFFhIG^BV5xRg%lwQUDvlzV3-E5N^)ac*WQ)Q%`5kI(Yoqr
zW!TAswrao=nwIa_yJc=f%dgJbB7K_={&e6s)aEyQtBDaJ^CQ^hV`{Gczl|k-XK?uc
zZY;S$y9Pn84SzGIU6rT^(&UM2O!qavmq+>CUB`$S#Si=!Q}+F$FcUiCR#*`^Z<sQp
zf=hulP>jyybrnaMVQw|rNjxG0EwM_Go5_O-ASS`?Lq;J;qBZ31Fs?&nLj^liG3vvX
zKQ_J0Mu?-7ZT@2uKo-8F5lO&fF1&Wm9)K<U0_k&=_7h|JbCnz4=`7IeMhL~|u*`_A
zfFGD@VxD^qnGq)yI!->2Fu3<Dj0+b;jfgS$q=|acZyu_(1TQn3h-6}!mJ@Gmu>yG~
zm9F?cX16Wxo}UVuOu^Lr?&WQ>p+P^gaQ(Ukk0L4DN+zO#ZxWNFv@wL&z-~mZHGcmM
z8~WO7-Kr?6?%MXg4L96Bj=<D^8o#4E8tuB{C*%5Oc~S^vsM01X6k;Ot&;^5T>;e4@
za84N1()l!Z#ltpixZEIGPY=WtKk`c7E7s)Z%#xACi$@+DS)7R3UdwIFW;gDp1N$s4
z*V$qTevK^|S(4eDw3aWT1)&wkEgH9KM4imVxLrE=)1pqmlein7J5*tqH+~5($Q+|3
z;(QMk8e_H<#0L{S#HkPpgAR`v?YV3;!MQ2v9)6}r7pz;q@DZZ@)9)Y{toh2riDCZ9
z9bM6A_Z{OEdRv+MKXK;&ggO3`W^-~3ALDy&RKsIKIloA%%aPzfLqnE%4LKg<Y4jl;
zz#V5|RcJw2f3d2H9ks<gtUZx&*!}_nBYY;mVK?e8>USSR-e7xZVHLZ{>VRqWMNiE3
zLNcF9<&!X~-o)DVyUH@_h}4HX)dZ&q*aL+a1rj*m=S{?kgFuwPL$NOgyub(`K}Jr3
zS7UiZ(L3IpZ<RF7vHS4t*7+NdIysl8Z|Gm;XSZWAnXPOt@F&?1=kaR&HiLt|kDtw>
zJN^NN2C^ymlj7;dLIEi`-llw>I8?=y0JDI;?OiVsN*Xke_Q$J77TA8_&xB`%*N~l@
zWCMoZ1cO@HzJ>cqNGhMIfU<IFMcLKDTL5K|U1|7QrYfk#r7*InF;baYRouaMkC}E3
z+IY$JCo2xTvYW56flT>Se(%d{<9lEKfA{u_uU+m1m1u99>08yXjsJC%4VT{}^Lwz-
zAAF`VoIED>a%DL5?_c%+na!vS0eiXPY<<VxJ2Gpm_-mm^kb4(93hJ~$&h*a8?D!<C
z;}ux%zI|Zn2Ng)KTn>mTjGYP_Dsc1@lXd0ivysU@wUi-UHv5&+iTA#&Kl$F*C+%mo
z++S7CDYju1H^^`jVuxXc@ddnm=@Y|85GpPDOEYZ9;#5w*LB<HAY>K3_(-v~Dts;Gc
zQaNyZi*ws?m|EDsfyrS51}tQrcyosIY9!joNG?W0Fm}G*0;KwWIthE%lSH@&RwlsG
zzrBa&-<+np)5I+&--Y%<OJbiJctX6ne6N(OmHbXoX@ec6SIW0ZPN^2VhB+mFt*G=O
z-PzkFCiq#lm$_@DY_I686?>)h!?ax?OUpK7%9(BYkE|B0W?UooY_|RzP9#aQh>fK;
zRHI5vS*(co*Q`(QRFS{H7FTBMdaxfsV3hYQv%O%?2-1cM!59I>5e=vysn(xQKf!IP
z-g|is`xxbuJc_U&df-0&9~9%ktaC4f0}ZKLm6*kG=?r*&7&(dUJm)o~!fI5J;o#ze
z_D6P481<Dj9RA!i0~H54VJ=OHi-?XTUxs09q|hdALxl@yKN5TOpM8lWvoArn^tjE;
zqT5cNX6MGozwh<?z2>lwnX0Nx%ol#KF%7{)G{xfa7`CeAwv%+D^a*%Vf0ztUM3O&L
zM3d7ZmdsB5!o<1HvDoKc@fW*`ehYJlEs;eLSP#YFnftLH9?laRw`@!x`NWFhQkACt
zpy|ebHG`MQvE=!<q7+M}mOn*`y<)pd<kU-LQ~kud%dMBnr7+XHn~>T!U1G(%8M^QD
zunA*pwj}&b@VFPC!<Tm-BKJFwxTQtMtuxq{!GYk;R2}=-cU*CgTog6)GcekCer@wA
zTeMhA+oE`Fzea4B;~BFi7G+PJ^E;NRf4$9YuJ*iT4Qi)tbrFWE*4JHjyX$o;?q!iW
z+i5LmealmAHs8igp@vLJdRQ0NMaleG%do$M0wLJRya5NI4QM|>^b~OwUL!89P)rtk
z6hvr92@QGVPQ#g6ixxd13=&XN)1XrtqOXrJH@V?K0+?w2I^uL0P)9Y%cH4ja2eyK<
z$*S1)bp;^=7CUnvLsE=tGO-~Mc_PZIAE)$hmK;+MC8vzRLW5-TkH4xQ0Y;QwVj@#*
zzi;5N0Vcq+oY#LP(M}{3j3BBfP9W64g1k!RI<I0&D%HXoe$TggWhbA<b~SSBK^d`g
z%BwrEort*eRqSJDk{^tL2gzk$&$r9@a~(Xc{m+Ci3NH)4U`|XWBsO0RlG0@04D@jz
z;-sj6A;?N)@d4>zwA*W0q@XD-r`BWYky=l?`H<n%sHenVGVJi!!yak603o(9gtka=
z$P{So$H+qw<6;N8W2Ex)zz*1_c{~S+FYu9|PNLZ$h`=$4y}9=zIvXAB*|_o64I4r-
zMRwqwu}6!=irpiOoO@ZCU#DPa7mN~J#VJOaiVC)qu<Czr@oC*t6&BhAM(RdD1vQpT
zUU4Dlm|5;B1D7?Q-)ri^mVG7(&nYcfrCPApAEpUVO(u&)U4@64=oBYX8=aYv>q3nc
zep2oS^|JI)s~46f-Wj=@AUiSVDBz(4wcO(_?2LhK0S-O3ivzBDaPP##=;&U0@mn_{
z*ac5h%6(BpY=kqtFBkv0JS;{J-r1ec;HlKZ>BBZzfn5npFVM*GC!-@KnfJrwMF2Am
z3nF2R!K6OEbC~&v8?Q2bYG9S)LrBk*X+WLjkrik0-j-jvGB+}R9G{p99~ndJtQEHF
zJhXuxVDglIA_<d|mP9(Age+=_sE{TlDU~{)c+-*^MaFb6nZ`m*Dsi@T(gRT~ZpMzH
zXI-wk?gpp2L$v!twjYI~ayxT`+RRJk((5~ZxI?ytl1)wZRo(2#W%`S0k$qYpWuvTP
zGPZBYcgX%Ks;RDdb>d8$->FJzxhbswVyih2`i}LuI5S=PTYqzXl?jkMpLp@WxMR^h
zQ@$L^OEn^%W6%Z!((ECq^H?{sup|`l#UjE8;3>xz!T!VyIL0r{Q!ORVocRfRU9V%W
zm-^3~5zkTS(qvVj&M5008PQL2r?ue^I0L?1Ez}~K7J+P7w#J6USf55LG?K<BbgSq^
zD1nmp=4)v~;t!d;mWx01_~elHB{)>=JI{EkEEZQ#eppg3>Yw=AUu^q>{tWw(^dN|)
z{(=@uRZEQ*5Cdy+>^|j0TzkkRo;Q2%o=E9m`s(^SVWL13M8!Wb247nUJ?iCq;c`8W
zwvOe2*>S|^BVr_##tz6yq_&}pw6O%tH)LgmlNs?1z5t@<_+Aq3N^}p~BD*{;$mu*P
zzMu8=i<DCit}W`@PM&1fESo_d#y~dR)tqZu+{79eH|3grVGnB>XhOK^imooH84JZ+
z`e)USWK^^DzWWq27a!Cwz)<|w`9^H4%gn*HxV<LbzpOu910B(4|7E&Ar9aX(rwxC2
zKhCGr!_w2hUmrMVUCPDH3NAIlT>zxSvfqF4kAM84_z!d}Wj7ta?Mt`awq$}`kIf`M
zJn^H^r$_NeV|6*K3{s-WEawVj0oMp>lK<9#VnBR%ScZMX*kg5*a4#fOX!Km|14K@r
zNei5Yj+M>ZRa~d|svfmy*w8BMgGY8uV<&}^YsJSa>O)1vc*kz+q#bev2O-9fdEc?S
zMNZ$Ct8A(9gC}wWmuV4U?-MZd8p=vV6B&?*hm-nLsk!p0T>2aZw2EskS9(gHqu|%6
z`X>f*>n?Azj&6NtE$zfn!D-5icR})PhPR8a?dkDxnxAZ$oX5g}>&Et%SztS<G~mHW
zn#=O0&qlmg*@lNjP%-b6jZCoI4cn^B%N|{3uCfi&zK+Ao;1_z-9<(eS)|<F34+_iV
zX320~LA7~@qpMfnYBn!h28Yh+(#bQ+2<?|WM#l7t9UQt1sR(d>VM8i1>Q(5-qtMqD
zAf99p@5p`6hP^+9w{b|clModkUy+NN!ncZ)zzU;{iXA+0N?SoAk20u~15PwJsA1>f
z6aZrWX(I`ZwwZr3AU3W#_`bVFb}x)NySChP=Ulr}4%n7`<Y<3uQ)HmIJ<+h^*p7xo
zd-Fh~FBua_&bOLH{bnPAVo@XV;}Js9eV{cld~!I^dO(6gNb1~OeRrMQw>+hFY&`P*
zJ8#|I8?Z|Luv4_p*m3W&zMI?A-JaBu;e`u_kEA@^=|z8YHEoE24dgBA&k$ZwaMl>%
z6%(oYVsCG;K2=$#*gKl+orp_>1v(8IBi0Q0=K1(w!}kE*9gDw~s6Nqr5Vim|PT~H*
zpOklfm>>m{wtirLMalb?J^FoA!w&7C4SYyJeV7}mC{7Ii$<j#=+kKkmd{UL=8sHR8
z{vB-k6rZw5_#ozMdVESb`+>)&K&Nh_9Ax|gMInQ6-<_Z2G)={P)?)iL$}0x0Qc@Jm
z&xl{4t``f~#{hpdnBFwe11GXF^4Q`4vSA8(1O6!AAc){EyecIufKTI3yHd;xW{k(Y
zJk3n%jZn4btkUf2O*g4_ZPgrvgWRZ^nA?5nH4W<M)Wv0o5VDALjA6~}G;71fHU;O0
z%;rOyqER*Ekm=Rs=$YoN<>;A4%&w~(JoB<<mFC@{+2vw2!g}Y<1rv#M%69FJd6G?C
zv!-&jGlCdhx>{XSY~_ocbFeRg$vm3$^~v%afBh(gdy_J!^Ihx9bRPdR;52-wGl4&}
zRe{th)j6<R6f(gfY(uOuR2L(E4SF&7ppo1reZ1wa)eSufC6r&XY0IW1`H+(6X;^(%
z3$%M9rL6O-KmKZ`#5Y($VB+o5-Gg6Pu|HC^Xv3DPmv`0Hb}hep%Z5c&k^L*MQ!Bi3
z7|d<^_is~7vPhdauvg~Zkc$l6e%n%V4;u7fT<S-}%trj*4{#Kq3wn-}CU_oTG=|N%
zvdBRhr1CBj#{M=S2B<5$$SXd@>7*iExiu;wvW4=n%a#C;5Cp18fgsd9%EF_k6r`6(
zL6>Sac34~_0=q1cwkkEA%QtAuM4N5HOkvK<U)ncAi$waHXs6qMq>U$d#$D~6oA%UJ
zhDQp{Z|bP$l%>9-Y5q?yAtqn<+9%;k!H`3q2Gb<_!zOe9>+>`8&pVWKGmIp5)oiWl
zC^UPmsfbFBPV`1ic2%qC-X#k|HQm(h|C>fzW0G0P&6<@{%(VHA-L5pu_9l-WUbN`&
z(WH0w?xuy4kzM39s=&0{wSb-ArTRELOV}k_(#`NARq}8f;TfSARf<lg9bpAZ7)>JJ
zvhvXoC!Nmb6GiMBW5ljLrf;BVXZn10z40S8mY!U{Zr$VS*MD~H+KF}R)~<gX(i|dL
z;duEA=`R4e19{bpL1%UgHwzySJ}Nvad|vnpa02ul_zN|V^9IC0Vyn5CL^?o1KyX@_
zL|Q5^2iqBVr~BxN9k{>=5nT#$+C`o(ip|mrphmT{2@*CjAqG>V%&?ghLtp^arbB}I
zOXe3N*mT<C449Ps3A5pvhmK;;4Y58}H+1OMoA+<%4%ymQ?7H!5?YnkfJwO}Q%~`)K
z=bm%4wLQ<&Y|V<l@<-h@QDi!Xolc)G>hn3D`W=(|7rym}zshWTW%T$<Lmg*-_vV5*
z@^7A;xBG=zS&gw>LwCCOeqnXvgL|+2vl%O&+U>r5%TB=RelFn(1Y&`J%ivG;K+F@3
z2UT0O%TPS9r;~)B&!Z2madsbQ&#q{*hq^cHzxmcfL-Xsm`mhb(z|}i<4Xx;kO8J(K
z(fQ%4mp0AOH$?reuvPWfR(seMpL5*d_dCX&zOVi6Dd$bw_ioGl)gRuvPrK*M-<|Ck
z+Ozej^U2>V@UPyu?3(Zc*A8mz#ur|C(CPoPe|YY&wq@si;j5NxSUDPWjiZ}51hw*h
zeZWKgu~@(zv1`Fttw*gWTizO=g+U+2K+`<XIS4x@{}&2L^x0$poR2n~A@LLc_X3j$
z`vCTFMDAXplF&VUXXdl|r|hk{R=fVFJ=_uzpN+JH?M2yTDJ`-fUY%W|K>AnkrEfKC
zwkxMX(wJM^90-R4rB4O2En&vOE!jXXOaxB1CT_;Jsq`t${cmSDYsJxfa#G=|yvKR$
z=h2JU=B>hwpwE<(B!Xu$m^XpB25rWF(lKn86vcu)yNpZZsx6XLgOjf*4xD1CdfIIw
zihpbX*#Mz@ECr$nvJWu<(i2hsfQ0xX!+iOju45UZ6(&(s)%4Zv&g-@=r*qjPS(aRl
zeI)rs7<Mg-*7jCzVrfSR7{K=gJH223)xD~fNV&zX&PZSXf7VzcF7YhCPXf2SW*8fJ
z0K8_^wm(C)P@ELyrvYa@Q8SQ#kk^`{{vH^}U;~SoW=5{9pM?|bHmTW7GgI>??<w6o
zm3qV;xoWwG48*jjm@+WWB>Kb85(ui27gdQcKx4BQjbWF$3LhMT9L2Lul9IQ89keuw
zB$70OOoLvDHWZ`~Juk$PAfn$PZy>K+y6O-AX@=$3{If@7hv~f8VP^6l{<AU;Q<eXq
z?>)>OJj?E4PS|*1LDqG6au_qY+$Q~I{ny4jAS_hGHjk(`yW9bivC%iOi{dly)BpLY
zLFcUB3RaHb!oObip=+t@m2aMbLl$DLyBYTwElu~~Of;P`EUa`-`3D$fpc%FMpM0dV
z#{HG=>9C|{{%5eK!{X(>|7Cbrcy|%9G>zIjo_&S3e`*`)v;VvBuJl~>t1$WCL)YH(
z=bV7u4uFi`W*5b!;)lhH(hliSxlTT#G%I_R4`M%?QAEalL%V1?Y&vIp+gxRyW&XDL
z_m=NjE?T>-+pOQUHP}ws{$O8h|BC%Lj!ws|&Ybh0^PKZPT~XHp*D=?N?gj1-dG7Kq
z@}Bpt_M7}q1cX3;FdSSO{6JM>)zhI==mTL#_-ObKkryIwSLdontM!^=H6N~dDk?^g
zM!!*eYwhc?ZLufgi{sy@v((*Q_d-HQ>`i<;@pk>e`Ztn+<YOsIYF_Hoseet^r9U{M
zddA5{x$#)zn@zc<b1e-mA8L8AwW{^5)~8xuX*=2WAMGdGzt!<b$HmOIGJ4LIJD5-9
z4`Xy_U7ci$4OxP(8Vk2;^B`zGdM@GX<u$_~#Ta)Gt<Z4By%msfoY1_CvW#-FTvj0W
z<jQ3g^}Xe?1yOg)%VjI%qMHE$J}=Zng;V9Sh`mFfD3>MFKU*%#D1Wb9R`AsSD3?_s
z$}HuwMOe=o%4MsNV#oI%IJ|Rs|A7P7wd~n`VE^#yo!1_@e(RyjYA-uozw^-Wo&)=1
z9j)z`U0Jwu|IR~O5AWO&+jeto_~^Bn!-sdpb{#sfFSg*o{=+-3zy3h%;GqM1cWyu2
zy8H0qgWYXyyUO*g+YjtR48j5If3p+2vQX&&_9bW$_F#vC12`Xs4`C<vDma2{k*&g^
z|Dx@CLs}0=hX8R8ha7_p&<gGNz3*9wd-n7Dw(>si5MubBI5*=+d&pc1UE?r*cj0^&
zU>`u-SPa$(>N&m9_4qx2nuGk>Ues(yeJf;Ay6YfvG}`dH>$3K({N48fvnn*3=g@H6
zn|?TnT}1?Vb0h}N$W+)+O)!&Mn3dU>9lDQ`xnS5q*a-8%gB8Heh)7OjVHRQ4NEx6l
z9%3+pVp}*?kLVAiQm_U#1M9zuHM16IPP8vf2g`t+<yf8-Sdn$IF4hgPb{3DD?PYyz
z4(n%g**rF%Eno}TA~wJlvn6aPTgH~N6>KG2#a6R5Y%N>I*0T+4BiqETVpp?k*k-l`
z2_r*nE8E7lvmI<F+r_SByV)MLmtDuMXZzTGc7PpZH?Tu&m>p(E*im*PqH}I$$Jj0G
zR(2aZ&PHGgKfz8aM|O6#xAS8MKW6wb%a1vJ%=2S`AB+6h$&X$9xRoEb@#A)W+`*4K
z`EeH=J2?Cf4!?uL@8Iw|IQ$L{zk|c?;P5**{0<JkgTwFO@H;sC4i3MA!|&kmGaP<~
z!_RQ|84f?g;b%B}Y(0dYWH|f`ho9l_GaP<~!_RQ|84f?g;b%DfEQg=v@Ut9#mc!3-
z_*o7=%i(7^{49r`<?yo{ewM?}a`;&eKg;1~Is6=lpX2az9Da_&&vE!U4nN1?=Q#Wv
zho9r{a~yt-!_RT}ISxO^;paKzJcpd;kdb?bamaJXc@8<xA?G>dJcpd;kn<dJo<q)a
z$axMqZ$RcfFL3w;4!OV~7dYeshgsk-3mj&F!z^%^1rD>oVHP;d0*6-Q(2BgbMGmvb
zVHP>eBJXXHLoRa2MGm>hAs0F1B8Ob$FpIpOog7*xht|oVb#iE(99k!b)>-_209jmB
A<NyEw

delta 849
zcmZ8eT}YEr7=F)p&i8HKew=elar@H!xiqS8PNydREKzU}sTFB4bgR@MPUjDzQ7Ga?
z7vZQ=P!~ZIc~J`1M^HEY;e{0mk~c-Ri$F|-BI+h;>r4rx^YWhaKJR(n^FA+U{wrD!
zjspS!4NL$AThlSwTWbzZu*@v;(3xmB2KtS607%EYuDf@vD{y1*5CGQ<;JzN|44;)R
znAi)2>x^F(VF^`=bOIFF7<NUX!=sZ{7C})x+iv&vp9#MVzP`e6njeaWM~h>q0i6KY
z+sG2OzHqd2wDQ_Bh9j&=Ppp4v*y^(e0QRjg0at<G#O3)~wEyxqxuA+kPK%d-fQ_Am
z8N*-pr&4T(R4NAnQfAR3PWhwx$k9Mng!;@~O8KsFOue}+)L?x{=cHToX5JOL$394X
zj_0(&8KEa#o62gzCZbOcOwpF&^U7P_DpDR+#F28X(uL?;bt%;!n59n|KOB$aI1>QK
zEI92(v*2+1jCO~+w5-H#EG_e9?=srG*?3wqC6}c_DY<NtBomTZh-8z*f%*T`7LmR=
zGBVDwi2#q|4zNNAYhZT>yOB93d)vy3%gVQ`8kM@SDg!y(GGcAL`KY`GdGk24pu)9(
zCM^Zka?`;Er$sI1IvXmF$TjXe30|w$k&tMzh=Er`r`L)+PjH9Zl86tq`aSuXDvndx
zGV?wD)`57!;!bWPctZG)XfcU_MV{wHR>RY&<}u}c%Q~SCgc&8?c8)0FP!K6CkqIuC
z{ubtgOOHQy7^;4PmZYbFHBUF*dEz8aGOUKJVOhj#wwc7w5XWxQFYR0opfCCw>4QFJ
zF6Y^1rz`$BzRzO%0=dFZVFevUpE!xD<3_j{T!Bv$Kj|XV<U3!-U*s3~--1hM6P8p9
zYC&DEUKBmzFO6SwNi(DQt?klY)h_Asbf@%d8HY2L40(ng!w+M7mM*Ktba+dYtR!Q1
QIV^)rXNKC9d&6e*7k!e;4gdfE

diff --git a/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf b/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf
index d8c1a1b1cc0efdec71c1ff20fbdb9a9d635b3e4c..a8e534462167e3b640b259cb591f1b8c47a6430d 100644
GIT binary patch
literal 30640
zcmd_Td3;>ec|Uy5U1#4H&5Sgf(P(C5?V44RZAq3_dEXbnmb_vcykOY|3|O*5Sb~9&
zCL|<pV?$^HgwVuEfwYNb2u+jz(gXrzYd|SYTbvNGv}y7to~!r!oI4}Q#?bWBzMuDx
zSJK=$_uO-zd+s^UdG_Z>V1gi6gi%2fVk_3PWqN&^spd(1hPLn9dT_^I??RE;@Ok3e
z>u=um)FXfI76kEGLD>7|?wwnA<OcWry&&v6gGPnjsIc8@HsSmSIIrKm@9<6IJtztL
zF5>>*Tz_Eu*4<~8<Jy5=;auIf^`?XDV{E-39Q-{R#rALAxAUg%kBkYz4OMu?-h&5*
z4`02zy<ZT9Zx;l)S&(IweNa$v?QZc~xZ{4~oBdqKFg#Th6p5Z@{J1Iwe6QR!e}{1X
zf^gwZnb#Uef!=iLM?{hCr%!eH+M_t5R@H(m+=cI`;6jb#!tx6%E(~4RdSS<fofr09
z*ni=c3%6c4eqrRo=!H8cCIkUbT5(||u5ZKjUATS#*Kgz3PfSb%S>WeEA@I|{M4%MV
z0}tW&)4;{R7Xo(&{%~2J@W{)5n0k55|1Zz^6iOGR&j{VZHer|WAwlqFqN?8=cjtOk
zUh+BAM7*w5%~MS}j=CCFshiDE7xc&TESm|`ih)`d@CP-YgE>V9Yhrb&HnCOAr;E8>
zR_GOb*h$HxX^J8-@hK)Lil&+H%PY#KQc038tyv{~`m!4N;#HT`G)Wsv6HiF0q$(nl
zM8+gZRB$Gh>m-RW5f7z0@w=iVtEy&_OA{gkAXSwmakB0Qmw}eWhDw`PDt&ylQd7C>
z)yiwFc>nwLZ!%E?L{*Yh>X0Oh=nz%W)2SABp$bcvFiu)4trf89SWt`m<3Wvy!mMA2
zO6iZkn591{t)2CYb#KpNYs+oNqz?$4XzTZ>G`P9KOqOnC>6GSRnyUE%!9Xy|dRVcL
z38<(`q+6vPnv{GFHPShcW6bXL+V@=-U(>o}Q`6#bK@5d+8=E#?v#!n@@i24Yt^sA}
zGrK*DKk_$E&%41B@kq5}4v#0|-4<`Qc$4m#=@mn5SEpB{y;fIa%<K!BvjxVkIX(85
zHzzyiUV9^;<CTo}8j;>7^y0+l5Vf?LO1FwVVupGcC=`2)ZlmwO6ha;2eSl5qXALX%
zh*4P@>E8Q+rOLov1zBN=*=o1R3kF*^H*MU_SaqbZsd@7?YvR}KqZcyzc(7r|!Gn7?
z_QpkF$*JpRV$cg&*=Dy|6j|wanXKOQBSUSQ(ktpcW^Z$Rn>XSqkH?MIHsk}==0#hs
zC*ntQaz+{xB0_^8m{}{UQ#Eum%4RY*MmU)%<lWg!4@;%%jAfE)VrC|NL_ew6Y&Jzd
zsmUgn`AjmxdLqd)W|v8R&F<Bo_u7Y9hGoP88<7=7)=#Kjk5zvzoMbE+X1!LA*X6bA
z53@nLmv!jhp>9;hu~!IDPgG2JFN@Q(XX9xcGePvqr%Ffke=>)?<_o3!?H-R^yy1e`
z8#c3AMN!xV{SAvZY<bfg_P%KedoB7K)JecL-g8765rRUNW(m+|GyaSsOBkqy*^-QR
zjAshD6o`PTc`HMZOGzUbLj8C2Xl6bOG;vJWJ?so#R%Ep_E&4x|-%gJtz2XqHIE(hw
zIWusIUY8m%9lc9Nbg|qT_g3EhH2T+S;1Hh9Up&(z=32!>G6<ZhYs2*93cW!2fX~T5
znndZ7>4jUe`Xlswwk5T&P*YP_n9|$sws<4vF-4Y@F>}OgxtqO|-Lf#v&S$nPO5^c0
zg#}9&=4;s9G)QBFHE73h%iRD+b5R+un}me02t6`ZU@J3LAQq#lsptzZJIX5S%|Y}J
z*bQ8v2B4aOOkp;|5}nC1g<>Js$}|k3{XB*Z=rObTFi7O#7IWBRE}Z)4J%w&8z>l;X
zIexf#<}h!9hNzmEzh|kq<et3Q6E;h|9QQpln>*T?(c!Q;-^sf3Xz%rwe$d?3(L57(
zc<=~}$MDSj%&r{fi<voh7NpbCpx_m%gg(3x&90>Sg5D_0V!lD`Q&L>=##s@#)`OSA
zyJ3KRs*~OTtD0U;bAZ0*3esTdOYR!;)3W@uxyCIn4JVV~(wClmQe3Jp85p3U9~e-q
zSc({blw{e06Dna<o52nS-46Xl&7<irI^3zS*b`2bPU4BR`o{(ah%i~uR8h<{E#;fa
zfIt{fiTU9Y3*Ki8Yo(r6E=vGS>Kvj!K`87CRNg6xckm~2JtB*{<I><6n)wBVnlsd8
z@f?o&ouRgR--Nfmjono07te_kDO^Xh6mYaIoJxh+>yhNBuf8or4NKeD>v+DwM@OX7
zLRgqB%oWz52b`z@MS3R}RFq-#K<*S`j)WfRL>(Fw@ta4NsB1n>!<9soP$ZR3<;$<(
z1A!NZy!KJE)5Mf5^JqdxO|Ej81u*WPvTi)I(fTQOjfa_hE^o)CqsNbK>hQXJCZ_-6
zmn@lCnO}xIzVxEayMX#WPnZEK%r1|1A5g^X#JBfbPIqz9!cKRz&Y4)SeyI1zRqgFp
z9qAofzaZhPYpbrWzovQB=AE==(u=lac5YtPj8`v@{b!_?F!F7}CcJqj;CBV1Qdvq+
zay?S9;La6-m<pd3$2+B@LX?;m9|Ld(nJ*mR6<)eW7KLM<+b?ro&SeA$1&YP2L2Mun
zEbaf?u}#O9i1U^l_YkuNizSXPy1V<k-Qe=z^x(9b%W0QYf0bVa*VjzaOP@QYzcnCf
zW{asJf+#9U9|S=hV7_CYTX}rbPltzpy6JeSf%rAuhPHBbU0t=zi|COo$`;jXvssC=
zgD4pD{u1P;W+4v=>N?0zm|$R>LnWDslg+a16m-WkK`g68GCNJM!jKqE%LC*Fb$4%=
z*l<f(xIh=Ugp#e-zjvA3(agm5^wI)bJ8{_sS^s`Ad)fWBY$z;EcVM7CeanW@Q#5cS
zhm}PdxxUg|7LQK~Go|l_*b9YaD=KnN>15?O+4{=?h^sf;vSL|5pA`~8vCBBIR(b;T
zB`&0Z6Lk)TQ6b`zFOzb&l64n@?yNgrr{U#iGJjfQ&57;={=|mT4?LkNFMW@UjIPsL
z{DIKFu4`(P9#3@Fm7c8YPOPg+R*8?T(?7Fm6WgSVCiY`b)zi^vg;wj5E?B|c1n>ns
z82keyEm(&lNCAoo#+W`ap^Fm}V`EGo8<TW?g37)zUF3BFX-RmQL9FY9&@S`{iv{Re
z5U_HoI;SBUq*HaOuNJEr^gSwqJwb{|5tXT7aaz>gx>i)hG0URn1tE<>G6sW9PZdSI
zNKCrBWzWGqE#1U{ifx&~wiBmLY%65+m%H|?YA!wBylPJumBbz@^|>O|e#Khl@KukO
zi%xH~)KLVrG<V1A>f+sCvF2jOZFA4eKe0WZ-+p5LnYp(O(!H@5hnQ$0IDIHLG11|y
zvMT<Xu&dh3OVtq<>1y=upO+?tTF3}RVFlhi0gNVAhF9a?mr+;6Z}2$0F6VVwQVl?8
zH4;>uoaD7J5?u^-5|FkY3C4r^O*kBhx3<P57mlTQIAwQH-Nj!?F8X{$#m~=Ghs&WJ
zu?6GSt6o%`PN($wv?~~NrHx~2{NgWTt*tT19dBJR{lcIB`Ndy~sT2I}pA(=Xwpfrr
zsA_qBN5D5?LJqR^65-&L-?Ae4q`kS6_HM6<ddN}5Jjnte`-P|&)GE>~ujyf}l0$Bl
zNCd`^NWDW4J|G;1y+eldBOVW@7)ymqZ=jC#(1p@T@i=|-6A+r1#}=}gt$ik!!}QkD
zUXrOsAY+QkFjNlBYPVZe3l19SlxtRRS{kXPCbh;9U{6kaOmB>sNX$5nj)LWm4NXwh
z|1qhis*n<snaO!#7y4j!d$flXf-6ZTn+eK|#corpL+<Pxpa`^=OYmeaFy(6DT4DIg
zBZ(C_$&KH2AfZBnEfB8^P8F4@;<Van#Xl9D^e_72iI8TGda4pXKryWHqP~(>J8C?k
zI;wtWi~knJeZf=X&_ap0uP!uMdd(BH^SVUU6-pRJK9-M5uYhtzu<kf7b^AyIPl0HG
zNakrxW&K`g=qw-iOKTIEOro@rj!o;><Leqr8^y;;8>JDdt?%fl7avPx*5Rilv6uB0
zv0-!+&oI{ZBcN+d!24OkN<7IBQNf$APFqD_Xe%QDo3rVt+yk^_L2#>}mMR2`Q5N*K
zG9}+5K|o38iP?*yK-kkXKM-HCezr9rG0CJnr`l~6sV?G~J#@=mcO1PsXHG2LcTzuo
zkB$9bW{2$)z9nrtA7%^UGn<3K=9%$1M>n>&Z#*h}(&HGnd-7{nHd$w{PbmcBpd`wg
zI`fXZZW)^GiOjop<gVKft!dVOyE2wAn;Y|ce>|h9+jPc!>-*2Bb=kgoec3wojM}~R
z*zL!*c9(T2l6Rr)B&WucSTzZ@P?C$2Y7ZzmSBJQG0wLEQhxUvfm1HcYi07Lm$|`%l
zyPB5PX}mI&E3W(P{)zay-SZp`f_R*c`igHrZbefx@!F}Wef68XW_*petW%tpdIcZm
zS|ACW)<!Up%|Oqqh~VHeB&e49!%3gZ?x=FVPxNs4`VE`;9`T&ii&gzTZ%k922O*m3
z5S^bl-6-CMIX3jik4sC43nochA_bCYZy-}NzI__|l)pDH=JSd8S`+B?vm0>`eZFr6
zgWvLZ`^8{zQ!vQx4+ce?RbZY5ntDhlHB=mfpaWvS2R&Hi!!u6&=bP-`z>vgmq7Faf
z#GJm#-h>8N?i=yw6ZGcU+8V#x@2pA0+iLRe-WuY~cAE`<5Vi1Qv6#(f65Lc3+5@aR
z+@vB&Py=AffpCV)77MkcJLt~RZ~rH^OFAUL_X4kr|FiCi=;(XB9gzWJ{<7k4xD@kl
z^Y=MR#Qd1q95qMGo6Qjm>p&rDHnS?T`AKuwTx&KD;;hq*QrIkTtEcoY;=e-cYlSAe
zMYu`0508Sp;)9)|tWuMurWW=SWm>hN1VYtLc3`nr+H#`~HH}9l5Q;JYQWw!usnf{N
z11-!)mO&t04<qHBR83f|xZE^ZEB0x2i=ry}CoDCVhkz~?yThiOU`ws+UKLjq<H|OR
zuf{UKmMM1qE|bFoe9%8(tF=C)s7$pwoDTIkTWn?bYYr<aaLrn4+iGROTH6A)Sas-k
z+b#Op_d&t8nP7!^$O2o$PJlMsR5qg7Wc>?EfTWhK=CFnBloi=*6W^eY*cJT|i{(KD
zU9zZ(a-1!&vZ?w(OO2md7qSHa$rLN36h(j7YW=8!{#en&TiJXoQ!SPHA!{tatP9wD
zXc%VwnG>)FL5sD?4`QCS5Fvp|EbGrKCQHc>>IP+ASH_1Qi?2bZ7QBW5$XLk%tYft<
z-4p6qP{mxK1tI3DTF?>FkD(|o<HcWxs1n!pn?o=saoiF=FST)98Pi<LZAlQ(B*?3n
zG%~Bed<gR{J0WB3NfR1=CL~&EbV_Hhy(U8mg1V)lR%(OFgjODp2h9|iIC09)&`iVf
zG@GGvK)0*BhqQ*j2gn92`5?GymIA(j@Io@agWlmzbT_2`8bvyEurHySzf(tuIZ^sG
zUYFL1VVk)Vwj!6X6yW{PBORP|83sid>YzNA1y)~xj4wG@WVqTLRUnqDWJE3FDemoo
zO+$=*(5l+Q*3%{vXm@Psy@iGbvZQc&Z@;FsX&!8m8wOx93TGBIZQRnfwvLP$CPkI!
zKl|ke7Wl4vOdR{%dMzB#v?1AP8UyYB;>^N~)<whwP7@#T7MkXHE#}0`<(sx#y<)aE
z<uWzKV5_uXw&gk58Ml1ltA7q<x*`*t2Cw#mThGQD);VNi$YdM9bfFZLNx$%3YDR_d
zBnq>S?poevtLk3A@1|RB7@VKzJ^aw>+>Z7A4HjR=;%jzYJG82+7P`ilz4meREbK)`
zrB5d258iOgP5ah&SJ~Q@?>ahr^+ShyOHysus-bIlU9-5uXKCnPzazH*`U%-9ja%(w
zz{>Jmv;nW8u!4~E!tDSeOsJEHMPz_%bueF&iGc78VlgmHoG^Q|3hL<K_6F9-glkOK
zJi1i@63I+2x6vvMbl@OIII5A_G;Q+M$twmb0*Xd>IR%_hl4_V<xrZaEA%~4aUhoSY
z!T^oAs-+xKRD|}}LncTGJ`oZ6U6y1bC_B*g4BZX}v@7a5;^>Yin)AEXbeIy0w&mGi
zMK9AIt{9l?c1*y~!=JsSZtepcK1ycd^V}3UNb2FhV?-LH!9AO_>i#WzcPwuztB9qO
z+<IB4VXYlB85<txue;@mhqtmLh8>fPo<n4%1q6lkS!2DtA~k{s<OHDz6BPQM#d^qQ
zfd0WEBtS^o2~yd)!VU{2Y?X;R4KGRGAoOqbUDw-tU0-b8f^`dfXDw6w`3>3ZhJ5J<
z#<$ooV_rkUyczXTvFG~U{FXV6Cws3OxxRO4YkQ*Z$U-r<Vb8`adpx^w&xYKLd8_6%
zxNIRnY+lhZiSIALp5%Zvjr48EUyzJQ2qqc$5+xp&xH}5Q7E-*4w~!EpMIKdwT;wL9
zd)TXNBsVaS(@)$wkZoyUBP}hZjcg=4P_}JU+)%J+pYVpm-lmEXq+<JM!rkI$2D18z
z+`w&g<BAsj1P8=!9>_IbZVqWAAf&Nf27e$+{lF{XJq77GtZ5i5n6CrO6J1ZGr4(%0
zwaiN*Y0%5HL{0kYRZ1dQdN!C)u9Cg!M#mlZn`%?Fru*-3G^TvA_+h4R3q)&z?6g1a
zF}WUKeQux6t)G9uW%8yVvl;WfNSX&JvjvhMMkI&Hj*5_Pfx0AZ8YgL3-_Q@^I=?20
z_x|0@`|V!4teCV<9;yj7nq6jDj-EZV<s)^0M*sVs)s!{YKK10+@7weFl%m*tR$pWA
zhSQpb$rhJo_xqc!U9G6ko<z&K4{y2UsR}Ktg}&{CcGE<2d#QaEq6G~E%~_GAot%kf
zO;8-uPd0RRHn8J3njl@DBy?wxwEvQ9AgVP4bBJ`VGhOOWcXp=5bLq~D|IA$?=eYTN
zB}^NtuZBz;W&P)$rET0sG*>uEvoQIjB2XNd3%^;4!B$Ip5cm^}-Kli4l@&2N7&1%~
zSQn;<SZB~1P}5RcBL^G}A*34^0pNXuZ8r^?)&W~?E9hPj47&g`Fc?yhotZM-{L(=N
z7&5yszy4cWq{=JDBgJrB_Etq~`fvSy^@vjK{a{t2W>2n6+O-*>4|=PWBdV|c$OG0`
z#AcVgHd(&vudh<=R+GduiyDbpA2`CSk@O6kO$*p?$rjXX_J)Qqd(ly4Q~ATH`M}x8
zj-;24D$MG&Z4||gHZR1Rqn5@1d(jh?s^sdbtSo0k5xGhVd-V1|V+Z?ARkNl^zA6_B
zg+$l`V1_q=leSdp?MDYxs~im3rBFz+hk~+I9VqLyOT`=?@5B{HyO>MGrv_e}?TXa+
zRBM$JHZEi4!Y)=_`u5~3iqe(dW9p4)i5a+0c6mSdbHPAE=vDDF!i)v2MIpO0d67WY
z>tLpWjh2uS69#_>d1y-g-18zHhX|lw$928aB(;%Kat~<s9@1>s`3b^Dei$D|F#&R`
zoG$w~ls)VafH?H~_i)D&Er05u^iydWEGS_ihA{!E1QY(OrWgw#8xK|}A9O%>JT2Bf
z{dDiZxpM>h_fz?NiaD=hd#F%q6~C(=x|&(Pc(!NJrbW-^lA<q}+muV{^OHGoU+FFO
zH;^QZ=aJ7(7R)4j74s~}(*7(<7vWBG;;WE3$-Z}5Z(P#APNbjNZnrN#z1)^Kd74+=
z+Q3ex|9!hXVMDFGGPb0{nFK_$ungp{7(Ouby8^L-D<ujqvnKsj{VM%c*7WihOC`3e
zRFd>c4f`}}T3*sW&g&<~gY;n+dN)lYuJ~>enpuR^gJfQ5q$D{!hRep|Sf#(Lzbu|A
z^|Jv>m4yvRy_mB%$X6pq?cP59E#`w$@>Tt1NYgE4oEQWRsujA>Z*Ufkh$69;qT!3i
zXir)Ll11<n(#ElN3puig5RRy*lLn!CKTnStqM08OdyMaJO0Swki_-?WKphtQ^b=(t
z=LlK($bEW(jX)Ai-M2@-pA)ki_CV^l5OT?<VF@ntiHF6LuuKY|ESwZ+!GJ?_g0q1v
zfhuu7e=i);D7Jz!aY`eBCc%^dYD3<1i4z<mP11ebn6k8gc@>j1XeU;W7#tV~iXJL!
z602I?zf=teHEm^69n={(JM30@_OhLC?_4%pvf1qxmB~t?ait_mCN`gr>g_H5dsQ10
zF6Oj-z-s+~%?VGk)u!I-Z@Jy3*~7Mbl1&P!Tp&!!(w3PsTb3#i!%V1Bn(OZ&3lU!m
z{O}6q--DR}r(#?jfwTeQ3kjV98@z@rVn`;4R3S&CA-;&h?!jwL)z_c8X7EK6l1UVH
zcW>?L+Io0vclXwAxDD#M7jWl-)H|c$fz6vAXqZv?F8zX<@wQ!TZ36A;7(Y^%3|rav
zr6N2T^MpHuZ=h%J%+W81JpIBY$|D<$@dj`0Wvs5v)T<R@wI<#|s!KSXwa#8=8|2_7
z)@Gm0dhIjeC$C{nyY!05n`rG@w(DoRmi4tJe3~elJ<}?@CQ)zv%H2>y$r!@z95$TX
z&2E~kt4hvZy6YxcF?-x@m&*Y))dI&DSxKN|S}Zn)!{u_jp_}~|*AW_Hx6@-RW)n15
zuHC7s$qd^H=HB>u*Q=t%ThrOvm&|06eXX5QkICk%o;)ws!oPd*PA59za-kO<`gS<)
zoUCbSS=8Lc&i!|LeAyf6UnBS5pW0*oLet)-><<{1M&Yw+7Ul?RgyYb)TSdc!!KYFK
zQ=r*~D=SkBLQD{IsWdF3t#I`KCrGUfLVS?%rAnOV(^6D5a{9nxN-!J@x&xszq=FRW
z>awIj)^7gm(|$-M3bQIJOZy6`s0(&?v!}jo$zSije*4DCCB664sr56}lV5&+F<DjL
zwQ!N&FNIoX&F!!0UOvn2R08&%^{VK$OOSq)PWF&B(9}iuniN<@<~Aog-~Z)w3Z@lJ
zBtp>Ky!)@0wAFh}k|Z5Q=!i_*O<CK}-P9g-s}9v))7iFUdDGD3C3gQaK4;%Xef;*~
zyq2c9jVmI3^LjEdc#`{~>{clda*DRWUb~;UZB0EVL-9FTMOMu)ddag_%q!lmGSLKA
zg+*i9@+ECuVD%0dr;N2`_}fyjORvUS!>CondLqN*TS6=jJWqx$54xR72NN0;G_o{B
zMace!hL(V4Qz$}(A$bi{Pz3o~H!j;$(BTx=HXB3)P=#bGKRR^i#hyJ?)%h8I|BQU~
zSmV;}Sgd<#<5+Ernv8nFUig-6vsW(Z(311Tr^gjJ8P*@>M0*f{8G0PD0U~*H&3a;Z
zY(ZCGMy?BxYP*-M1|0q2#@QJKp*`M^O->ga(K)LIAp8n~MhEU+bVC|$Ma0x9*yQ$d
z8#U=J6+s240a=|}r4uS@C%F>|pXqEmiQ%XOm}JSm0VY+0R^>4w)d-PG^kuYDCNH7s
z9Iw5P4@jTgD@Mr(;PCKa8C7laI1IOk4(ZPg@fK9ger@;0=*45GDjh)y)@}CW8LFbg
zNn*^SbT;Y{U1Pi&0WRk;K(aEfSVP0tC(9fYRi&@tE<Sd+7ks+{W&(Bi!|)h3%U^O`
zDGvL`YT+=but3r|apQO52G_@>U}AE_$|FazUeKTAGGCBvC6y7a#5)=OyV*uuLR;lB
zlw-*HTo?26+bYunSa1vsVt_8gDGUgW*#r1qL2+gXVOc?S7&4S&G$JEFhFa9Yx8Zci
zgpD?sZx$?6y*?Y-9pIh@wgM9p8_}#7HbOV<T423Ew;{k_wZr=J=LuL}9~~(?h>AEm
zJZGqe#<d*$Gn9p$T+Pyb_VX4uDCCwcpzv-hpC5kf8Hj`iK9al~LM#XQL)XHO$F(CG
zFTC%xaU*vWq-U_;$)V&`&@9QohSmk+qA_5klhYLqB4?%mDI1XvWM__&>wF5e<B-Sd
zQpqfwmyoIWoAqIMfK7H!>EGS48G#r-?F-C^x%;Ypv6!!#ZSl{@)fjDSax?tBZShzv
z-lngDOJu}AV%!6?M#ve~JthZ%Y90d1?-|EvZw@xZ+%Xy+oVjaf1bo#))iwYN@R~qF
zzB=B<*qJug&T7L+j>*~}weKV3*8d5`Q^T~Jr(y=YLI9FXGnX=_QL&0V3##RXSkLL1
zX4vkGF#%rE;x|;_DUxM`MiHSpU3#7quThVE0)4kLfo6TOSSC;8GpdlJ(i`GA%<>uZ
z5@UJFKre4uCuoFD;DI%$5vvL`lgP`ops6&`Sp>2{P=>4tvlj!&g~3Q%2bt;#axt>w
ziOfVM@zC3^yuun0y`i5>%&e=MnGl;0r||?Fk>5{rbR^iikwoV0S^D?%6LoaCPMiS%
zmGw>bO*dj_Rtwh)Cxs8ACq5Ew$;ehLq-p7<v3kL7C1RswoxtU&1TIQ?Iuz|XItNds
zASz7-9|e+8Tve;6lr=jvpi4fmZhocUO+k?4{1}lN#JI`l>BYNW0w5)hFP7Y96?S=X
z0b=aD<8?jIY9Y0PODe5*o>(!DT%A-QCDT<c-LZvpZB|p2ZPnxVtf-b8c1ebiT?5Oj
z{sQd7X1IQo{zWmkGpj;svgd+ovzy^gl9{a8-A>uz5Se1i*u6o?ZkJ`NTMBta;cH(q
zTj7qdtB*Z{Dg00*JjsW%@s8p7r;Y&%L~}^vb3d{y*4<Jy5mbU9t6Ux2{;_q(kJ;gk
zby!clpDei#ag|h+<(ZFcTsB{|D|V~dw)*NNcj;D1HY?Qu)n>E6rxvQA0-NWxZ@$VN
zl$hPRZ70QM8hRx8QhmS~7*kjrGeRMb(_Q<?Y%p%b*y&I0GY9S84JYeE;@3inWU1l1
zefrztIUZd%zRzrd7Ii*cUms%6MUs7e(A3VAb+m`^j4A;rVvu<U3j~3Lm_1U~5w6+;
zJ)?#pcqq-{(nF?NZ>ir~>r`#b>8VXPN9-=<u&erKOrs|K0$inCZofZ~bm-&yx7|^<
zXkKTocD=^pj->t_v;Al5Ad#Edj0z1rEuDvTbRi-c28Hd2W<X>YO8`NNg;tSd4VZ&z
zNv9kl(5aSI4DsJA8PwproehfuXSzKU>`9Ub=?NNeEM3SJ4c#nADg=32iahi?>rccJ
z`D_vKQPSWk#p7elm&!z{T3kW9J?Ltwieyq$=TT14vNnhT1uXuf=C?6NmDj?|=1_Ai
z1=ReRFCtp~rhwfdr((?^vZH^I_3F>{O-zVA6BB*<bF5b!mt8HPFah;@!m(J`<EICP
zLoF^j85xNrCrGoM;Klo(0eC|pzZL|<bi66(Wz1{}H`k_Ri#@3MLt*o`MgY8TWRm_p
zDxC!NtAk9l8WN2_7G#Hr7kAStg%+1eyAcLnF`Cz<yi?}4B<Jj0j3KP5$Tb+}8Z3O{
zZVhAzA|3H)b|%%os5|7yCfW+NfuTjVLTh7wERaZ5YtEP#v6_KII-)t^UMStKJM9l1
zBBD)fFYJ9#Rx0-__r@JsB%KJP#EJTzxT$5{qMSwlgMGzNZ|~3wI~3XlP2QMOt4^Vb
zUOidd_6={n{XrtCJPzG)=t0G%exrQbUsie%PGJa$IdEBT6;2?DfN^SMz2>~HESaHP
z%oEki7oZt{1t1;+1Pv58pDVUXvq8C1M5jns$QoZ!CPCt^$uDdm8MJFfC&dX3fd+(F
zSDN0nc4kXeXTwmufkK?4PHRYZnmc#a4aIkMnVd?<D!!PT6`QeSc3NpFo(5-doF+3X
zFZG6+XU5W<c)hBYnY9g_v0{^wp1ov7Y*wy)dy~nOX=%xrOikPA)eJdp1Z&m_`%OYf
z!{SC60CB9Aps_5F36j!);0XD9N8L0_FEN_3(O2rdBxZ?1qj)^jv^b`69gm4qxh-?b
z2FQMrjEoT;j{%>@*cdPHs)@0oN%Nt;zieQ1gPN7;8^yCmpal-$4Khe=p<w&66T+}g
zQ$`DsqjE5lG8xp#b7c~h2vEwJ5d}&)L73`@W*W$rp3DxIG&Uk49YoU~M}WjyPegBo
zZ}pOx%!*6m^Ow00DjtcKDCkwxzpuK?dNcVp*ehn2%4WbJi+IT2>X2?A>YSffNm9`_
zRH8R4HSB~w@{YR4D>aj`aU-DfaoA(J$)o3u1063D1pGw#i$TP4!U4n5NJKG6U>cN<
ztm;^*Sm!Vck{vCV`X1-|kPJ%SH{^gs=9#^(zLrVopW6FOCV{J&*Yv-yX|Jhi@9wCn
z>8Ob$llf#)8e!A!;V>F;kN26que`<{Ph?8p+4~HM8S`FaCc3k_x}&?jripINCka0d
zzV*EHHE3D}O@dx82O$*@g#noc#Rk#ghh9b%h<TzA_e6&ZMcHZ4cuwdOc`U(ns)*O(
zj+FE?gx#9jdfo18<|RefkIiPT2=zhKRBcMCJ;U0rUOubd>}ipt1;cYYTFqXq31LJK
zLWh2?NwSCa-!M17eQ{bGnL=S{YpTs&)wyQpb=e<-j}C{E9tZTKK1EJBBl&?1TQ;x#
z=G+_lnManiCe-6^_-C5e+}bgBc!4OUmu$;#oW%6WaS%<?AHm=D2_MIt8aZ7s77|wl
zz8dFXSX^-LQPBY5tVWzN8t}mSY3B%XHRO1b<!Oyjq-Q1C(+DCX<0>(2`YeM(7hyaS
z+xmg_V3<i1X$@po5#}t4$@s#r-wTf{&b05eZ=9Pfmnrs#?g_Wf?w{TIj=Sb=Y?n0&
zjusKC3=!ZWVh<z$eMc38eTY9$IyQf6M{suhm}Eev6fo+DbgX@2-GWm)rs|9Jb2qge
zt8}{DU-?*kc55iq3IOl8(za=Cz5XvqE<-O=S(EjzT%m6=n}<s(dMqR7i~A`|rx0sv
zgTzybP&2dvt_hH;1mA_}R6h0lX0rKfucY$7d#O^&r(R3ua*K00aWNei!>?P$_Yr9v
zbS%w%ZHV42&mFLMdPHjy0yLlF1Q*$QN6TpuqnD6by#ZMf8On}e=ZFf6V?!0!^$@hv
zIc4MaSU5R^)CeychlU`{jiE1wU1u%g8bd-2decr+wc^y}^pqGJyq=H{cx<B=dOGzL
z;y6XR;N8UuigDCM9_h%<wX9JWM<+lPV6KH~ky((*h|o6l4b+54!aCS}@wX10cwFBg
zu2~0-1<~cYrDI_xvygnvM!&{kb0(gZgT0UQtLcKQ1a3u!0n&>=E6D0zK0|*ih5@*c
zE_eFF%s>JQ))Yk#UVH&mEF#UK<HZ-GS^75c)B*0HA3zEDU)r8MloQ7C<Te^48C@Qt
zAi5d2JcIlG5$cC5DKIl5%#Z1(&%=t~u@6&rj52_vADo=0lrzAhG_=*+_b^Bi0E6%*
zm>Z2I!;SDSOyS1}k8Ov82%H)TGhUd`h<<ZtI!sLz?~wNbaS||4B#;-%)poyzLEz-U
zuqeH=jKK*~l(RUl_j6%{G$X`|KvC5nZs-)Fq@}PBDu+57N^iigd#<5#2rmnAJ$Y<d
zvMd~4wxmTGp@w=L-2)+~vmr+E2&<)Y9qwN46K)t8C2<ExTd_Y)mD2sy-e}ZYJ!kU0
z#R;qs4gN^Mi#S?D=*Ru|J}JUQWqcT0w~p!SURk>qL&FK@h#15Agl5W}h>*UpD9ipq
z8hY^@%rycRETJZqb(p`DJ`b;00e69yz(~yX2dD!OhUH>_9K@8q*$Q)Up$NqjW1lIi
z(xa-|wD~I^XsebKo7>!beLB%-@#mIrJJ3CM^tvTpNq#na?D+6ic~c^tSt9oy{@9vm
zO_Kc`EcVrHANa~<lgB2Dz9sqA>xU0ryKZ)jv8I*#dQI*xr|Zr6tA>vs%l0R0qH8{O
zxL00MUISy$zZb&Zv%**dd2m9K)<^&+=?&Q#klFY*(GJwWSH@MGCJI9?t3Om{+(q}p
zv<Rg}f>NX4BYjdo35y{`x0lIEOoyou0qik@aEuaa$JjZXV*ZSlu@SV;eWRlzqoYh8
z9TofFb2BD5oEik0j7&nq9V3^X;WDcoExj>1I?AVyAIQ!SM${W9B!oBa`9n-U$7zn<
zgy5OLlr};pD?@d`8*z`{BV{_*OUR}_CvL%WdfQj7pY4t>Y9{k>Z=|IyVfHpu#oI)o
zlH)0E;Re*wBTzG8yAzui#oe>luWTn<b5(=aQrFfJX~P}@_>uadJ6XX8>Om)GAxd*C
zq|oaTsW};=5G(|y#VBY&=u?noK$ijvNM<>7A$!H*l^eixUb$@=U^Zt;e;J$9c)}Bt
z#c6ubzf4w6l}c}3p%USAWi4u|q15Y(IZcsNeE{f@3e=|}CTGkC6d3UvWvFpO<)SZ~
zyi#fWy()40wCfmRgYHwlpdA*B9AsNqzA8h2;4V;m(k_u(ASPH6em;bO5K{;$kdl(H
zI6>59Nq16li$eF-=HTi>*Y#13V7f2rDlA>t#3(<I-KIa{j5%@ec${ntia2=O`Y`4B
zvO#gI@47>)gDped#6|VzS<|AWMQ5}xO?idv=y{XryeaC|-{*;<KxGfR%^fX$c#IuC
ze_nrInZJ*fb5|&WzZHuWZhZPeB&82=l}5}hSQgk2dJGRg^i1yQFMpd6;KK9v;s1v$
zi{NmcLGC4%D?Q`^yZ3y*(O#cQ*!6G2d)|xaVwSNxo%W_bdXQuKy}6s<ur_bXZbCY$
zWmErI=3(9X+la<hlzxk4rvCOU#M1UFHiu3AxhIzdNUzuP$0mXRfDyC)9H3_GiB!G4
z@%!|+i*NRCvLFSPK!Rm$ntN7%oBihJG9W1ZxM3Fa%(MU^IkA|>oy?W#Eb;JGA%jt%
z93^rJAeN#`u__8l){ki<VV@`$W|1s3q>f6T1Zyqvbq!G*0yF{(uv~lfgT62kkq-jr
zK3;l6+#;SHA|f>e7GxB@aY(K6-$_*LPAYvPoIE{2OW4qbiPqFiTfsC#AgExnFk%Hk
z{2?Qd-a!V=lmu&MnqPAu0GC1wi`l3YL}>4naxqOuhV`JLBPXYdQeF2)SIMhCI@~k&
z)^#;KnVMwe*_QbhE1RP!iNLerwuH|Ss&y{h+m+uoGGCrQy1l^6`j5D_!Q-d?(jBfu
z-AtAuY>*ll`DRkOdv@QEkFH+#kpoeSslHenP8E@8y!vDM3xR5m_Rebfc|u!mJ4L`*
ze(UJ`84avvQUw`?u5E-m{rhCl)3+w;Fm_XR63RFu!HN>_4UZ|*2gs?DHL#scub~7y
z)WGP={i^)FN?k^pPg0Wp<=WMoR`=Gic#Pc>?Cyh=BoxpO69PsY4hLJxy{pvlOO*&8
zcB<NGuWs;S2^<cDAb0f646uckuo&dxmHyYUy1HHftz{nyR6)q;>kjG%fZ$<THEcB!
zS$TN3{*)2Nji8DL2$};>^#heIu!UyA8-p$l!XEE})}0h!j;t8tiMJBj(cB4lmi&F3
z9!;;5YEMJF44)wsJ$+i=#tUbNo1Qr%fi+%YNh!@0kM~`nu44Zj0q(lsyXY4dAnS1%
z{F0aSgy+Gz!Pbe*Lj;)o4wTOkC`ZJoOg78iOiM`j^k&@&c;_T!F(H4QdVJns_G8?g
zGC2J>R{A}ckw+Bxzs`q~iu|8__=&Cl3;X#iywWI4UnCU_QE<)ZdJ=p`V2(qO4&P@%
z?137tH?iaTN&1Mc)ureA`e@t@+khb()IuH>Dpb^<7qsmI5fvaCsAvLlQ$@r~NvF=5
zt3p*K-A9VP_(?7g>}O*LkT1P{mJOb5IXiS#{LxtxV&BmwXg^Ec0PR4NV5q9}t4f>c
z&kuqh#oqCJj33XQxcuQk0*r^BwFk}YE!cTW;}xKIFoo(*Js5=cE#&oG@?5TWN{=Ik
zt3|*-V6_GPq`L>WSA=2~kpBeP9*IL>E3@(b5K|E*MM_Q3+d&yX>6C`JeWGD7OiCZN
zSQxWde&sb;XPF}|#SyXm@Vq7Jx19f>)xsRMCF{ELzqW>J!j{+dU+NR4pf!<NK9BuN
z0%3lNY!Y9wgzN~sxBN$8){2#OC$n09{Jb>~wLbr2Ys4<QB9_?})%{z9qgeE35!Lkv
zldQN{r|xfWo8M&(@>ImKtd2EAz6mbWk*b2ofjUIjBD<ROHtcX?$nN@cz!&nYLV#zz
zMC~D;kra<Q@~oAsXp06ky%bj{9-kt}-ZdV-LZYL{jr$WL@gG`p+xv&Yxr6hXL8bnC
zq4@I-=E6hozikPq5%trU+i__-*6=laB%pK{xu<Ev4!~77*p*>vu0&37|1Qy5DcB=L
zk=l``bzD<P*NK8#A@&u*gY<fRos6I$3+-o99c4%-9!4%P2GA~>C(QyhghTmlixOI9
z&8~cS-E~I~?-)qyKOdlFFhIG^BV5xRg%lwQUDvlzV3-E5N^)ac*WQ)Q%`5kI(Yoqr
zW!TAswrao=nwIa_yJc=f%dgJbB7K_={&e6s)aEyQtBDaJ^CQ^hV`{Gczl|k-XK?uc
zZY;S$y9Pn84SzGIU6rT^(&UM2O!qavmq+>CUB`$S#Si=!Q}+F$FcUiCR#*`^Z<sQp
zf=hulP>jyybrnaMVQw|rNjxG0EwM_Go5_O-ASS`?Lq;J;qBZ31Fs?&nLj^liG3vvX
zKQ_J0Mu?-7ZT@2uKo-8F5lO&fF1&Wm9)K<U0_k&=_7h|JbCnz4=`7IeMhL~|u*`_A
zfFGD@VxD^qnGq)yI!->2Fu3<Dj0+b;jfgS$q=|acZyu_(1TQn3h-6}!mJ@Gmu>yG~
zm9F?cX16Wxo}UVuOu^Lr?&WQ>p+P^gaQ(Ukk0L4DN+zO#ZxWNFv@wL&z-~mZHGcmM
z8~WO7-Kr?6?%MXg4L96Bj=<D^8o#4E8tuB{C*%5Oc~S^vsM01X6k;Ot&;^5T>;e4@
za84N1()l!Z#ltpixZEIGPY=WtKk`c7E7s)Z%#xACi$@+DS)7R3UdwIFW;gDp1N$s4
z*V$qTevK^|S(4eDw3aWT1)&wkEgH9KM4imVxLrE=)1pqmlein7J5*tqH+~5($Q+|3
z;(QMk8e_H<#0L{S#HkPpgAR`v?YV3;!MQ2v9)6}r7pz;q@DZZ@)9)Y{toh2riDCZ9
z9bM6A_Z{OEdRv+MKXK;&ggO3`W^-~3ALDy&RKsIKIloA%%aPzfLqnE%4LKg<Y4jl;
zz#V5|RcJw2f3d2H9ks<gtUZx&*!}_nBYY;mVK?e8>USSR-e7xZVHLZ{>VRqWMNiE3
zLNcF9<&!X~-o)DVyUH@_h}4HX)dZ&q*aL+a1rj*m=S{?kgFuwPL$NOgyub(`K}Jr3
zS7UiZ(L3IpZ<RF7vHS4t*7+NdIysl8Z|Gm;XSZWAnXPOt@F&?1=kaR&HiLt|kDtw>
zJN^NN2C^ymlj7;dLIEi`-llw>I8?=y0JDI;?OiVsN*Xke_Q$J77TA8_&xB`%*N~l@
zWCMoZ1cO@HzJ>cqNGhMIfU<IFMcLKDTL5K|U1|7QrYfk#r7*InF;baYRouaMkC}E3
z+IY$JCo2xTvYW56flT>Se(%d{<9lEKfA{u_uU+m1m1u99>08yXjsJC%4VT{}^Lwz-
zAAF`VoIED>a%DL5?_c%+na!vS0eiXPY<<VxJ2Gpm_-mm^kb4(93hJ~$&h*a8?D!<C
z;}ux%zI|Zn2Ng)KTn>mTjGYP_Dsc1@lXd0ivysU@wUi-UHv5&+iTA#&Kl$F*C+%mo
z++S7CDYju1H^^`jVuxXc@ddnm=@Y|85GpPDOEYZ9;#5w*LB<HAY>K3_(-v~Dts;Gc
zQaNyZi*ws?m|EDsfyrS51}tQrcyosIY9!joNG?W0Fm}G*0;KwWIthE%lSH@&RwlsG
zzrBa&-<+np)5I+&--Y%<OJbiJctX6ne6N(OmHbXoX@ec6SIW0ZPN^2VhB+mFt*G=O
z-PzkFCiq#lm$_@DY_I686?>)h!?ax?OUpK7%9(BYkE|B0W?UooY_|RzP9#aQh>fK;
zRHI5vS*(co*Q`(QRFS{H7FTBMdaxfsV3hYQv%O%?2-1cM!59I>5e=vysn(xQKf!IP
z-g|is`xxbuJc_U&df-0&9~9%ktaC4f0}ZKLm6*kG=?r*&7&(dUJm)o~!fI5J;o#ze
z_D6P481<Dj9RA!i0~H54VJ=OHi-?XTUxs09q|hdALxl@yKN5TOpM8lWvoArn^tjE;
zqT5cNX6MGozwh<?z2>lwnX0Nx%ol#KF%7{)G{xfa7`CeAwv%+D^a*%Vf0ztUM3O&L
zM3d7ZmdsB5!o<1HvDoKc@fW*`ehYJlEs;eLSP#YFnftLH9?laRw`@!x`NWFhQkACt
zpy|ebHG`MQvE=!<q7+M}mOn*`y<)pd<kU-LQ~kud%dMBnr7+XHn~>T!U1G(%8M^QD
zunA*pwj}&b@VFPC!<Tm-BKJFwxTQtMtuxq{!GYk;R2}=-cU*CgTog6)GcekCer@wA
zTeMhA+oE`Fzea4B;~BFi7G+PJ^E;NRf4$9YuJ*iT4Qi)tbrFWE*4JHjyX$o;?q!iW
z+i5LmealmAHs8igp@vLJdRQ0NMaleG%do$M0wLJRya5NI4QM|>^b~OwUL!89P)rtk
z6hvr92@QGVPQ#g6ixxd13=&XN)1XrtqOXrJH@V?K0+?w2I^uL0P)9Y%cH4ja2eyK<
z$*S1)bp;^=7CUnvLsE=tGO-~Mc_PZIAE)$hmK;+MC8vzRLW5-TkH4xQ0Y;QwVj@#*
zzi;5N0Vcq+oY#LP(M}{3j3BBfP9W64g1k!RI<I0&D%HXoe$TggWhbA<b~SSBK^d`g
z%BwrEort*eRqSJDk{^tL2gzk$&$r9@a~(Xc{m+Ci3NH)4U`|XWBsO0RlG0@04D@jz
z;-sj6A;?N)@d4>zwA*W0q@XD-r`BWYky=l?`H<n%sHenVGVJi!!yak603o(9gtka=
z$P{So$H+qw<6;N8W2Ex)zz*1_c{~S+FYu9|PNLZ$h`=$4y}9=zIvXAB*|_o64I4r-
zMRwqwu}6!=irpiOoO@ZCU#DPa7mN~J#VJOaiVC)qu<Czr@oC*t6&BhAM(RdD1vQpT
zUU4Dlm|5;B1D7?Q-)ri^mVG7(&nYcfrCPApAEpUVO(u&)U4@64=oBYX8=aYv>q3nc
zep2oS^|JI)s~46f-Wj=@AUiSVDBz(4wcO(_?2LhK0S-O3ivzBDaPP##=;&U0@mn_{
z*ac5h%6(BpY=kqtFBkv0JS;{J-r1ec;HlKZ>BBZzfn5npFVM*GC!-@KnfJrwMF2Am
z3nF2R!K6OEbC~&v8?Q2bYG9S)LrBk*X+WLjkrik0-j-jvGB+}R9G{p99~ndJtQEHF
zJhXuxVDglIA_<d|mP9(Age+=_sE{TlDU~{)c+-*^MaFb6nZ`m*Dsi@T(gRT~ZpMzH
zXI-wk?gpp2L$v!twjYI~ayxT`+RRJk((5~ZxI?ytl1)wZRo(2#W%`S0k$qYpWuvTP
zGPZBYcgX%Ks;RDdb>d8$->FJzxhbswVyih2`i}LuI5S=PTYqzXl?jkMpLp@WxMR^h
zQ@$L^OEn^%W6%Z!((ECq^H?{sup|`l#UjE8;3>xz!T!VyIL0r{Q!ORVocRfRU9V%W
zm-^3~5zkTS(qvVj&M5008PQL2r?ue^I0L?1Ez}~K7J+P7w#J6USf55LG?K<BbgSq^
zD1nmp=4)v~;t!d;mWx01_~elHB{)>=JI{EkEEZQ#eppg3>Yw=AUu^q>{tWw(^dN|)
z{(=@uRZEQ*5Cdy+>^|j0TzkkRo;Q2%o=E9m`s(^SVWL13M8!Wb247nUJ?iCq;c`8W
zwvOe2*>S|^BVr_##tz6yq_&}pw6O%tH)LgmlNs?1z5t@<_+Aq3N^}p~BD*{;$mu*P
zzMu8=i<DCit}W`@PM&1fESo_d#y~dR)tqZu+{79eH|3grVGnB>XhOK^imooH84JZ+
z`e)USWK^^DzWWq27a!Cwz)<|w`9^H4%gn*HxV<LbzpOu910B(4|7E&Ar9aX(rwxC2
zKhCGr!_w2hUmrMVUCPDH3NAIlT>zxSvfqF4kAM84_z!d}Wj7ta?Mt`awq$}`kIf`M
zJn^H^r$_NeV|6*K3{s-WEawVj0oMp>lK<9#VnBR%ScZMX*kg5*a4#fOX!Km|14K@r
zNei5Yj+M>ZRa~d|svfmy*w8BMgGY8uV<&}^YsJSa>O)1vc*kz+q#bev2O-9fdEc?S
zMNZ$Ct8A(9gC}wWmuV4U?-MZd8p=vV6B&?*hm-nLsk!p0T>2aZw2EskS9(gHqu|%6
z`X>f*>n?Azj&6NtE$zfn!D-5icR})PhPR8a?dkDxnxAZ$oX5g}>&Et%SztS<G~mHW
zn#=O0&qlmg*@lNjP%-b6jZCoI4cn^B%N|{3uCfi&zK+Ao;1_z-9<(eS)|<F34+_iV
zX320~LA7~@qpMfnYBn!h28Yh+(#bQ+2<?|WM#l7t9UQt1sR(d>VM8i1>Q(5-qtMqD
zAf99p@5p`6hP^+9w{b|clModkUy+NN!ncZ)zzU;{iXA+0N?SoAk20u~15PwJsA1>f
z6aZrWX(I`ZwwZr3AU3W#_`bVFb}x)NySChP=Ulr}4%n7`<Y<3uQ)HmIJ<+h^*p7xo
zd-Fh~FBua_&bOLH{bnPAVo@XV;}Js9eV{cld~!I^dO(6gNb1~OeRrMQw>+hFY&`P*
zJ8#|I8?Z|Luv4_p*m3W&zMI?A-JaBu;e`u_kEA@^=|z8YHEoE24dgBA&k$ZwaMl>%
z6%(oYVsCG;K2=$#*gKl+orp_>1v(8IBi0Q0=K1(w!}kE*9gDw~s6Nqr5Vim|PT~H*
zpOklfm>>m{wtirLMalb?J^FoA!w&7C4SYyJeV7}mC{7Ii$<j#=+kKkmd{UL=8sHR8
z{vB-k6rZw5_#ozMdVESb`+>)&K&Nh_9Ax|gMInQ6-<_Z2G)={P)?)iL$}0x0Qc@Jm
z&xl{4t``f~#{hpdnBFwe11GXF^4Q`4vSA8(1O6!AAc){EyecIufKTI3yHd;xW{k(Y
zJk3n%jZn4btkUf2O*g4_ZPgrvgWRZ^nA?5nH4W<M)Wv0o5VDALjA6~}G;71fHU;O0
z%;rOyqER*Ekm=Rs=$YoN<>;A4%&w~(JoB<<mFC@{+2vw2!g}Y<1rv#M%69FJd6G?C
zv!-&jGlCdhx>{XSY~_ocbFeRg$vm3$^~v%afBh(gdy_J!^Ihx9bRPdR;52-wGl4&}
zRe{th)j6<R6f(gfY(uOuR2L(E4SF&7ppo1reZ1wa)eSufC6r&XY0IW1`H+(6X;^(%
z3$%M9rL6O-KmKZ`#5Y($VB+o5-Gg6Pu|HC^Xv3DPmv`0Hb}hep%Z5c&k^L*MQ!Bi3
z7|d<^_is~7vPhdauvg~Zkc$l6e%n%V4;u7fT<S-}%trj*4{#Kq3wn-}CU_oTG=|N%
zvdBRhr1CBj#{M=S2B<5$$SXd@>7*iExiu;wvW4=n%a#C;5Cp18fgsd9%EF_k6r`6(
zL6>Sac34~_0=q1cwkkEA%QtAuM4N5HOkvK<U)ncAi$waHXs6qMq>U$d#$D~6oA%UJ
zhDQp{Z|bP$l%>9-Y5q?yAtqn<+9%;k!H`3q2Gb<_!zOe9>+>`8&pVWKGmIp5)oiWl
zC^UPmsfbFBPV`1ic2%qC-X#k|HQm(h|C>fzW0G0P&6<@{%(VHA-L5pu_9l-WUbN`&
z(WH0w?xuy4kzM39s=&0{wSb-ArTRELOV}k_(#`NARq}8f;TfSARf<lg9bpAZ7)>JJ
zvhvXoC!Nmb6GiMBW5ljLrf;BVXZn10z40S8mY!U{Zr$VS*MD~H+KF}R)~<gX(i|dL
z;duEA=`R4e19{bpL1%UgHwzySJ}Nvad|vnpa02ul_zN|V^9IC0Vyn5CL^?o1KyX@_
zL|Q5^2iqBVr~BxN9k{>=5nT#$+C`o(ip|mrphmT{2@*CjAqG>V%&?ghLtp^arbB}I
zOXe3N*mT<C449Ps3A5pvhmK;;4Y58}H+1OMoA+<%4%ymQ?7H!5?YnkfJwO}Q%~`)K
z=bm%4wLQ<&Y|V<l@<-h@QDi!Xolc)G>hn3D`W=(|7rym}zshWTW%T$<Lmg*-_vV5*
z@^7A;xBG=zS&gw>LwCCOeqnXvgL|+2vl%O&+U>r5%TB=RelFn(1Y&`J%ivG;K+F@3
z2UT0O%TPS9r;~)B&!Z2madsbQ&#q{*hq^cHzxmcfL-Xsm`mhb(z|}i<4Xx;kO8J(K
z(fQ%4mp0AOH$?reuvPWfR(seMpL5*d_dCX&zOVi6Dd$bw_ioGl)gRuvPrK*M-<|Ck
z+Ozej^U2>V@UPyu?3(Zc*A8mz#ur|C(CPoPe|YY&wq@si;j5NxSUDPWjiZ}51hw*h
zeZWKgu~@(zv1`Fttw*gWTizO=g+U+2K+`<XIS4x@{}&2L^x0$poR2n~A@LLc_X3j$
z`vCTFMDAXplF&VUXXdl|r|hk{R=fVFJ=_uzpN+JH?M2yTDJ`-fUY%W|K>AnkrEfKC
zwkxMX(wJM^90-R4rB4O2En&vOE!jXXOaxB1CT_;Jsq`t${cmSDYsJxfa#G=|yvKR$
z=h2JU=B>hwpwE<(B!Xu$m^XpB25rWF(lKn86vcu)yNpZZsx6XLgOjf*4xD1CdfIIw
zihpbX*#Mz@ECr$nvJWu<(i2hsfQ0xX!+iOju45UZ6(&(s)%4Zv&g-@=r*qjPS(aRl
zeI)rs7<Mg-*7jCzVrfSR7{K=gJH223)xD~fNV&zX&PZSXf7VzcF7YhCPXf2SW*8fJ
z0K8_^wm(C)P@ELyrvYa@Q8SQ#kk^`{{vH^}U;~SoW=5{9pM?|bHmTW7GgI>??<w6o
zm3qV;xoWwG48*jjm@+WWB>Kb85(ui27gdQcKx4BQjbWF$3LhMT9L2Lul9IQ89keuw
zB$70OOoLvDHWZ`~Juk$PAfn$PZy>K+y6O-AX@=$3{If@7hv~f8VP^6l{<AU;Q<eXq
z?>)>OJj?E4PS|*1LDqG6au_qY+$Q~I{ny4jAS_hGHjk(`yW9bivC%iOi{dly)BpLY
zLFcUB3RaHb!oObip=+t@m2aMbLl$DLyBYTwElu~~Of;P`EUa`-`3D$fpc%FMpM0dV
z#{HG=>9C|{{%5eK!{X(>|7Cbrcy|%9G>zIjo_&S3e`*`)v;VvBuJl~>t1$WCL)YH(
z=bV7u4uFi`W*5b!;)lhH(hliSxlTT#G%I_R4`M%?QAEalL%V1?Y&vIp+gxRyW&XDL
z_m=NjE?T>-+pOQUHP}ws{$O8h|BC%Lj!ws|&Ybh0^PKZPT~XHp*D=?N?gj1-dG7Kq
z@}Bpt_M7}q1cX3;FdSSO{6JM>)zhI==mTL#_-ObKkryIwSLdontM!^=H6N~dDk?^g
zM!!*eYwhc?ZLufgi{sy@v((*Q_d-HQ>`i<;@pk>e`Ztn+<YOsIYF_Hoseet^r9U{M
zddA5{x$#)zn@zc<b1e-mA8L8AwW{^5)~8xuX*=2WAMGdGzt!<b$HmOIGJ4LIJD5-9
z4`Xy_U7ci$4OxP(8Vk2;^B`zGdM@GX<u$_~#Ta)Gt<Z4By%msfoY1_CvW#-FTvj0W
z<jQ3g^}Xe?1yOg)%VjI%qMHE$J}=Zng;V9Sh`mFfD3>MFKU*%#D1Wb9R`AsSD3?_s
z$}HuwMOe=o%4MsNV#oI%IJ|Rs|A7P7wd~n`VE^#yo!1_@e(RyjYA-uozw^-Wo&)=1
z9j)z`U0Jwu|IR~O5AWO&+jeto_~^Bn!-sdpb{#sfFSg*o{=+-3zy3h%;GqM1cWyu2
zy8H0qgWYXyyUO*g+YjtR48j5If3p+2vQX&&_9bW$_F#vC12`Xs4`C<vDma2{k*&g^
z|Dx@CLs}0=hX8R8ha7_p&<gGNz3*9wd-n7Dw(>si5MubBI5*=+d&pc1UE?r*cj0^&
zU>`u-SPa$(>N&m9_4qx2nuGk>Ues(yeJf;Ay6YfvG}`dH>$3K({N48fvnn*3=g@H6
zn|?TnT}1?Vb0h}N$W+)+O)!&Mn3dU>9lDQ`xnS5q*a-8%gB8Heh)7OjVHRQ4NEx6l
z9%3+pVp}*?kLVAiQm_U#1M9zuHM16IPP8vf2g`t+<yf8-Sdn$IF4hgPb{3DD?PYyz
z4(n%g**rF%Eno}TA~wJlvn6aPTgH~N6>KG2#a6R5Y%N>I*0T+4BiqETVpp?k*k-l`
z2_r*nE8E7lvmI<F+r_SByV)MLmtDuMXZzTGc7PpZH?Tu&m>p(E*im*PqH}I$$Jj0G
zR(2aZ&PHGgKfz8aM|O6#xAS8MKW6wb%a1vJ%=2S`AB+6h$&X$9xRoEb@#A)W+`*4K
z`EeH=J2?Cf4!?uL@8Iw|IQ$L{zk|c?;P5**{0<JkgTwFO@H;sC4i3MA!|&kmGaP<~
z!_RQ|84f?g;b%B}Y(0dYWH|f`ho9l_GaP<~!_RQ|84f?g;b%DfEQg=v@Ut9#mc!3-
z_*o7=%i(7^{49r`<?yo{ewM?}a`;&eKg;1~Is6=lpX2az9Da_&&vE!U4nN1?=Q#Wv
zho9r{a~yt-!_RT}ISxO^;paKzJcpd;kdb?bamaJXc@8<xA?G>dJcpd;kn<dJo<q)a
z$axMqZ$RcfFL3w;4!OV~7dYeshgsk-3mj&F!z^%^1rD>oVHP;d0*6-Q(2BgbMGmvb
zVHP>eBJXXHLoRa2MGm>hAs0F1B8Ob$FpIpOog7*xht|oVb#iE(99k!b)>-_209jmB
A<NyEw

delta 849
zcmZ8eT}YEr7=F)p&i8HKew=elar@H!xiqS8PNydREKzU}sTFB4bgR@MPUjDzQ7Ga?
z7vZQ=P!~ZIc~J`1M^HEY;e{0mk~c-Ri$F|-BI+h;>r4rx^YWhaKJR(n^FA+U{wrD!
zjspS!4NL$AThlSwTWbzZu*@v;(3xmB2KtS607%EYuDf@vD{y1*5CGQ<;JzN|44;)R
znAi)2>x^F(VF^`=bOIFF7<NUX!=sZ{7C})x+iv&vp9#MVzP`e6njeaWM~h>q0i6KY
z+sG2OzHqd2wDQ_Bh9j&=Ppp4v*y^(e0QRjg0at<G#O3)~wEyxqxuA+kPK%d-fQ_Am
z8N*-pr&4T(R4NAnQfAR3PWhwx$k9Mng!;@~O8KsFOue}+)L?x{=cHToX5JOL$394X
zj_0(&8KEa#o62gzCZbOcOwpF&^U7P_DpDR+#F28X(uL?;bt%;!n59n|KOB$aI1>QK
zEI92(v*2+1jCO~+w5-H#EG_e9?=srG*?3wqC6}c_DY<NtBomTZh-8z*f%*T`7LmR=
zGBVDwi2#q|4zNNAYhZT>yOB93d)vy3%gVQ`8kM@SDg!y(GGcAL`KY`GdGk24pu)9(
zCM^Zka?`;Er$sI1IvXmF$TjXe30|w$k&tMzh=Er`r`L)+PjH9Zl86tq`aSuXDvndx
zGV?wD)`57!;!bWPctZG)XfcU_MV{wHR>RY&<}u}c%Q~SCgc&8?c8)0FP!K6CkqIuC
z{ubtgOOHQy7^;4PmZYbFHBUF*dEz8aGOUKJVOhj#wwc7w5XWxQFYR0opfCCw>4QFJ
zF6Y^1rz`$BzRzO%0=dFZVFevUpE!xD<3_j{T!Bv$Kj|XV<U3!-U*s3~--1hM6P8p9
zYC&DEUKBmzFO6SwNi(DQt?klY)h_Asbf@%d8HY2L40(ng!w+M7mM*Ktba+dYtR!Q1
QIV^)rXNKC9d&6e*7k!e;4gdfE

diff --git a/apps/mobile/react-native.config.js b/apps/mobile/react-native.config.js
index ef1ec54f0..dd7538c12 100644
--- a/apps/mobile/react-native.config.js
+++ b/apps/mobile/react-native.config.js
@@ -18,7 +18,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 const isGithubRelease = false;
 const config = {
-  commands: require("@callstack/repack/commands/rspack")
+  // commands: require("@callstack/repack/commands/rspack")
 };
 
 if (!config.dependencies) config.dependencies = {};
diff --git a/package-lock.json b/package-lock.json
index e9595f268..021f6368a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2805,6 +2805,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
       "dependencies": {
         "eslint-visitor-keys": "^3.3.0"
       },
@@ -2819,6 +2820,7 @@
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
       "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
+      "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -2827,6 +2829,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz",
       "integrity": "sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==",
+      "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -2849,6 +2852,7 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -2863,12 +2867,14 @@
     "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
     },
     "node_modules/@eslint/js": {
       "version": "8.42.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz",
       "integrity": "sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==",
+      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -2877,6 +2883,7 @@
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
       "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+      "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
@@ -2890,6 +2897,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
       "engines": {
         "node": ">=12.22"
       },
@@ -2901,7 +2909,8 @@
     "node_modules/@humanwhocodes/object-schema": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA=="
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
@@ -3048,146 +3057,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@microsoft/api-extractor": {
-      "version": "7.47.9",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.47.9.tgz",
-      "integrity": "sha512-TTq30M1rikVsO5wZVToQT/dGyJY7UXJmjiRtkHPLb74Prx3Etw8+bX7Bv7iLuby6ysb7fuu1NFWqma+csym8Jw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@microsoft/api-extractor-model": "7.29.8",
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0",
-        "@rushstack/rig-package": "0.5.3",
-        "@rushstack/terminal": "0.14.2",
-        "@rushstack/ts-command-line": "4.22.8",
-        "lodash": "~4.17.15",
-        "minimatch": "~3.0.3",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4",
-        "source-map": "~0.6.1",
-        "typescript": "5.4.2"
-      },
-      "bin": {
-        "api-extractor": "bin/api-extractor"
-      }
-    },
-    "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.29.8",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.29.8.tgz",
-      "integrity": "sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
-      "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
-      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/@microsoft/api-extractor/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/@microsoft/tsdoc": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.0.tgz",
-      "integrity": "sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/@microsoft/tsdoc-config": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.0.tgz",
-      "integrity": "sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@microsoft/tsdoc": "0.15.0",
-        "ajv": "~8.12.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.2"
-      }
-    },
     "node_modules/@napi-rs/wasm-runtime": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.0.6.tgz",
@@ -3214,6 +3083,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -3226,6 +3096,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -3234,6 +3105,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -3835,201 +3707,6 @@
       "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==",
       "dev": true
     },
-    "node_modules/@rushstack/node-core-library": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.9.0.tgz",
-      "integrity": "sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "ajv": "~8.13.0",
-        "ajv-draft-04": "~1.0.0",
-        "ajv-formats": "~3.0.1",
-        "fs-extra": "~7.0.1",
-        "import-lazy": "~4.0.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4"
-      },
-      "peerDependencies": {
-        "@types/node": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/ajv": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
-      "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.4.1"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/fs-extra": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
-      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "graceful-fs": "^4.1.2",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=6 <7 || >=8"
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/jsonfile": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/@rushstack/node-core-library/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/@rushstack/rig-package": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
-      "integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "resolve": "~1.22.1",
-        "strip-json-comments": "~3.1.1"
-      }
-    },
-    "node_modules/@rushstack/terminal": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.2.tgz",
-      "integrity": "sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@rushstack/node-core-library": "5.9.0",
-        "supports-color": "~8.1.1"
-      },
-      "peerDependencies": {
-        "@types/node": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rushstack/terminal/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/@rushstack/ts-command-line": {
-      "version": "4.22.8",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.22.8.tgz",
-      "integrity": "sha512-XbFjOoV7qZHJnSuFUHv0pKaFA4ixyCuki+xMjsMfDwfvQjs5MYG0IK5COal3tRnG7KCDe2l/G+9LrzYE/RJhgg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@rushstack/terminal": "0.14.2",
-        "@types/argparse": "1.0.38",
-        "argparse": "~1.0.9",
-        "string-argv": "~0.3.1"
-      }
-    },
-    "node_modules/@rushstack/ts-command-line/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
     "node_modules/@tsconfig/node10": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
@@ -4065,14 +3742,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/argparse": {
-      "version": "1.0.38",
-      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
-      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -4748,6 +4417,7 @@
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -4760,6 +4430,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -4789,41 +4460,6 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/ajv-draft-04": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
-      "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "peerDependencies": {
-        "ajv": "^8.5.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
-      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -4848,6 +4484,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4912,7 +4549,8 @@
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
     },
     "node_modules/aria-query": {
       "version": "5.1.3",
@@ -5445,6 +5083,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -5860,6 +5499,7 @@
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -5947,7 +5587,8 @@
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
     },
     "node_modules/define-properties": {
       "version": "1.2.0",
@@ -5997,6 +5638,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -6299,6 +5941,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -6310,6 +5953,7 @@
       "version": "8.42.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz",
       "integrity": "sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==",
+      "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.4.0",
@@ -6840,6 +6484,7 @@
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
       "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -6851,6 +6496,7 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -6866,6 +6512,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
       "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
+      "dev": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -6880,12 +6527,14 @@
     "node_modules/eslint/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
     },
     "node_modules/espree": {
       "version": "9.5.2",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.2.tgz",
       "integrity": "sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==",
+      "dev": true,
       "dependencies": {
         "acorn": "^8.8.0",
         "acorn-jsx": "^5.3.2",
@@ -6902,6 +6551,7 @@
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
       "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
+      "dev": true,
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -6913,6 +6563,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -6924,6 +6575,7 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -6932,6 +6584,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6967,7 +6620,8 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
     },
     "node_modules/fast-glob": {
       "version": "3.3.0",
@@ -7000,12 +6654,14 @@
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
     },
     "node_modules/fast-url-parser": {
       "version": "1.1.3",
@@ -7020,6 +6676,7 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -7045,6 +6702,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -7067,6 +6725,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -7102,6 +6761,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
       "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
       "dependencies": {
         "flatted": "^3.1.0",
         "rimraf": "^3.0.2"
@@ -7113,7 +6773,8 @@
     "node_modules/flatted": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
+      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "dev": true
     },
     "node_modules/for-each": {
       "version": "0.3.3",
@@ -7375,6 +7036,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -7398,6 +7060,7 @@
       "version": "13.20.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
       "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -7470,7 +7133,8 @@
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
     },
     "node_modules/hard-rejection": {
       "version": "2.1.0",
@@ -7640,6 +7304,7 @@
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
       "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
       "engines": {
         "node": ">= 4"
       }
@@ -7648,6 +7313,7 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -7663,25 +7329,16 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
     },
-    "node_modules/import-lazy": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
       "engines": {
         "node": ">=0.8.19"
       }
@@ -7853,6 +7510,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7870,6 +7528,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -7934,6 +7593,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -8151,14 +7811,6 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
-    "node_modules/jju": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
-      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "node_modules/joycon": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/joycon/-/joycon-3.1.1.tgz",
@@ -8179,6 +7831,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -8214,7 +7867,8 @@
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
     },
     "node_modules/json5": {
       "version": "2.2.3",
@@ -8313,6 +7967,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -8561,6 +8216,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -8610,7 +8266,8 @@
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
     },
     "node_modules/lodash.mergewith": {
       "version": "4.6.2",
@@ -9019,7 +8676,8 @@
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
     },
     "node_modules/mz": {
       "version": "2.7.0",
@@ -9036,7 +8694,8 @@
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
     },
     "node_modules/natural-compare-lite": {
       "version": "1.4.0",
@@ -9243,6 +8902,7 @@
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
       "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -9267,6 +8927,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -9281,6 +8942,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -9311,6 +8973,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -9432,6 +9095,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -9521,7 +9185,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -9556,6 +9220,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -9623,6 +9288,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -9916,6 +9582,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -9930,6 +9597,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -10065,6 +9733,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -10336,14 +10005,6 @@
         "readable-stream": "^3.0.0"
       }
     },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "node_modules/stop-iteration-iterator": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
@@ -10385,17 +10046,6 @@
         }
       ]
     },
-    "node_modules/string-argv": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
-      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.6.19"
-      }
-    },
     "node_modules/string-natural-compare": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz",
@@ -10496,6 +10146,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -10542,6 +10193,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -10665,7 +10317,8 @@
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
     },
     "node_modules/thenify": {
       "version": "3.3.1",
@@ -11067,21 +10720,6 @@
         }
       }
     },
-    "node_modules/tsup/node_modules/yaml": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
-      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
-      "dev": true,
-      "license": "ISC",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14.6"
-      }
-    },
     "node_modules/tsutils": {
       "version": "3.21.0",
       "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
@@ -11107,6 +10745,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -11118,6 +10757,7 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -11277,6 +10917,7 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -11285,6 +10926,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
       "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -11467,6 +11109,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -11575,6 +11218,7 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -13423,6 +13067,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
       "requires": {
         "eslint-visitor-keys": "^3.3.0"
       }
@@ -13430,12 +13075,14 @@
     "@eslint-community/regexpp": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
-      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ=="
+      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
+      "dev": true
     },
     "@eslint/eslintrc": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz",
       "integrity": "sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==",
+      "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -13452,6 +13099,7 @@
           "version": "6.12.6",
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
           "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "fast-json-stable-stringify": "^2.0.0",
@@ -13462,19 +13110,22 @@
         "json-schema-traverse": {
           "version": "0.4.1",
           "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
         }
       }
     },
     "@eslint/js": {
       "version": "8.42.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz",
-      "integrity": "sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw=="
+      "integrity": "sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==",
+      "dev": true
     },
     "@humanwhocodes/config-array": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
       "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+      "dev": true,
       "requires": {
         "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
@@ -13484,12 +13135,14 @@
     "@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA=="
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true
     },
     "@humanwhocodes/object-schema": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA=="
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
     },
     "@isaacs/cliui": {
       "version": "8.0.2",
@@ -13588,123 +13241,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "@microsoft/api-extractor": {
-      "version": "7.47.9",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.47.9.tgz",
-      "integrity": "sha512-TTq30M1rikVsO5wZVToQT/dGyJY7UXJmjiRtkHPLb74Prx3Etw8+bX7Bv7iLuby6ysb7fuu1NFWqma+csym8Jw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "@microsoft/api-extractor-model": "7.29.8",
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0",
-        "@rushstack/rig-package": "0.5.3",
-        "@rushstack/terminal": "0.14.2",
-        "@rushstack/ts-command-line": "4.22.8",
-        "lodash": "~4.17.15",
-        "minimatch": "~3.0.3",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4",
-        "source-map": "~0.6.1",
-        "typescript": "5.4.2"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "minimatch": {
-          "version": "3.0.8",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
-          "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "brace-expansion": "^1.1.7"
-          }
-        },
-        "semver": {
-          "version": "7.5.4",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true,
-          "optional": true,
-          "peer": true
-        },
-        "typescript": {
-          "version": "5.4.2",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
-          "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
-          "dev": true,
-          "optional": true,
-          "peer": true
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "optional": true,
-          "peer": true
-        }
-      }
-    },
-    "@microsoft/api-extractor-model": {
-      "version": "7.29.8",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.29.8.tgz",
-      "integrity": "sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0"
-      }
-    },
-    "@microsoft/tsdoc": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.0.tgz",
-      "integrity": "sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "@microsoft/tsdoc-config": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.0.tgz",
-      "integrity": "sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "@microsoft/tsdoc": "0.15.0",
-        "ajv": "~8.12.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.2"
-      }
-    },
     "@napi-rs/wasm-runtime": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.0.6.tgz",
@@ -13730,6 +13266,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "requires": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -13738,12 +13275,14 @@
     "@nodelib/fs.stat": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true
     },
     "@nodelib/fs.walk": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "requires": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -14038,166 +13577,6 @@
       "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==",
       "dev": true
     },
-    "@rushstack/node-core-library": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.9.0.tgz",
-      "integrity": "sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "ajv": "~8.13.0",
-        "ajv-draft-04": "~1.0.0",
-        "ajv-formats": "~3.0.1",
-        "fs-extra": "~7.0.1",
-        "import-lazy": "~4.0.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "8.13.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
-          "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.3",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2",
-            "uri-js": "^4.4.1"
-          }
-        },
-        "fs-extra": {
-          "version": "7.0.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
-          "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "graceful-fs": "^4.1.2",
-            "jsonfile": "^4.0.0",
-            "universalify": "^0.1.0"
-          }
-        },
-        "jsonfile": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-          "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "graceful-fs": "^4.1.6"
-          }
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.5.4",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "universalify": {
-          "version": "0.1.2",
-          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-          "dev": true,
-          "optional": true,
-          "peer": true
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "optional": true,
-          "peer": true
-        }
-      }
-    },
-    "@rushstack/rig-package": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
-      "integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "resolve": "~1.22.1",
-        "strip-json-comments": "~3.1.1"
-      }
-    },
-    "@rushstack/terminal": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.2.tgz",
-      "integrity": "sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "@rushstack/node-core-library": "5.9.0",
-        "supports-color": "~8.1.1"
-      },
-      "dependencies": {
-        "supports-color": {
-          "version": "8.1.1",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
-    "@rushstack/ts-command-line": {
-      "version": "4.22.8",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.22.8.tgz",
-      "integrity": "sha512-XbFjOoV7qZHJnSuFUHv0pKaFA4ixyCuki+xMjsMfDwfvQjs5MYG0IK5COal3tRnG7KCDe2l/G+9LrzYE/RJhgg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "@rushstack/terminal": "0.14.2",
-        "@types/argparse": "1.0.38",
-        "argparse": "~1.0.9",
-        "string-argv": "~0.3.1"
-      },
-      "dependencies": {
-        "argparse": {
-          "version": "1.0.10",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-          "dev": true,
-          "optional": true,
-          "peer": true,
-          "requires": {
-            "sprintf-js": "~1.0.2"
-          }
-        }
-      }
-    },
     "@tsconfig/node10": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
@@ -14232,14 +13611,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "@types/argparse": {
-      "version": "1.0.38",
-      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
-      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -14645,13 +14016,14 @@
     "acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true
     },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "requires": {}
+      "dev": true
     },
     "acorn-walk": {
       "version": "8.2.0",
@@ -14671,26 +14043,6 @@
         "uri-js": "^4.2.2"
       }
     },
-    "ajv-draft-04": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
-      "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {}
-    },
-    "ajv-formats": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
-      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "requires": {
-        "ajv": "^8.0.0"
-      }
-    },
     "ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -14708,7 +14060,8 @@
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true
     },
     "ansi-styles": {
       "version": "4.3.0",
@@ -14745,7 +14098,8 @@
     "argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
     },
     "aria-query": {
       "version": "5.1.3",
@@ -15123,7 +14477,8 @@
     "callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true
     },
     "camelcase": {
       "version": "5.3.1",
@@ -15367,8 +14722,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-4.3.0.tgz",
       "integrity": "sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "create-require": {
       "version": "1.1.1",
@@ -15411,6 +14765,7 @@
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
       "requires": {
         "ms": "^2.1.3"
       }
@@ -15473,7 +14828,8 @@
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
     },
     "define-properties": {
       "version": "1.2.0",
@@ -15510,6 +14866,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
       "requires": {
         "esutils": "^2.0.2"
       }
@@ -15533,8 +14890,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/dts-resolver/-/dts-resolver-2.1.2.tgz",
       "integrity": "sha512-xeXHBQkn2ISSXxbJWD828PFjtyg+/UrMDo7W4Ffcs7+YWCquxU8YjV1KoxuiL+eJ5pg3ll+bC6flVv61L3LKZg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "dunder-proto": {
       "version": "1.0.1",
@@ -15734,12 +15090,14 @@
     "escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true
     },
     "eslint": {
       "version": "8.42.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz",
       "integrity": "sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==",
+      "dev": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.4.0",
@@ -15786,6 +15144,7 @@
           "version": "6.12.6",
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
           "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "fast-json-stable-stringify": "^2.0.0",
@@ -15797,6 +15156,7 @@
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
           "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
+          "dev": true,
           "requires": {
             "esrecurse": "^4.3.0",
             "estraverse": "^5.2.0"
@@ -15805,7 +15165,8 @@
         "json-schema-traverse": {
           "version": "0.4.1",
           "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
         }
       }
     },
@@ -15912,8 +15273,7 @@
     "eslint-plugin-header": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-header/-/eslint-plugin-header-3.1.1.tgz",
-      "integrity": "sha512-9vlKxuJ4qf793CmeeSrZUvVClw6amtpghq3CuWcB5cUNnWHQhgcqy5eF8oVKFk1G3Y/CbchGfEaw3wiIJaNmVg==",
-      "requires": {}
+      "integrity": "sha512-9vlKxuJ4qf793CmeeSrZUvVClw6amtpghq3CuWcB5cUNnWHQhgcqy5eF8oVKFk1G3Y/CbchGfEaw3wiIJaNmVg=="
     },
     "eslint-plugin-import": {
       "version": "2.27.5",
@@ -16077,8 +15437,7 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-plugin-react-native": {
       "version": "4.0.0",
@@ -16158,12 +15517,14 @@
     "eslint-visitor-keys": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
-      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA=="
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true
     },
     "espree": {
       "version": "9.5.2",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.2.tgz",
       "integrity": "sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==",
+      "dev": true,
       "requires": {
         "acorn": "^8.8.0",
         "acorn-jsx": "^5.3.2",
@@ -16174,6 +15535,7 @@
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
       "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
+      "dev": true,
       "requires": {
         "estraverse": "^5.1.0"
       }
@@ -16182,6 +15544,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
       "requires": {
         "estraverse": "^5.2.0"
       }
@@ -16189,12 +15552,14 @@
     "estraverse": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true
     },
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
     },
     "eventemitter3": {
       "version": "5.0.1",
@@ -16221,7 +15586,8 @@
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
     },
     "fast-glob": {
       "version": "3.3.0",
@@ -16250,12 +15616,14 @@
     "fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
     },
     "fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
     },
     "fast-url-parser": {
       "version": "1.1.3",
@@ -16270,6 +15638,7 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
       "requires": {
         "reusify": "^1.0.4"
       }
@@ -16277,13 +15646,13 @@
     "fdir": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "requires": {}
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="
     },
     "file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
       "requires": {
         "flat-cache": "^3.0.4"
       }
@@ -16300,6 +15669,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
       "requires": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -16328,6 +15698,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
       "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
       "requires": {
         "flatted": "^3.1.0",
         "rimraf": "^3.0.2"
@@ -16336,7 +15707,8 @@
     "flatted": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
+      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "dev": true
     },
     "for-each": {
       "version": "0.3.3",
@@ -16512,6 +15884,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "requires": {
         "is-glob": "^4.0.3"
       }
@@ -16529,6 +15902,7 @@
       "version": "13.20.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
       "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
       "requires": {
         "type-fest": "^0.20.2"
       }
@@ -16576,7 +15950,8 @@
     "graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
     },
     "hard-rejection": {
       "version": "2.1.0",
@@ -16690,12 +16065,14 @@
     "ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ=="
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true
     },
     "import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
       "requires": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -16704,22 +16081,16 @@
         "resolve-from": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true
         }
       }
     },
-    "import-lazy": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA=="
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true
     },
     "indent-string": {
       "version": "4.0.0",
@@ -16836,7 +16207,8 @@
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true
     },
     "is-fullwidth-code-point": {
       "version": "3.0.0",
@@ -16848,6 +16220,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
       }
@@ -16887,7 +16260,8 @@
     "is-path-inside": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ=="
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true
     },
     "is-plain-obj": {
       "version": "1.1.0",
@@ -17032,14 +16406,6 @@
       "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
       "dev": true
     },
-    "jju": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
-      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "joycon": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/joycon/-/joycon-3.1.1.tgz",
@@ -17056,6 +16422,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
       "requires": {
         "argparse": "^2.0.1"
       }
@@ -17081,7 +16448,8 @@
     "json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
     },
     "json5": {
       "version": "2.2.3",
@@ -17157,6 +16525,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
       "requires": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -17313,6 +16682,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
       "requires": {
         "p-locate": "^5.0.0"
       }
@@ -17356,7 +16726,8 @@
     "lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
     },
     "lodash.mergewith": {
       "version": "4.6.2",
@@ -17671,7 +17042,8 @@
     "ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
     },
     "mz": {
       "version": "2.7.0",
@@ -17687,7 +17059,8 @@
     "natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
     },
     "natural-compare-lite": {
       "version": "1.4.0",
@@ -17837,6 +17210,7 @@
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
       "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
       "requires": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -17855,6 +17229,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
       "requires": {
         "yocto-queue": "^0.1.0"
       }
@@ -17863,6 +17238,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
       "requires": {
         "p-limit": "^3.0.2"
       }
@@ -17883,6 +17259,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
       "requires": {
         "callsites": "^3.0.0"
       }
@@ -17968,7 +17345,8 @@
     "path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
     },
     "path-is-absolute": {
       "version": "1.0.1",
@@ -18038,7 +17416,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "devOptional": true
+      "dev": true
     },
     "pirates": {
       "version": "4.0.7",
@@ -18060,7 +17438,8 @@
     "prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
     },
     "prettier": {
       "version": "2.8.8",
@@ -18100,7 +17479,8 @@
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true
     },
     "quick-lru": {
       "version": "4.0.1",
@@ -18311,7 +17691,8 @@
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
     },
     "rfdc": {
       "version": "1.4.1",
@@ -18322,6 +17703,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
       "requires": {
         "glob": "^7.1.3"
       }
@@ -18404,6 +17786,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "requires": {
         "queue-microtask": "^1.2.2"
       }
@@ -18616,14 +17999,6 @@
         "readable-stream": "^3.0.0"
       }
     },
-    "sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "stop-iteration-iterator": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
@@ -18650,14 +18025,6 @@
         }
       }
     },
-    "string-argv": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
-      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
     "string-natural-compare": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz",
@@ -18744,6 +18111,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -18775,7 +18143,8 @@
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
     },
     "sucrase": {
       "version": "3.35.0",
@@ -18859,7 +18228,8 @@
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
     },
     "thenify": {
       "version": "3.3.1",
@@ -19099,14 +18469,6 @@
           "requires": {
             "lilconfig": "^3.1.1"
           }
-        },
-        "yaml": {
-          "version": "2.8.1",
-          "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
-          "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
-          "dev": true,
-          "optional": true,
-          "peer": true
         }
       }
     },
@@ -19131,6 +18493,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
       "requires": {
         "prelude-ls": "^1.2.1"
       }
@@ -19138,7 +18501,8 @@
     "type-fest": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true
     },
     "typed-array-length": {
       "version": "1.0.4",
@@ -19243,6 +18607,7 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
       "requires": {
         "punycode": "^2.1.0"
       },
@@ -19250,7 +18615,8 @@
         "punycode": {
           "version": "2.3.0",
           "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-          "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA=="
+          "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+          "dev": true
         }
       }
     },
@@ -19386,7 +18752,8 @@
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
+      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true
     },
     "wrap-ansi": {
       "version": "7.0.0",
@@ -19462,7 +18829,8 @@
     "yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
     }
   }
 }
diff --git a/packages/icons/svgs/arrow-clockwise.svg b/packages/icons/svgs/arrow-clockwise.svg
new file mode 100644
index 000000000..cffd12d34
--- /dev/null
+++ b/packages/icons/svgs/arrow-clockwise.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.9998 3.49993V6.49993C14.9998 6.63253 14.9472 6.75971 14.8534 6.85348C14.7596 6.94725 14.6325 6.99993 14.4998 6.99993H11.4998C11.3672 6.99993 11.2401 6.94725 11.1463 6.85348C11.0525 6.75971 10.9998 6.63253 10.9998 6.49993C10.9998 6.36732 11.0525 6.24014 11.1463 6.14637C11.2401 6.05261 11.3672 5.99993 11.4998 5.99993H13.2123L11.5505 4.47743L11.5348 4.46243C10.8399 3.76773 9.95564 3.29321 8.99256 3.09814C8.02949 2.90307 7.03029 2.9961 6.11978 3.36561C5.20927 3.73512 4.42782 4.36473 3.87305 5.17578C3.31829 5.98683 3.0148 6.94336 3.00051 7.92589C2.98621 8.90842 3.26174 9.87338 3.79268 10.7002C4.32361 11.5271 5.08641 12.1791 5.98578 12.575C6.88516 12.9708 7.88123 13.0929 8.84957 12.9259C9.81792 12.759 10.7156 12.3104 11.4305 11.6362C11.5269 11.545 11.6555 11.4959 11.7881 11.4996C11.9208 11.5032 12.0465 11.5595 12.1377 11.6559C12.2288 11.7523 12.278 11.8809 12.2743 12.0135C12.2706 12.1462 12.2144 12.2719 12.118 12.3631C11.0064 13.4173 9.53182 14.0034 7.99984 13.9999H7.91734C6.93468 13.9865 5.97036 13.7318 5.10915 13.2584C4.24794 12.785 3.51621 12.1073 2.97825 11.2848C2.4403 10.4624 2.11261 9.5204 2.02397 8.54165C1.93533 7.5629 2.08846 6.57736 2.46991 5.67165C2.85136 4.76594 3.44944 3.96779 4.21159 3.34736C4.97373 2.72693 5.87662 2.3032 6.84087 2.11342C7.80513 1.92365 8.80125 1.97363 9.74166 2.25898C10.6821 2.54433 11.538 3.05631 12.2342 3.74993L13.9998 5.36243V3.49993C13.9998 3.36732 14.0525 3.24014 14.1463 3.14637C14.2401 3.0526 14.3672 2.99993 14.4998 2.99993C14.6325 2.99993 14.7596 3.0526 14.8534 3.14637C14.9472 3.24014 14.9998 3.36732 14.9998 3.49993Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/arrow-counter-clockwise.svg b/packages/icons/svgs/arrow-counter-clockwise.svg
new file mode 100644
index 000000000..4bf89d25e
--- /dev/null
+++ b/packages/icons/svgs/arrow-counter-clockwise.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 8.00009C14.0001 9.57752 13.3791 11.0915 12.2712 12.2145C11.1634 13.3374 9.65791 13.9789 8.08062 14.0001H8C6.46765 14.0039 4.99268 13.4175 3.88125 12.3626C3.83352 12.3174 3.79515 12.2633 3.76833 12.2034C3.74152 12.1434 3.72677 12.0787 3.72494 12.0131C3.72311 11.9474 3.73424 11.882 3.75768 11.8206C3.78112 11.7593 3.81642 11.7031 3.86156 11.6554C3.9067 11.6077 3.9608 11.5693 4.02077 11.5425C4.08074 11.5157 4.14541 11.5009 4.21108 11.4991C4.27675 11.4973 4.34213 11.5084 4.4035 11.5318C4.46487 11.5553 4.52102 11.5906 4.56875 11.6357C5.28362 12.3099 6.1813 12.7585 7.14964 12.9255C8.11799 13.0924 9.11406 12.9704 10.0134 12.5745C10.9128 12.1787 11.6756 11.5266 12.2065 10.6998C12.7375 9.87291 13.013 8.90796 12.9987 7.92543C12.9844 6.9429 12.6809 5.98637 12.1262 5.17532C11.5714 4.36427 10.79 3.73466 9.87944 3.36515C8.96893 2.99564 7.96973 2.90261 7.00665 3.09768C6.04358 3.29275 5.15933 3.76727 4.46438 4.46196C4.45927 4.46749 4.45384 4.4727 4.44812 4.47759L2.78688 6.00009H4.5C4.63261 6.00009 4.75979 6.05277 4.85355 6.14654C4.94732 6.2403 5 6.36748 5 6.50009C5 6.6327 4.94732 6.75987 4.85355 6.85364C4.75979 6.94741 4.63261 7.00009 4.5 7.00009H1.5C1.36739 7.00009 1.24021 6.94741 1.14645 6.85364C1.05268 6.75987 1 6.6327 1 6.50009V3.50009C1 3.36748 1.05268 3.2403 1.14645 3.14654C1.24021 3.05277 1.36739 3.00009 1.5 3.00009C1.63261 3.00009 1.75979 3.05277 1.85355 3.14654C1.94732 3.2403 2 3.36748 2 3.50009V5.36259L3.76562 3.75009C4.60561 2.91336 5.67467 2.34426 6.83783 2.11461C8.001 1.88496 9.20612 2.00507 10.3011 2.45977C11.396 2.91447 12.3317 3.68338 12.9901 4.66943C13.6484 5.65548 13.9998 6.81447 14 8.00009Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/arrow-fat-up.svg b/packages/icons/svgs/arrow-fat-up.svg
new file mode 100644
index 000000000..eaebda7af
--- /dev/null
+++ b/packages/icons/svgs/arrow-fat-up.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ArrowFatUp">
+<path id="Vector" d="M14.3538 7.14625L8.35375 1.14625C8.30731 1.09976 8.25217 1.06288 8.19147 1.03772C8.13077 1.01256 8.06571 0.999607 8 0.999607C7.93429 0.999607 7.86923 1.01256 7.80853 1.03772C7.74783 1.06288 7.69269 1.09976 7.64625 1.14625L1.64625 7.14625C1.57624 7.21618 1.52856 7.3053 1.50924 7.40235C1.48991 7.49939 1.49981 7.59998 1.53769 7.6914C1.57556 7.78281 1.63971 7.86092 1.72201 7.91586C1.80431 7.9708 1.90105 8.00008 2 8H4.5V13C4.5 13.2652 4.60536 13.5196 4.79289 13.7071C4.98043 13.8946 5.23478 14 5.5 14H10.5C10.7652 14 11.0196 13.8946 11.2071 13.7071C11.3946 13.5196 11.5 13.2652 11.5 13V8H14C14.0989 8.00008 14.1957 7.9708 14.278 7.91586C14.3603 7.86092 14.4244 7.78281 14.4623 7.6914C14.5002 7.59998 14.5101 7.49939 14.4908 7.40235C14.4714 7.3053 14.4238 7.21618 14.3538 7.14625ZM11 7C10.8674 7 10.7402 7.05268 10.6464 7.14645C10.5527 7.24021 10.5 7.36739 10.5 7.5V13H5.5V7.5C5.5 7.36739 5.44732 7.24021 5.35355 7.14645C5.25979 7.05268 5.13261 7 5 7H3.20688L8 2.20688L12.7931 7H11Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/arrow-right.svg b/packages/icons/svgs/arrow-right.svg
new file mode 100644
index 000000000..ecc91889b
--- /dev/null
+++ b/packages/icons/svgs/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.65859 5.22127L5.84609 8.03377C5.78746 8.0924 5.70793 8.12535 5.625 8.12535C5.54207 8.12535 5.46254 8.0924 5.40391 8.03377C5.34527 7.97513 5.31233 7.8956 5.31233 7.81267C5.31233 7.72975 5.34527 7.65022 5.40391 7.59158L7.6832 5.31267H1.5625C1.47962 5.31267 1.40013 5.27975 1.34153 5.22114C1.28292 5.16254 1.25 5.08305 1.25 5.00017C1.25 4.91729 1.28292 4.83781 1.34153 4.7792C1.40013 4.7206 1.47962 4.68767 1.5625 4.68767H7.6832L5.40391 2.40877C5.34527 2.35013 5.31233 2.2706 5.31233 2.18767C5.31233 2.10475 5.34527 2.02522 5.40391 1.96658C5.46254 1.90794 5.54207 1.875 5.625 1.875C5.70793 1.875 5.78746 1.90794 5.84609 1.96658L8.65859 4.77908C8.68765 4.8081 8.7107 4.84257 8.72642 4.8805C8.74215 4.91844 8.75024 4.95911 8.75024 5.00017C8.75024 5.04124 8.74215 5.08191 8.72642 5.11984C8.7107 5.15778 8.68765 5.19224 8.65859 5.22127Z" fill="#008836"/>
+</svg>
diff --git a/packages/icons/svgs/arrow-square-out.svg b/packages/icons/svgs/arrow-square-out.svg
new file mode 100644
index 000000000..5e9bcad4d
--- /dev/null
+++ b/packages/icons/svgs/arrow-square-out.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 6.5C14 6.63261 13.9473 6.75979 13.8536 6.85355C13.7598 6.94732 13.6326 7 13.5 7C13.3674 7 13.2402 6.94732 13.1464 6.85355C13.0527 6.75979 13 6.63261 13 6.5V3.7075L8.85437 7.85375C8.76055 7.94757 8.63331 8.00028 8.50062 8.00028C8.36794 8.00028 8.2407 7.94757 8.14688 7.85375C8.05305 7.75993 8.00035 7.63268 8.00035 7.5C8.00035 7.36732 8.05305 7.24007 8.14688 7.14625L12.2925 3H9.5C9.36739 3 9.24021 2.94732 9.14645 2.85355C9.05268 2.75979 9 2.63261 9 2.5C9 2.36739 9.05268 2.24021 9.14645 2.14645C9.24021 2.05268 9.36739 2 9.5 2H13.5C13.6326 2 13.7598 2.05268 13.8536 2.14645C13.9473 2.24021 14 2.36739 14 2.5V6.5ZM11.5 8C11.3674 8 11.2402 8.05268 11.1464 8.14645C11.0527 8.24021 11 8.36739 11 8.5V13H3V5H7.5C7.63261 5 7.75979 4.94732 7.85355 4.85355C7.94732 4.75979 8 4.63261 8 4.5C8 4.36739 7.94732 4.24021 7.85355 4.14645C7.75979 4.05268 7.63261 4 7.5 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H11C11.2652 14 11.5196 13.8946 11.7071 13.7071C11.8946 13.5196 12 13.2652 12 13V8.5C12 8.36739 11.9473 8.24021 11.8536 8.14645C11.7598 8.05268 11.6326 8 11.5 8Z" fill="#666666"/>
+</svg>
diff --git a/packages/icons/svgs/arrow-u-up-left.svg b/packages/icons/svgs/arrow-u-up-left.svg
new file mode 100644
index 000000000..5dc9a6ada
--- /dev/null
+++ b/packages/icons/svgs/arrow-u-up-left.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ArrowUUpLeft">
+<path id="Vector" d="M14.5 9C14.4988 10.0605 14.077 11.0773 13.3271 11.8271C12.5773 12.577 11.5605 12.9988 10.5 13H5C4.86739 13 4.74022 12.9473 4.64645 12.8536C4.55268 12.7598 4.5 12.6326 4.5 12.5C4.5 12.3674 4.55268 12.2402 4.64645 12.1464C4.74022 12.0527 4.86739 12 5 12H10.5C11.2956 12 12.0587 11.6839 12.6213 11.1213C13.1839 10.5587 13.5 9.79565 13.5 9C13.5 8.20435 13.1839 7.44129 12.6213 6.87868C12.0587 6.31607 11.2956 6 10.5 6H3.20688L5.35375 8.14625C5.44757 8.24007 5.50028 8.36732 5.50028 8.5C5.50028 8.63268 5.44757 8.75993 5.35375 8.85375C5.25993 8.94757 5.13268 9.00028 5 9.00028C4.86732 9.00028 4.74007 8.94757 4.64625 8.85375L1.64625 5.85375C1.59976 5.80731 1.56288 5.75217 1.53772 5.69147C1.51256 5.63077 1.49961 5.56571 1.49961 5.5C1.49961 5.43429 1.51256 5.36923 1.53772 5.30853C1.56288 5.24783 1.59976 5.19269 1.64625 5.14625L4.64625 2.14625C4.74007 2.05243 4.86732 1.99972 5 1.99972C5.13268 1.99972 5.25993 2.05243 5.35375 2.14625C5.44757 2.24007 5.50028 2.36732 5.50028 2.5C5.50028 2.63268 5.44757 2.75993 5.35375 2.85375L3.20688 5H10.5C11.5605 5.00116 12.5773 5.42296 13.3271 6.17285C14.077 6.92275 14.4988 7.93949 14.5 9Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/arrows-clockwise.svg b/packages/icons/svgs/arrows-clockwise.svg
new file mode 100644
index 000000000..15e572ae2
--- /dev/null
+++ b/packages/icons/svgs/arrows-clockwise.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ArrowsClockwise">
+<path id="Vector" d="M14 3V6C14 6.13261 13.9473 6.25979 13.8536 6.35355C13.7598 6.44732 13.6326 6.5 13.5 6.5H10.5C10.3674 6.5 10.2402 6.44732 10.1464 6.35355C10.0527 6.25979 10 6.13261 10 6C10 5.86739 10.0527 5.74021 10.1464 5.64645C10.2402 5.55268 10.3674 5.5 10.5 5.5H12.2931L11.3787 4.58563C10.4495 3.65213 9.1878 3.12547 7.87063 3.12125H7.8425C6.53636 3.11819 5.28151 3.62942 4.34937 4.54437C4.25389 4.63351 4.12731 4.68174 3.99672 4.67875C3.86612 4.67575 3.74189 4.62177 3.65059 4.52835C3.55929 4.43492 3.50817 4.30948 3.50818 4.17885C3.50819 4.04823 3.55932 3.92279 3.65062 3.82938C4.78033 2.72525 6.29988 2.11117 7.87952 2.12042C9.45916 2.12966 10.9714 2.76148 12.0881 3.87875L13 4.79313V3C13 2.86739 13.0527 2.74022 13.1464 2.64645C13.2402 2.55268 13.3674 2.5 13.5 2.5C13.6326 2.5 13.7598 2.55268 13.8536 2.64645C13.9473 2.74022 14 2.86739 14 3ZM11.6506 11.4556C10.7093 12.3751 9.44337 12.8865 8.12747 12.8788C6.81156 12.8711 5.55175 12.3449 4.62125 11.4144L3.70688 10.5H5.5C5.63261 10.5 5.75979 10.4473 5.85355 10.3536C5.94732 10.2598 6 10.1326 6 10C6 9.86739 5.94732 9.74021 5.85355 9.64645C5.75979 9.55268 5.63261 9.5 5.5 9.5H2.5C2.36739 9.5 2.24021 9.55268 2.14645 9.64645C2.05268 9.74021 2 9.86739 2 10V13C2 13.1326 2.05268 13.2598 2.14645 13.3536C2.24021 13.4473 2.36739 13.5 2.5 13.5C2.63261 13.5 2.75979 13.4473 2.85355 13.3536C2.94732 13.2598 3 13.1326 3 13V11.2069L3.91438 12.1213C5.02951 13.242 6.544 13.8741 8.125 13.8787H8.15812C9.72568 13.8828 11.2317 13.2691 12.35 12.1706C12.4413 12.0772 12.4924 11.9518 12.4924 11.8211C12.4925 11.6905 12.4413 11.5651 12.35 11.4717C12.2587 11.3782 12.1345 11.3242 12.0039 11.3213C11.8733 11.3183 11.7467 11.3665 11.6512 11.4556H11.6506Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/backspace.svg b/packages/icons/svgs/backspace.svg
new file mode 100644
index 000000000..5f607155e
--- /dev/null
+++ b/packages/icons/svgs/backspace.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5002 2.5H4.28328C4.11068 2.5005 3.94111 2.54544 3.79092 2.6305C3.64073 2.71555 3.51498 2.83786 3.42578 2.98563L0.571405 7.7425C0.524683 7.82027 0.5 7.90928 0.5 8C0.5 8.09072 0.524683 8.17973 0.571405 8.2575L3.42578 13.0144C3.51498 13.1621 3.64073 13.2844 3.79092 13.3695C3.94111 13.4546 4.11068 13.4995 4.28328 13.5H13.5002C13.7654 13.5 14.0197 13.3946 14.2073 13.2071C14.3948 13.0196 14.5002 12.7652 14.5002 12.5V3.5C14.5002 3.23478 14.3948 2.98043 14.2073 2.79289C14.0197 2.60536 13.7654 2.5 13.5002 2.5ZM13.5002 12.5H4.28328L1.58328 8L4.28328 3.5H13.5002V12.5ZM6.64641 9.14625L7.79328 8L6.64641 6.85375C6.55259 6.75993 6.49988 6.63268 6.49988 6.5C6.49988 6.36732 6.55259 6.24007 6.64641 6.14625C6.74023 6.05243 6.86747 5.99972 7.00016 5.99972C7.13284 5.99972 7.26009 6.05243 7.35391 6.14625L8.50016 7.29313L9.64641 6.14625C9.69286 6.09979 9.74801 6.06294 9.80871 6.0378C9.8694 6.01266 9.93446 5.99972 10.0002 5.99972C10.0659 5.99972 10.1309 6.01266 10.1916 6.0378C10.2523 6.06294 10.3075 6.09979 10.3539 6.14625C10.4004 6.1927 10.4372 6.24786 10.4624 6.30855C10.4875 6.36925 10.5004 6.4343 10.5004 6.5C10.5004 6.5657 10.4875 6.63075 10.4624 6.69145C10.4372 6.75214 10.4004 6.8073 10.3539 6.85375L9.20703 8L10.3539 9.14625C10.4004 9.1927 10.4372 9.24786 10.4624 9.30855C10.4875 9.36925 10.5004 9.4343 10.5004 9.5C10.5004 9.5657 10.4875 9.63075 10.4624 9.69145C10.4372 9.75214 10.4004 9.8073 10.3539 9.85375C10.3075 9.90021 10.2523 9.93706 10.1916 9.9622C10.1309 9.98734 10.0659 10.0003 10.0002 10.0003C9.93446 10.0003 9.8694 9.98734 9.80871 9.9622C9.74801 9.93706 9.69286 9.90021 9.64641 9.85375L8.50016 8.70687L7.35391 9.85375C7.30745 9.90021 7.2523 9.93706 7.1916 9.9622C7.13091 9.98734 7.06585 10.0003 7.00016 10.0003C6.93446 10.0003 6.8694 9.98734 6.80871 9.9622C6.74801 9.93706 6.69286 9.90021 6.64641 9.85375C6.59995 9.8073 6.5631 9.75214 6.53796 9.69145C6.51282 9.63075 6.49988 9.5657 6.49988 9.5C6.49988 9.4343 6.51282 9.36925 6.53796 9.30855C6.5631 9.24786 6.59995 9.1927 6.64641 9.14625Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/bag-simple.svg b/packages/icons/svgs/bag-simple.svg
new file mode 100644
index 000000000..4ede4ac7e
--- /dev/null
+++ b/packages/icons/svgs/bag-simple.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="BagSimple">
+<path id="Vector" d="M13.5 4H11C11 3.20435 10.6839 2.44129 10.1213 1.87868C9.55871 1.31607 8.79565 1 8 1C7.20435 1 6.44129 1.31607 5.87868 1.87868C5.31607 2.44129 5 3.20435 5 4H2.5C2.23478 4 1.98043 4.10536 1.79289 4.29289C1.60536 4.48043 1.5 4.73478 1.5 5V12.5C1.5 12.7652 1.60536 13.0196 1.79289 13.2071C1.98043 13.3946 2.23478 13.5 2.5 13.5H13.5C13.7652 13.5 14.0196 13.3946 14.2071 13.2071C14.3946 13.0196 14.5 12.7652 14.5 12.5V5C14.5 4.73478 14.3946 4.48043 14.2071 4.29289C14.0196 4.10536 13.7652 4 13.5 4ZM8 2C8.53043 2 9.03914 2.21071 9.41421 2.58579C9.78929 2.96086 10 3.46957 10 4H6C6 3.46957 6.21071 2.96086 6.58579 2.58579C6.96086 2.21071 7.46957 2 8 2ZM13.5 12.5H2.5V5H13.5V12.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/bell-z.svg b/packages/icons/svgs/bell-z.svg
new file mode 100644
index 000000000..acf853c79
--- /dev/null
+++ b/packages/icons/svgs/bell-z.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.49963 9C9.49963 9.13261 9.44695 9.25979 9.35318 9.35355C9.25941 9.44732 9.13224 9.5 8.99963 9.5H6.99963C6.90914 9.49995 6.82036 9.47534 6.74276 9.42879C6.66515 9.38225 6.60164 9.31552 6.55898 9.23572C6.51632 9.15591 6.49611 9.06603 6.50052 8.97565C6.50493 8.88527 6.53378 8.79777 6.584 8.7225L8.06525 6.5H6.99963C6.86702 6.5 6.73984 6.44732 6.64607 6.35355C6.55231 6.25978 6.49963 6.13261 6.49963 6C6.49963 5.86739 6.55231 5.74021 6.64607 5.64645C6.73984 5.55268 6.86702 5.5 6.99963 5.5H8.99963C9.09012 5.50005 9.1789 5.52466 9.2565 5.57121C9.3341 5.61775 9.39762 5.68448 9.44028 5.76428C9.48294 5.84409 9.50314 5.93397 9.49873 6.02435C9.49433 6.11473 9.46547 6.20223 9.41525 6.2775L7.93713 8.5H8.99963C9.13224 8.5 9.25941 8.55268 9.35318 8.64645C9.44695 8.74021 9.49963 8.86739 9.49963 9ZM13.8646 12C13.7779 12.1527 13.6521 12.2796 13.5 12.3675C13.348 12.4554 13.1752 12.5011 12.9996 12.5H10.449C10.3336 13.0645 10.0269 13.5718 9.58054 13.9361C9.13423 14.3004 8.57577 14.4994 7.99963 14.4994C7.42349 14.4994 6.86503 14.3004 6.41871 13.9361C5.97239 13.5718 5.66561 13.0645 5.55025 12.5H2.99963C2.82384 12.4998 2.65122 12.4532 2.49916 12.365C2.34711 12.2768 2.221 12.15 2.13353 11.9975C2.04607 11.845 2.00035 11.6722 2.00098 11.4964C2.00161 11.3206 2.04857 11.1481 2.13713 10.9962C2.484 10.3987 2.99963 8.70875 2.99963 6.5C2.99963 5.17392 3.52641 3.90215 4.46409 2.96447C5.40178 2.02678 6.67354 1.5 7.99963 1.5C9.32571 1.5 10.5975 2.02678 11.5352 2.96447C12.4728 3.90215 12.9996 5.17392 12.9996 6.5C12.9996 8.70812 13.5159 10.3987 13.8628 10.9962C13.9522 11.1483 13.9995 11.3215 13.9998 11.4979C14.0002 11.6743 13.9535 11.8476 13.8646 12ZM9.41338 12.5H6.58588C6.68947 12.7921 6.88101 13.045 7.13417 13.2238C7.38733 13.4027 7.68967 13.4987 7.99963 13.4987C8.30958 13.4987 8.61193 13.4027 8.86509 13.2238C9.11825 13.045 9.30979 12.7921 9.41338 12.5ZM12.9996 11.5C12.5165 10.6706 11.9996 8.75312 11.9996 6.5C11.9996 5.43913 11.5782 4.42172 10.8281 3.67157C10.0779 2.92143 9.06049 2.5 7.99963 2.5C6.93876 2.5 5.92135 2.92143 5.1712 3.67157C4.42105 4.42172 3.99963 5.43913 3.99963 6.5C3.99963 8.75375 3.48213 10.6712 2.99963 11.5H12.9996Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/bug-droid.svg b/packages/icons/svgs/bug-droid.svg
new file mode 100644
index 000000000..83fa52e6f
--- /dev/null
+++ b/packages/icons/svgs/bug-droid.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="BugDroid">
+<path id="Vector" d="M11.9894 3.2175L12.8538 2.35375C12.9476 2.25993 13.0003 2.13268 13.0003 2C13.0003 1.86732 12.9476 1.74007 12.8538 1.64625C12.7599 1.55243 12.6327 1.49972 12.5 1.49972C12.3673 1.49972 12.2401 1.55243 12.1463 1.64625L11.2369 2.55625C10.2972 1.86994 9.16364 1.50007 8 1.50007C6.83636 1.50007 5.70283 1.86994 4.76313 2.55625L3.85375 1.64625C3.75993 1.55243 3.63268 1.49972 3.5 1.49972C3.36732 1.49972 3.24007 1.55243 3.14625 1.64625C3.05243 1.74007 2.99972 1.86732 2.99972 2C2.99972 2.13268 3.05243 2.25993 3.14625 2.35375L4.01063 3.2175C3.04005 4.23757 2.49914 5.59196 2.5 7V9.5C2.5 10.9587 3.07946 12.3576 4.11091 13.3891C5.14236 14.4205 6.54131 15 8 15C9.45869 15 10.8576 14.4205 11.8891 13.3891C12.9205 12.3576 13.5 10.9587 13.5 9.5V7C13.5009 5.59196 12.96 4.23757 11.9894 3.2175ZM8 2.5C9.19307 2.50132 10.3369 2.97585 11.1805 3.81948C12.0241 4.66311 12.4987 5.80693 12.5 7V7.5H3.5V7C3.50132 5.80693 3.97585 4.66311 4.81948 3.81948C5.66311 2.97585 6.80693 2.50132 8 2.5ZM8 14C6.80693 13.9987 5.66311 13.5241 4.81948 12.6805C3.97585 11.8369 3.50132 10.6931 3.5 9.5V8.5H12.5V9.5C12.4987 10.6931 12.0241 11.8369 11.1805 12.6805C10.3369 13.5241 9.19307 13.9987 8 14ZM9 5.75C9 5.60166 9.04399 5.45666 9.1264 5.33332C9.20881 5.20999 9.32594 5.11386 9.46299 5.05709C9.60003 5.00032 9.75083 4.98547 9.89632 5.01441C10.0418 5.04335 10.1754 5.11478 10.2803 5.21967C10.3852 5.32456 10.4567 5.4582 10.4856 5.60368C10.5145 5.74917 10.4997 5.89997 10.4429 6.03701C10.3861 6.17406 10.29 6.29119 10.1667 6.3736C10.0433 6.45601 9.89834 6.5 9.75 6.5C9.55109 6.5 9.36032 6.42098 9.21967 6.28033C9.07902 6.13968 9 5.94891 9 5.75ZM5.5 5.75C5.5 5.60166 5.54399 5.45666 5.6264 5.33332C5.70881 5.20999 5.82594 5.11386 5.96299 5.05709C6.10003 5.00032 6.25083 4.98547 6.39632 5.01441C6.5418 5.04335 6.67544 5.11478 6.78033 5.21967C6.88522 5.32456 6.95665 5.4582 6.98559 5.60368C7.01453 5.74917 6.99968 5.89997 6.94291 6.03701C6.88614 6.17406 6.79001 6.29119 6.66668 6.3736C6.54334 6.45601 6.39834 6.5 6.25 6.5C6.05109 6.5 5.86032 6.42098 5.71967 6.28033C5.57902 6.13968 5.5 5.94891 5.5 5.75Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/calendar-check.svg b/packages/icons/svgs/calendar-check.svg
new file mode 100644
index 000000000..0ee4bbd40
--- /dev/null
+++ b/packages/icons/svgs/calendar-check.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="CalendarCheck">
+<path id="Vector" d="M11 1H9.5V0.5C9.5 0.367392 9.44732 0.240215 9.35355 0.146447C9.25979 0.0526784 9.13261 0 9 0C8.86739 0 8.74021 0.0526784 8.64645 0.146447C8.55268 0.240215 8.5 0.367392 8.5 0.5V1H3.5V0.5C3.5 0.367392 3.44732 0.240215 3.35355 0.146447C3.25979 0.0526784 3.13261 0 3 0C2.86739 0 2.74021 0.0526784 2.64645 0.146447C2.55268 0.240215 2.5 0.367392 2.5 0.5V1H1C0.734784 1 0.48043 1.10536 0.292893 1.29289C0.105357 1.48043 0 1.73478 0 2V12C0 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13H11C11.2652 13 11.5196 12.8946 11.7071 12.7071C11.8946 12.5196 12 12.2652 12 12V2C12 1.73478 11.8946 1.48043 11.7071 1.29289C11.5196 1.10536 11.2652 1 11 1ZM2.5 2V2.5C2.5 2.63261 2.55268 2.75979 2.64645 2.85355C2.74021 2.94732 2.86739 3 3 3C3.13261 3 3.25979 2.94732 3.35355 2.85355C3.44732 2.75979 3.5 2.63261 3.5 2.5V2H8.5V2.5C8.5 2.63261 8.55268 2.75979 8.64645 2.85355C8.74021 2.94732 8.86739 3 9 3C9.13261 3 9.25979 2.94732 9.35355 2.85355C9.44732 2.75979 9.5 2.63261 9.5 2.5V2H11V4H1V2H2.5ZM11 12H1V5H11V12ZM8.60375 6.64625C8.65024 6.69269 8.68712 6.74783 8.71228 6.80853C8.73744 6.86923 8.75039 6.93429 8.75039 7C8.75039 7.06571 8.73744 7.13077 8.71228 7.19147C8.68712 7.25217 8.65024 7.30731 8.60375 7.35375L5.60375 10.3538C5.55731 10.4002 5.50217 10.4371 5.44147 10.4623C5.38077 10.4874 5.31571 10.5004 5.25 10.5004C5.18429 10.5004 5.11923 10.4874 5.05853 10.4623C4.99783 10.4371 4.94269 10.4002 4.89625 10.3538L3.39625 8.85375C3.30243 8.75993 3.24972 8.63268 3.24972 8.5C3.24972 8.36732 3.30243 8.24007 3.39625 8.14625C3.49007 8.05243 3.61732 7.99972 3.75 7.99972C3.88268 7.99972 4.00993 8.05243 4.10375 8.14625L5.25 9.29313L7.89625 6.64625C7.94269 6.59976 7.99783 6.56288 8.05853 6.53772C8.11923 6.51256 8.18429 6.49961 8.25 6.49961C8.31571 6.49961 8.38077 6.51256 8.44147 6.53772C8.50217 6.56288 8.55731 6.59976 8.60375 6.64625Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/calendar-day.svg b/packages/icons/svgs/calendar-day.svg
new file mode 100644
index 000000000..6daaa7fb3
--- /dev/null
+++ b/packages/icons/svgs/calendar-day.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 2H11.5V1.5C11.5 1.36739 11.4473 1.24021 11.3536 1.14645C11.2598 1.05268 11.1326 1 11 1C10.8674 1 10.7402 1.05268 10.6464 1.14645C10.5527 1.24021 10.5 1.36739 10.5 1.5V2H5.5V1.5C5.5 1.36739 5.44732 1.24021 5.35355 1.14645C5.25979 1.05268 5.13261 1 5 1C4.86739 1 4.74021 1.05268 4.64645 1.14645C4.55268 1.24021 4.5 1.36739 4.5 1.5V2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13V3C14 2.73478 13.8946 2.48043 13.7071 2.29289C13.5196 2.10536 13.2652 2 13 2ZM4.5 3V3.5C4.5 3.63261 4.55268 3.75979 4.64645 3.85355C4.74021 3.94732 4.86739 4 5 4C5.13261 4 5.25979 3.94732 5.35355 3.85355C5.44732 3.75979 5.5 3.63261 5.5 3.5V3H10.5V3.5C10.5 3.63261 10.5527 3.75979 10.6464 3.85355C10.7402 3.94732 10.8674 4 11 4C11.1326 4 11.2598 3.94732 11.3536 3.85355C11.4473 3.75979 11.5 3.63261 11.5 3.5V3H13V5H3V3H4.5ZM13 13H3V6H13V13ZM7 7.5V11.5C7 11.6326 6.94732 11.7598 6.85355 11.8536C6.75979 11.9473 6.63261 12 6.5 12C6.36739 12 6.24021 11.9473 6.14645 11.8536C6.05268 11.7598 6 11.6326 6 11.5V8.30875L5.72375 8.4475C5.60507 8.50684 5.46767 8.51661 5.34178 8.47465C5.2159 8.43268 5.11184 8.34243 5.0525 8.22375C4.99316 8.10507 4.98339 7.96767 5.02535 7.84178C5.06732 7.7159 5.15757 7.61184 5.27625 7.5525L6.27625 7.0525C6.35251 7.01434 6.43726 6.99632 6.52244 7.00015C6.60763 7.00397 6.69042 7.02952 6.76295 7.07437C6.83548 7.11921 6.89533 7.18186 6.93682 7.25636C6.97831 7.33086 7.00006 7.41473 7 7.5ZM10.6975 9.40312L9.5 11H10.5C10.6326 11 10.7598 11.0527 10.8536 11.1464C10.9473 11.2402 11 11.3674 11 11.5C11 11.6326 10.9473 11.7598 10.8536 11.8536C10.7598 11.9473 10.6326 12 10.5 12H8.5C8.40714 12 8.31612 11.9741 8.23713 11.9253C8.15815 11.8765 8.09431 11.8067 8.05279 11.7236C8.01126 11.6406 7.99368 11.5476 8.00202 11.4551C8.01036 11.3626 8.04429 11.2743 8.1 11.2L9.89875 8.80188C9.93966 8.74741 9.96902 8.68515 9.98501 8.61893C10.001 8.55271 10.0033 8.48392 9.99173 8.41679C9.98018 8.34965 9.95503 8.28558 9.91783 8.22852C9.88062 8.17145 9.83215 8.12259 9.77538 8.08493C9.71862 8.04727 9.65475 8.02161 9.58771 8.00952C9.52067 7.99743 9.45187 7.99916 9.38552 8.01462C9.31917 8.03008 9.25669 8.05893 9.20189 8.09941C9.1471 8.13988 9.10115 8.19113 9.06688 8.25C9.03501 8.30868 8.99172 8.36038 8.93955 8.40205C8.88739 8.44373 8.8274 8.47453 8.76314 8.49265C8.69887 8.51076 8.63163 8.51582 8.56538 8.50753C8.49913 8.49924 8.43521 8.47776 8.37739 8.44436C8.31957 8.41097 8.26903 8.36633 8.22874 8.31308C8.18846 8.25984 8.15925 8.19906 8.14283 8.13434C8.12641 8.06962 8.12312 8.00227 8.13316 7.93626C8.14319 7.87025 8.16634 7.80692 8.20125 7.75C8.36641 7.46418 8.62125 7.24083 8.92626 7.11456C9.23127 6.9883 9.56941 6.96617 9.88827 7.05162C10.2071 7.13707 10.4889 7.32531 10.6899 7.58717C10.8909 7.84904 10.9999 8.16989 11 8.5C11.0011 8.82609 10.8948 9.14346 10.6975 9.40312Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/calendar-dots.svg b/packages/icons/svgs/calendar-dots.svg
new file mode 100644
index 000000000..7756fe267
--- /dev/null
+++ b/packages/icons/svgs/calendar-dots.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="CalendarDots">
+<path id="Vector" d="M11 1H9.5V0.5C9.5 0.367392 9.44732 0.240215 9.35355 0.146447C9.25979 0.0526784 9.13261 0 9 0C8.86739 0 8.74021 0.0526784 8.64645 0.146447C8.55268 0.240215 8.5 0.367392 8.5 0.5V1H3.5V0.5C3.5 0.367392 3.44732 0.240215 3.35355 0.146447C3.25979 0.0526784 3.13261 0 3 0C2.86739 0 2.74021 0.0526784 2.64645 0.146447C2.55268 0.240215 2.5 0.367392 2.5 0.5V1H1C0.734784 1 0.48043 1.10536 0.292893 1.29289C0.105357 1.48043 0 1.73478 0 2V12C0 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13H11C11.2652 13 11.5196 12.8946 11.7071 12.7071C11.8946 12.5196 12 12.2652 12 12V2C12 1.73478 11.8946 1.48043 11.7071 1.29289C11.5196 1.10536 11.2652 1 11 1ZM2.5 2V2.5C2.5 2.63261 2.55268 2.75979 2.64645 2.85355C2.74021 2.94732 2.86739 3 3 3C3.13261 3 3.25979 2.94732 3.35355 2.85355C3.44732 2.75979 3.5 2.63261 3.5 2.5V2H8.5V2.5C8.5 2.63261 8.55268 2.75979 8.64645 2.85355C8.74021 2.94732 8.86739 3 9 3C9.13261 3 9.25979 2.94732 9.35355 2.85355C9.44732 2.75979 9.5 2.63261 9.5 2.5V2H11V4H1V2H2.5ZM11 12H1V5H11V12ZM6.75 7.25C6.75 7.39834 6.70601 7.54334 6.6236 7.66668C6.54119 7.79001 6.42406 7.88614 6.28701 7.94291C6.14997 7.99967 5.99917 8.01453 5.85368 7.98559C5.7082 7.95665 5.57456 7.88522 5.46967 7.78033C5.36478 7.67544 5.29335 7.5418 5.26441 7.39632C5.23547 7.25083 5.25032 7.10003 5.30709 6.96299C5.36386 6.82594 5.45999 6.70881 5.58332 6.6264C5.70666 6.54399 5.85166 6.5 6 6.5C6.19891 6.5 6.38968 6.57902 6.53033 6.71967C6.67098 6.86032 6.75 7.05109 6.75 7.25ZM9.5 7.25C9.5 7.39834 9.45601 7.54334 9.3736 7.66668C9.29119 7.79001 9.17406 7.88614 9.03701 7.94291C8.89997 7.99967 8.74917 8.01453 8.60368 7.98559C8.4582 7.95665 8.32456 7.88522 8.21967 7.78033C8.11478 7.67544 8.04335 7.5418 8.01441 7.39632C7.98547 7.25083 8.00033 7.10003 8.05709 6.96299C8.11386 6.82594 8.20999 6.70881 8.33332 6.6264C8.45666 6.54399 8.60166 6.5 8.75 6.5C8.94891 6.5 9.13968 6.57902 9.28033 6.71967C9.42098 6.86032 9.5 7.05109 9.5 7.25ZM4 9.75C4 9.89834 3.95601 10.0433 3.8736 10.1667C3.79119 10.29 3.67406 10.3861 3.53701 10.4429C3.39997 10.4997 3.24917 10.5145 3.10368 10.4856C2.9582 10.4566 2.82456 10.3852 2.71967 10.2803C2.61478 10.1754 2.54335 10.0418 2.51441 9.89632C2.48547 9.75083 2.50032 9.60003 2.55709 9.46299C2.61386 9.32594 2.70999 9.20881 2.83332 9.1264C2.95666 9.04399 3.10166 9 3.25 9C3.44891 9 3.63968 9.07902 3.78033 9.21967C3.92098 9.36032 4 9.55109 4 9.75ZM6.75 9.75C6.75 9.89834 6.70601 10.0433 6.6236 10.1667C6.54119 10.29 6.42406 10.3861 6.28701 10.4429C6.14997 10.4997 5.99917 10.5145 5.85368 10.4856C5.7082 10.4566 5.57456 10.3852 5.46967 10.2803C5.36478 10.1754 5.29335 10.0418 5.26441 9.89632C5.23547 9.75083 5.25032 9.60003 5.30709 9.46299C5.36386 9.32594 5.45999 9.20881 5.58332 9.1264C5.70666 9.04399 5.85166 9 6 9C6.19891 9 6.38968 9.07902 6.53033 9.21967C6.67098 9.36032 6.75 9.55109 6.75 9.75ZM9.5 9.75C9.5 9.89834 9.45601 10.0433 9.3736 10.1667C9.29119 10.29 9.17406 10.3861 9.03701 10.4429C8.89997 10.4997 8.74917 10.5145 8.60368 10.4856C8.4582 10.4566 8.32456 10.3852 8.21967 10.2803C8.11478 10.1754 8.04335 10.0418 8.01441 9.89632C7.98547 9.75083 8.00033 9.60003 8.05709 9.46299C8.11386 9.32594 8.20999 9.20881 8.33332 9.1264C8.45666 9.04399 8.60166 9 8.75 9C8.94891 9 9.13968 9.07902 9.28033 9.21967C9.42098 9.36032 9.5 9.55109 9.5 9.75Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/chart-donut.svg b/packages/icons/svgs/chart-donut.svg
new file mode 100644
index 000000000..95f2bf3f7
--- /dev/null
+++ b/packages/icons/svgs/chart-donut.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00011 1.5C7.8675 1.5 7.74033 1.55268 7.64656 1.64645C7.55279 1.74021 7.50011 1.86739 7.50011 2V5.5C7.50011 5.63261 7.55279 5.75979 7.64656 5.85355C7.74033 5.94732 7.8675 6 8.00011 6C8.44036 6.0001 8.86828 6.14546 9.2175 6.41353C9.56672 6.68161 9.81773 7.05742 9.9316 7.48269C10.0455 7.90796 10.0158 8.35891 9.84731 8.76563C9.67878 9.17234 9.38076 9.51208 8.99947 9.73216C8.61818 9.95225 8.17492 10.0404 7.73844 9.98287C7.30196 9.92537 6.89666 9.72546 6.58537 9.41413C6.27408 9.10281 6.07422 8.69748 6.01677 8.261C5.95931 7.82451 6.04749 7.38127 6.26761 7C6.30045 6.94313 6.32177 6.88034 6.33034 6.81522C6.33891 6.7501 6.33457 6.68394 6.31757 6.6205C6.30056 6.55706 6.27122 6.4976 6.23123 6.4455C6.19124 6.3934 6.14137 6.3497 6.08449 6.31688L3.05324 4.56688C2.99636 4.53403 2.93357 4.51272 2.86846 4.50414C2.80334 4.49557 2.73717 4.49991 2.67374 4.51692C2.6103 4.53392 2.55083 4.56326 2.49874 4.60325C2.44664 4.64325 2.40293 4.69311 2.37011 4.75C1.65469 5.98914 1.36813 7.42972 1.55487 8.84832C1.74161 10.2669 2.39121 11.5843 3.40294 12.596C4.41466 13.6078 5.73196 14.2575 7.15055 14.4444C8.56913 14.6312 10.0097 14.3447 11.2489 13.6294C12.4881 12.914 13.4566 11.8098 14.0043 10.4879C14.552 9.16605 14.6482 7.7004 14.278 6.31828C13.9078 4.93616 13.0919 3.71481 11.9568 2.84365C10.8217 1.97248 9.43095 1.50018 8.00011 1.5ZM3.00574 5.69375L5.18761 6.95375C5.06345 7.28859 4.99996 7.64288 5.00011 8C5.00011 8.09563 5.00511 8.1875 5.01386 8.2825L2.58011 8.9375C2.39032 7.8381 2.53874 6.70697 3.00574 5.69375ZM2.83886 9.90063L5.27636 9.24813C5.48015 9.69235 5.78918 10.0802 6.17667 10.378C6.56415 10.6759 7.01842 10.8748 7.50011 10.9575V13.4769C6.465 13.3809 5.47812 12.9943 4.65336 12.3615C3.82859 11.7287 3.19956 10.8756 2.83886 9.90063ZM8.50011 13.4769V10.9575C9.19887 10.8391 9.83314 10.4771 10.2905 9.93566C10.7479 9.39426 10.9988 8.70842 10.9988 7.99969C10.9988 7.29096 10.7479 6.60512 10.2905 6.06372C9.83314 5.52231 9.19887 5.16031 8.50011 5.04188V2.5225C9.86648 2.64734 11.1369 3.27837 12.0619 4.29174C12.9869 5.30511 13.4997 6.62763 13.4997 7.99969C13.4997 9.37175 12.9869 10.6943 12.0619 11.7076C11.1369 12.721 9.86648 13.352 8.50011 13.4769Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/chart-line-up.svg b/packages/icons/svgs/chart-line-up.svg
new file mode 100644
index 000000000..fd29ebc55
--- /dev/null
+++ b/packages/icons/svgs/chart-line-up.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ChartLineUp">
+<path id="Vector" d="M14.5 13C14.5 13.1326 14.4473 13.2598 14.3536 13.3536C14.2598 13.4473 14.1326 13.5 14 13.5H2C1.86739 13.5 1.74021 13.4473 1.64645 13.3536C1.55268 13.2598 1.5 13.1326 1.5 13V3C1.5 2.86739 1.55268 2.74021 1.64645 2.64645C1.74021 2.55268 1.86739 2.5 2 2.5C2.13261 2.5 2.25979 2.55268 2.35355 2.64645C2.44732 2.74021 2.5 2.86739 2.5 3V9.79313L5.64625 6.64625C5.69269 6.59976 5.74783 6.56288 5.80853 6.53772C5.86923 6.51256 5.93429 6.49961 6 6.49961C6.06571 6.49961 6.13077 6.51256 6.19147 6.53772C6.25217 6.56288 6.30731 6.59976 6.35375 6.64625L8 8.29313L11.2931 5H10C9.86739 5 9.74021 4.94732 9.64645 4.85355C9.55268 4.75979 9.5 4.63261 9.5 4.5C9.5 4.36739 9.55268 4.24021 9.64645 4.14645C9.74021 4.05268 9.86739 4 10 4H12.5C12.6326 4 12.7598 4.05268 12.8536 4.14645C12.9473 4.24021 13 4.36739 13 4.5V7C13 7.13261 12.9473 7.25979 12.8536 7.35355C12.7598 7.44732 12.6326 7.5 12.5 7.5C12.3674 7.5 12.2402 7.44732 12.1464 7.35355C12.0527 7.25979 12 7.13261 12 7V5.70687L8.35375 9.35375C8.30731 9.40024 8.25217 9.43712 8.19147 9.46228C8.13077 9.48744 8.06571 9.50039 8 9.50039C7.93429 9.50039 7.86923 9.48744 7.80853 9.46228C7.74783 9.43712 7.69269 9.40024 7.64625 9.35375L6 7.70687L2.5 11.2069V12.5H14C14.1326 12.5 14.2598 12.5527 14.3536 12.6464C14.4473 12.7402 14.5 12.8674 14.5 13Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/check-small.svg b/packages/icons/svgs/check-small.svg
new file mode 100644
index 000000000..55aebe020
--- /dev/null
+++ b/packages/icons/svgs/check-small.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.72863 11.2249C5.33371 11.645 4.66629 11.645 4.27137 11.2249L1.64382 8.42959C1.28199 8.04467 1.28199 7.4447 1.64382 7.05977L1.67137 7.03045C2.06629 6.61033 2.73371 6.61033 3.12863 7.03046L4.27137 8.24614C4.66629 8.66626 5.33371 8.66626 5.72863 8.24614L10.8714 2.77514C11.2663 2.35502 11.9337 2.35502 12.3286 2.77514L12.3562 2.80445C12.718 3.18938 12.718 3.78935 12.3562 4.17427L5.72863 11.2249Z" fill="#008836"/>
+</svg>
diff --git a/packages/icons/svgs/check.svg b/packages/icons/svgs/check.svg
new file mode 100644
index 000000000..a44a70fa3
--- /dev/null
+++ b/packages/icons/svgs/check.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.3538 4.85354L6.35378 12.8535C6.30735 12.9 6.2522 12.9369 6.1915 12.9621C6.13081 12.9872 6.06574 13.0002 6.00003 13.0002C5.93433 13.0002 5.86926 12.9872 5.80856 12.9621C5.74787 12.9369 5.69272 12.9 5.64628 12.8535L2.14628 9.35354C2.05246 9.25972 1.99976 9.13247 1.99976 8.99979C1.99976 8.86711 2.05246 8.73986 2.14628 8.64604C2.2401 8.55222 2.36735 8.49951 2.50003 8.49951C2.63272 8.49951 2.75996 8.55222 2.85378 8.64604L6.00003 11.7929L13.6463 4.14604C13.7401 4.05222 13.8674 3.99951 14 3.99951C14.1327 3.99951 14.26 4.05222 14.3538 4.14604C14.4476 4.23986 14.5003 4.36711 14.5003 4.49979C14.5003 4.63247 14.4476 4.75972 14.3538 4.85354Z" fill="#008836"/>
+</svg>
diff --git a/packages/icons/svgs/chevron-right.svg b/packages/icons/svgs/chevron-right.svg
new file mode 100644
index 000000000..59f6ca367
--- /dev/null
+++ b/packages/icons/svgs/chevron-right.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 12L10 8L6 4" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/icons/svgs/clock-counter-clockwise.svg b/packages/icons/svgs/clock-counter-clockwise.svg
new file mode 100644
index 000000000..81dc0a9f2
--- /dev/null
+++ b/packages/icons/svgs/clock-counter-clockwise.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ClockCounterClockwise">
+<path id="Vector" d="M8.5 5V7.71688L10.7575 9.07125C10.8712 9.13954 10.9531 9.25021 10.9853 9.37891C11.0174 9.50761 10.997 9.64379 10.9288 9.7575C10.8605 9.87121 10.7498 9.95314 10.6211 9.98525C10.4924 10.0174 10.3562 9.99704 10.2425 9.92875L7.7425 8.42875C7.66851 8.3843 7.60728 8.32144 7.56479 8.24631C7.52229 8.17118 7.49997 8.08632 7.5 8V5C7.5 4.86739 7.55268 4.74022 7.64645 4.64645C7.74021 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35355 4.64645C8.44732 4.74022 8.5 4.86739 8.5 5ZM8 2C7.21125 1.99804 6.42994 2.15252 5.70128 2.45452C4.97263 2.75651 4.31111 3.20002 3.755 3.75938C3.30063 4.21938 2.89687 4.66188 2.5 5.125V4C2.5 3.86739 2.44732 3.74021 2.35355 3.64645C2.25979 3.55268 2.13261 3.5 2 3.5C1.86739 3.5 1.74021 3.55268 1.64645 3.64645C1.55268 3.74021 1.5 3.86739 1.5 4V6.5C1.5 6.63261 1.55268 6.75979 1.64645 6.85355C1.74021 6.94732 1.86739 7 2 7H4.5C4.63261 7 4.75979 6.94732 4.85355 6.85355C4.94732 6.75979 5 6.63261 5 6.5C5 6.36739 4.94732 6.24022 4.85355 6.14645C4.75979 6.05268 4.63261 6 4.5 6H3.0625C3.50938 5.47375 3.95437 4.97813 4.46187 4.46438C5.15678 3.76947 6.04107 3.29476 7.00423 3.09955C7.96739 2.90434 8.96673 2.9973 9.87736 3.3668C10.788 3.73631 11.5696 4.36598 12.1244 5.17713C12.6792 5.98828 12.9827 6.94495 12.9969 7.92759C13.0111 8.91024 12.7354 9.87528 12.2043 10.7021C11.6732 11.529 10.9102 12.181 10.0106 12.5767C9.11103 12.9724 8.1148 13.0942 7.1464 12.927C6.17799 12.7597 5.28034 12.3108 4.56563 11.6362C4.51786 11.5911 4.46166 11.5558 4.40026 11.5324C4.33885 11.509 4.27343 11.4979 4.20773 11.4997C4.14204 11.5016 4.07735 11.5164 4.01736 11.5432C3.95738 11.5701 3.90327 11.6085 3.85812 11.6562C3.81298 11.704 3.77769 11.7602 3.75427 11.8216C3.73084 11.883 3.71974 11.9484 3.7216 12.0141C3.72345 12.0798 3.73823 12.1445 3.76509 12.2045C3.79195 12.2645 3.83036 12.3186 3.87812 12.3638C4.59028 13.0358 5.45609 13.5233 6.4 13.7838C7.34391 14.0443 8.33722 14.0698 9.29326 13.8581C10.2493 13.6464 11.139 13.2039 11.8847 12.5693C12.6304 11.9347 13.2095 11.1272 13.5713 10.2174C13.9332 9.30751 14.0669 8.32291 13.9607 7.34949C13.8546 6.37607 13.5118 5.44343 12.9623 4.63296C12.4128 3.82249 11.6733 3.15881 10.8083 2.69986C9.94334 2.24092 8.97919 2.00064 8 2Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/clock.svg b/packages/icons/svgs/clock.svg
new file mode 100644
index 000000000..def1d89e4
--- /dev/null
+++ b/packages/icons/svgs/clock.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.33494 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM12 8C12 8.13261 11.9473 8.25979 11.8536 8.35355C11.7598 8.44732 11.6326 8.5 11.5 8.5H8C7.86739 8.5 7.74022 8.44732 7.64645 8.35355C7.55268 8.25979 7.5 8.13261 7.5 8V4.5C7.5 4.36739 7.55268 4.24021 7.64645 4.14645C7.74022 4.05268 7.86739 4 8 4C8.13261 4 8.25979 4.05268 8.35356 4.14645C8.44732 4.24021 8.5 4.36739 8.5 4.5V7.5H11.5C11.6326 7.5 11.7598 7.55268 11.8536 7.64645C11.9473 7.74021 12 7.86739 12 8Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/cloud-check.svg b/packages/icons/svgs/cloud-check.svg
new file mode 100644
index 000000000..2002b4195
--- /dev/null
+++ b/packages/icons/svgs/cloud-check.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="CloudCheck">
+<path id="Vector" d="M10 2.5C8.97855 2.50078 7.97746 2.78571 7.10869 3.32291C6.23992 3.86011 5.53772 4.62841 5.08062 5.54187C4.53685 5.46257 3.98257 5.49616 3.45235 5.64055C2.92213 5.78494 2.42735 6.03703 1.99887 6.38111C1.57039 6.72518 1.2174 7.15385 0.961918 7.64038C0.70644 8.12691 0.553951 8.66086 0.513964 9.20893C0.473976 9.75701 0.547348 10.3074 0.729503 10.8259C0.911657 11.3444 1.19869 11.8197 1.57269 12.2223C1.94669 12.625 2.39964 12.9462 2.90329 13.166C3.40693 13.3859 3.95047 13.4995 4.5 13.5H10C11.4587 13.5 12.8576 12.9205 13.8891 11.8891C14.9205 10.8576 15.5 9.45869 15.5 8C15.5 6.54131 14.9205 5.14236 13.8891 4.11091C12.8576 3.07946 11.4587 2.5 10 2.5ZM10 12.5H4.5C3.70435 12.5 2.94129 12.1839 2.37868 11.6213C1.81607 11.0587 1.5 10.2956 1.5 9.5C1.5 8.70435 1.81607 7.94129 2.37868 7.37868C2.94129 6.81607 3.70435 6.5 4.5 6.5C4.56875 6.5 4.6375 6.5 4.70562 6.50688C4.56889 6.99279 4.4997 7.49521 4.5 8C4.5 8.13261 4.55268 8.25979 4.64645 8.35355C4.74021 8.44732 4.86739 8.5 5 8.5C5.13261 8.5 5.25978 8.44732 5.35355 8.35355C5.44732 8.25979 5.5 8.13261 5.5 8C5.5 7.10998 5.76392 6.23995 6.25839 5.49993C6.75285 4.75991 7.45566 4.18314 8.27792 3.84254C9.10019 3.50195 10.005 3.41283 10.8779 3.58647C11.7508 3.7601 12.5526 4.18868 13.182 4.81802C13.8113 5.44736 14.2399 6.24918 14.4135 7.12209C14.5872 7.99501 14.4981 8.89981 14.1575 9.72208C13.8169 10.5443 13.2401 11.2471 12.5001 11.7416C11.76 12.2361 10.89 12.5 10 12.5ZM12.3537 6.64625C12.4002 6.69269 12.4371 6.74783 12.4623 6.80853C12.4874 6.86923 12.5004 6.93429 12.5004 7C12.5004 7.06571 12.4874 7.13077 12.4623 7.19147C12.4371 7.25217 12.4002 7.30731 12.3537 7.35375L9.35375 10.3538C9.30731 10.4002 9.25217 10.4371 9.19147 10.4623C9.13077 10.4874 9.06571 10.5004 9 10.5004C8.93429 10.5004 8.86923 10.4874 8.80853 10.4623C8.74783 10.4371 8.69269 10.4002 8.64625 10.3538L7.14625 8.85375C7.05243 8.75993 6.99972 8.63268 6.99972 8.5C6.99972 8.36732 7.05243 8.24007 7.14625 8.14625C7.24007 8.05243 7.36732 7.99972 7.5 7.99972C7.63268 7.99972 7.75993 8.05243 7.85375 8.14625L9 9.29313L11.6462 6.64625C11.6927 6.59976 11.7478 6.56288 11.8085 6.53772C11.8692 6.51256 11.9343 6.49961 12 6.49961C12.0657 6.49961 12.1308 6.51256 12.1915 6.53772C12.2522 6.56288 12.3073 6.59976 12.3537 6.64625Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/copy.svg b/packages/icons/svgs/copy.svg
new file mode 100644
index 000000000..539f19658
--- /dev/null
+++ b/packages/icons/svgs/copy.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2595_21620)">
+<path d="M13.3333 6H7.33333C6.59695 6 6 6.59695 6 7.33333V13.3333C6 14.0697 6.59695 14.6667 7.33333 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V7.33333C14.6667 6.59695 14.0697 6 13.3333 6Z" stroke="#008836" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.33398 10.0002H2.66732C2.3137 10.0002 1.97456 9.85969 1.72451 9.60964C1.47446 9.35959 1.33398 9.02045 1.33398 8.66683V2.66683C1.33398 2.31321 1.47446 1.97407 1.72451 1.72402C1.97456 1.47397 2.3137 1.3335 2.66732 1.3335H8.66732C9.02094 1.3335 9.36008 1.47397 9.61013 1.72402C9.86017 1.97407 10.0007 2.31321 10.0007 2.66683V3.3335" stroke="#008836" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2595_21620">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/icons/svgs/crown-simple.svg b/packages/icons/svgs/crown-simple.svg
new file mode 100644
index 000000000..0ed493d49
--- /dev/null
+++ b/packages/icons/svgs/crown-simple.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.36517 3.5472C9.36517 3.5515 9.36517 3.5554 9.36243 3.5597L8.47649 7.61712C8.44922 7.75999 8.37297 7.88888 8.26088 7.98158C8.14879 8.07427 8.00788 8.12497 7.86243 8.12494H2.13704C1.99165 8.12488 1.85084 8.07414 1.73883 7.98145C1.62682 7.88877 1.55063 7.75993 1.52337 7.61712L0.63743 3.5597C0.63743 3.5554 0.635477 3.5515 0.634695 3.5472C0.610448 3.41286 0.630848 3.27428 0.692778 3.15263C0.754708 3.03098 0.854763 2.93296 0.977653 2.87352C1.10054 2.81409 1.23951 2.79653 1.37332 2.82352C1.50714 2.85051 1.62843 2.92056 1.71868 3.02298L3.03391 4.44056L4.43235 1.30423C4.43242 1.30293 4.43242 1.30163 4.43235 1.30032C4.48236 1.19187 4.56239 1.10001 4.66298 1.03562C4.76357 0.971231 4.8805 0.937012 4.99993 0.937012C5.11936 0.937012 5.23629 0.971231 5.33688 1.03562C5.43747 1.10001 5.5175 1.19187 5.56751 1.30032C5.56744 1.30163 5.56744 1.30293 5.56751 1.30423L6.96595 4.44056L8.28118 3.02298C8.37162 2.92132 8.49275 2.85195 8.6262 2.82541C8.75965 2.79886 8.89811 2.81658 9.02057 2.87589C9.14303 2.9352 9.24278 3.03284 9.3047 3.154C9.36661 3.27516 9.38729 3.41322 9.3636 3.5472H9.36517Z" fill="#E0B637"/>
+</svg>
diff --git a/packages/icons/svgs/device-mobile-camera.svg b/packages/icons/svgs/device-mobile-camera.svg
new file mode 100644
index 000000000..403837a48
--- /dev/null
+++ b/packages/icons/svgs/device-mobile-camera.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="DeviceMobileCamera">
+<path id="Vector" d="M11 1H5C4.60218 1 4.22064 1.15804 3.93934 1.43934C3.65804 1.72064 3.5 2.10218 3.5 2.5V13.5C3.5 13.8978 3.65804 14.2794 3.93934 14.5607C4.22064 14.842 4.60218 15 5 15H11C11.3978 15 11.7794 14.842 12.0607 14.5607C12.342 14.2794 12.5 13.8978 12.5 13.5V2.5C12.5 2.10218 12.342 1.72064 12.0607 1.43934C11.7794 1.15804 11.3978 1 11 1ZM11.5 13.5C11.5 13.6326 11.4473 13.7598 11.3536 13.8536C11.2598 13.9473 11.1326 14 11 14H5C4.86739 14 4.74021 13.9473 4.64645 13.8536C4.55268 13.7598 4.5 13.6326 4.5 13.5V2.5C4.5 2.36739 4.55268 2.24021 4.64645 2.14645C4.74021 2.05268 4.86739 2 5 2H11C11.1326 2 11.2598 2.05268 11.3536 2.14645C11.4473 2.24021 11.5 2.36739 11.5 2.5V13.5ZM8.75 3.75C8.75 3.89834 8.70601 4.04334 8.6236 4.16668C8.54119 4.29001 8.42406 4.38614 8.28701 4.44291C8.14997 4.49968 7.99917 4.51453 7.85368 4.48559C7.7082 4.45665 7.57456 4.38522 7.46967 4.28033C7.36478 4.17544 7.29335 4.0418 7.26441 3.89632C7.23547 3.75083 7.25032 3.60003 7.30709 3.46299C7.36386 3.32594 7.45999 3.20881 7.58332 3.1264C7.70666 3.04399 7.85166 3 8 3C8.19891 3 8.38968 3.07902 8.53033 3.21967C8.67098 3.36032 8.75 3.55109 8.75 3.75Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/discord-logo.svg b/packages/icons/svgs/discord-logo.svg
new file mode 100644
index 000000000..dfbcd48a6
--- /dev/null
+++ b/packages/icons/svgs/discord-logo.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="DiscordLogo">
+<path id="Vector" d="M6.5 8.75C6.5 8.89834 6.45601 9.04334 6.3736 9.16668C6.29119 9.29001 6.17406 9.38614 6.03701 9.44291C5.89997 9.49967 5.74917 9.51453 5.60368 9.48559C5.4582 9.45665 5.32456 9.38522 5.21967 9.28033C5.11478 9.17544 5.04335 9.0418 5.01441 8.89632C4.98547 8.75083 5.00032 8.60003 5.05709 8.46299C5.11386 8.32594 5.20999 8.20881 5.33332 8.1264C5.45666 8.04399 5.60166 8 5.75 8C5.94891 8 6.13968 8.07902 6.28033 8.21967C6.42098 8.36032 6.5 8.55109 6.5 8.75ZM10.25 8C10.1017 8 9.95666 8.04399 9.83332 8.1264C9.70999 8.20881 9.61386 8.32594 9.55709 8.46299C9.50032 8.60003 9.48547 8.75083 9.51441 8.89632C9.54335 9.0418 9.61478 9.17544 9.71967 9.28033C9.82456 9.38522 9.9582 9.45665 10.1037 9.48559C10.2492 9.51453 10.4 9.49967 10.537 9.44291C10.6741 9.38614 10.7912 9.29001 10.8736 9.16668C10.956 9.04334 11 8.89834 11 8.75C11 8.55109 10.921 8.36032 10.7803 8.21967C10.6397 8.07902 10.4489 8 10.25 8ZM14.9031 12.0562L10.7156 13.9131C10.5897 13.9691 10.4537 13.9987 10.3159 14.0002C10.1781 14.0017 10.0415 13.975 9.91439 13.9217C9.78731 13.8684 9.67246 13.7897 9.57691 13.6905C9.48136 13.5912 9.40712 13.4734 9.35875 13.3444L8.85188 11.9694C8.57188 11.9881 8.28792 11.9977 8 11.9981C7.71208 11.9985 7.42813 11.989 7.14813 11.9694L6.64125 13.3444C6.59281 13.4733 6.51853 13.5911 6.42296 13.6903C6.32739 13.7895 6.21255 13.8682 6.0855 13.9214C5.95844 13.9747 5.82184 14.0014 5.68408 14C5.54632 13.9986 5.4103 13.969 5.28438 13.9131L1.09687 12.0562C0.880742 11.9618 0.705181 11.7936 0.601478 11.5817C0.497774 11.3698 0.472665 11.128 0.530625 10.8994L2.375 3.625C2.42368 3.43582 2.52646 3.26494 2.67077 3.13328C2.81508 3.00162 2.99466 2.91491 3.1875 2.88375L5.44125 2.51313C5.6897 2.47316 5.94414 2.52704 6.15507 2.66427C6.36601 2.80151 6.51836 3.01229 6.5825 3.25563L6.78625 4.05813C7.18333 4.01938 7.58792 4 8 4C8.41208 4 8.81625 4.01938 9.2125 4.05813L9.41625 3.25563C9.48026 3.01221 9.63259 2.80135 9.84356 2.66409C10.0545 2.52683 10.309 2.47302 10.5575 2.51313L12.8125 2.88375C13.0053 2.91491 13.1849 3.00162 13.3292 3.13328C13.4735 3.26494 13.5763 3.43582 13.625 3.625L15.4706 10.8988C15.5287 11.1276 15.5035 11.3697 15.3995 11.5817C15.2955 11.7938 15.1196 11.962 14.9031 12.0562ZM14.5 11.1425L12.6544 3.875C12.6544 3.875 12.6544 3.875 12.6494 3.875L10.3956 3.5C10.394 3.49907 10.3922 3.49858 10.3903 3.49858C10.3884 3.49858 10.3866 3.49907 10.385 3.5L10.2081 4.19625C10.5206 4.255 10.8331 4.325 11.135 4.41C11.254 4.44034 11.3577 4.51342 11.4263 4.61531C11.4949 4.71719 11.5235 4.84076 11.5069 4.96244C11.4902 5.08412 11.4293 5.19541 11.3358 5.27507C11.2423 5.35473 11.1228 5.3972 11 5.39437C10.9544 5.39425 10.9089 5.38794 10.865 5.37563C9.93122 5.12224 8.96754 4.9959 8 5C7.03249 4.99569 6.06881 5.12183 5.135 5.375C5.07121 5.39472 5.00412 5.40147 4.93768 5.39484C4.87124 5.38821 4.8068 5.36834 4.74816 5.3364C4.68953 5.30446 4.63788 5.26111 4.59627 5.20889C4.55466 5.15667 4.52394 5.09664 4.5059 5.03235C4.48787 4.96807 4.48289 4.90082 4.49127 4.83458C4.49965 4.76833 4.52121 4.70444 4.55468 4.64667C4.58815 4.58889 4.63285 4.53841 4.68615 4.49819C4.73945 4.45797 4.80026 4.42883 4.865 4.4125C5.16625 4.3275 5.47625 4.2575 5.79125 4.19875L5.61437 3.5C5.61437 3.5 5.61437 3.5 5.60687 3.5L3.35062 3.87063C3.34878 3.87012 3.34684 3.87012 3.345 3.87063L1.5 11.1456L5.6875 13C5.68961 13.0011 5.69197 13.0018 5.69437 13.0018C5.69678 13.0018 5.69914 13.0011 5.70125 13L6.125 11.8575C5.70043 11.7926 5.28011 11.7024 4.86625 11.5875C4.74298 11.5481 4.63979 11.4625 4.57836 11.3486C4.51693 11.2347 4.50205 11.1014 4.53685 10.9768C4.57165 10.8521 4.65342 10.7458 4.76497 10.6802C4.87652 10.6146 5.00916 10.5948 5.135 10.625C6.06875 10.8785 7.03247 11.0046 8 11C8.96753 11.0046 9.93125 10.8785 10.865 10.625C10.9927 10.5892 11.1294 10.6056 11.2451 10.6706C11.3607 10.7356 11.4458 10.8438 11.4816 10.9716C11.5174 11.0993 11.501 11.236 11.436 11.3516C11.371 11.4672 11.2627 11.5523 11.135 11.5881C10.7207 11.7029 10.3 11.7928 9.875 11.8575L10.2969 13C10.2989 13.0011 10.3011 13.0017 10.3034 13.0017C10.3057 13.0017 10.308 13.0011 10.31 13L14.5 11.1425Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/download-simple.svg b/packages/icons/svgs/download-simple.svg
new file mode 100644
index 000000000..020236fa4
--- /dev/null
+++ b/packages/icons/svgs/download-simple.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="DownloadSimple">
+<path id="Vector" d="M14 9V13C14 13.1326 13.9473 13.2598 13.8536 13.3536C13.7598 13.4473 13.6326 13.5 13.5 13.5H2.5C2.36739 13.5 2.24021 13.4473 2.14645 13.3536C2.05268 13.2598 2 13.1326 2 13V9C2 8.86739 2.05268 8.74021 2.14645 8.64645C2.24021 8.55268 2.36739 8.5 2.5 8.5C2.63261 8.5 2.75979 8.55268 2.85355 8.64645C2.94732 8.74021 3 8.86739 3 9V12.5H13V9C13 8.86739 13.0527 8.74021 13.1464 8.64645C13.2402 8.55268 13.3674 8.5 13.5 8.5C13.6326 8.5 13.7598 8.55268 13.8536 8.64645C13.9473 8.74021 14 8.86739 14 9ZM7.64625 9.35375C7.69269 9.40024 7.74783 9.43712 7.80853 9.46228C7.86923 9.48744 7.93429 9.50039 8 9.50039C8.06571 9.50039 8.13077 9.48744 8.19147 9.46228C8.25217 9.43712 8.30731 9.40024 8.35375 9.35375L10.8538 6.85375C10.9002 6.8073 10.9371 6.75214 10.9622 6.69145C10.9873 6.63075 11.0003 6.5657 11.0003 6.5C11.0003 6.4343 10.9873 6.36925 10.9622 6.30855C10.9371 6.24786 10.9002 6.1927 10.8538 6.14625C10.8073 6.09979 10.7521 6.06294 10.6914 6.0378C10.6308 6.01266 10.5657 5.99972 10.5 5.99972C10.4343 5.99972 10.3692 6.01266 10.3086 6.0378C10.2479 6.06294 10.1927 6.09979 10.1462 6.14625L8.5 7.79313V2C8.5 1.86739 8.44732 1.74021 8.35355 1.64645C8.25979 1.55268 8.13261 1.5 8 1.5C7.86739 1.5 7.74021 1.55268 7.64645 1.64645C7.55268 1.74021 7.5 1.86739 7.5 2V7.79313L5.85375 6.14625C5.75993 6.05243 5.63268 5.99972 5.5 5.99972C5.36732 5.99972 5.24007 6.05243 5.14625 6.14625C5.05243 6.24007 4.99972 6.36732 4.99972 6.5C4.99972 6.63268 5.05243 6.75993 5.14625 6.85375L7.64625 9.35375Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/ellipse.svg b/packages/icons/svgs/ellipse.svg
new file mode 100644
index 000000000..f7527e1b8
--- /dev/null
+++ b/packages/icons/svgs/ellipse.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="6.5" cy="6.5" r="6" stroke="#A6A6A6"/>
+</svg>
diff --git a/packages/icons/svgs/export.svg b/packages/icons/svgs/export.svg
new file mode 100644
index 000000000..759244ca9
--- /dev/null
+++ b/packages/icons/svgs/export.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Export">
+<path id="Vector" d="M13.5 7V13C13.5 13.2652 13.3946 13.5196 13.2071 13.7071C13.0196 13.8946 12.7652 14 12.5 14H3.5C3.23478 14 2.98043 13.8946 2.79289 13.7071C2.60536 13.5196 2.5 13.2652 2.5 13V7C2.5 6.73478 2.60536 6.48043 2.79289 6.29289C2.98043 6.10536 3.23478 6 3.5 6H5C5.13261 6 5.25979 6.05268 5.35355 6.14645C5.44732 6.24022 5.5 6.36739 5.5 6.5C5.5 6.63261 5.44732 6.75979 5.35355 6.85355C5.25979 6.94732 5.13261 7 5 7H3.5V13H12.5V7H11C10.8674 7 10.7402 6.94732 10.6464 6.85355C10.5527 6.75979 10.5 6.63261 10.5 6.5C10.5 6.36739 10.5527 6.24022 10.6464 6.14645C10.7402 6.05268 10.8674 6 11 6H12.5C12.7652 6 13.0196 6.10536 13.2071 6.29289C13.3946 6.48043 13.5 6.73478 13.5 7ZM5.85375 4.35375L7.5 2.70688V8.5C7.5 8.63261 7.55268 8.75979 7.64645 8.85355C7.74021 8.94732 7.86739 9 8 9C8.13261 9 8.25979 8.94732 8.35355 8.85355C8.44732 8.75979 8.5 8.63261 8.5 8.5V2.70688L10.1462 4.35375C10.2401 4.44757 10.3673 4.50028 10.5 4.50028C10.6327 4.50028 10.7599 4.44757 10.8538 4.35375C10.9476 4.25993 11.0003 4.13268 11.0003 4C11.0003 3.86732 10.9476 3.74007 10.8538 3.64625L8.35375 1.14625C8.30731 1.09976 8.25217 1.06288 8.19147 1.03772C8.13077 1.01256 8.06571 0.999607 8 0.999607C7.93429 0.999607 7.86923 1.01256 7.80853 1.03772C7.74783 1.06288 7.69269 1.09976 7.64625 1.14625L5.14625 3.64625C5.05243 3.74007 4.99972 3.86732 4.99972 4C4.99972 4.13268 5.05243 4.25993 5.14625 4.35375C5.24007 4.44757 5.36732 4.50028 5.5 4.50028C5.63268 4.50028 5.75993 4.44757 5.85375 4.35375Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/eye-filled.svg b/packages/icons/svgs/eye-filled.svg
new file mode 100755
index 000000000..1d7fcbc94
--- /dev/null
+++ b/packages/icons/svgs/eye-filled.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2594_21566)">
+<path d="M7.99935 3C4.66602 3 1.81935 5.07333 0.666016 8C1.81935 10.9267 4.66602 13 7.99935 13C11.3327 13 14.1793 10.9267 15.3327 8C14.1793 5.07333 11.3327 3 7.99935 3ZM7.99935 11.3333C6.15935 11.3333 4.66602 9.84 4.66602 8C4.66602 6.16 6.15935 4.66667 7.99935 4.66667C9.83935 4.66667 11.3327 6.16 11.3327 8C11.3327 9.84 9.83935 11.3333 7.99935 11.3333ZM7.99935 6C6.89268 6 5.99935 6.89333 5.99935 8C5.99935 9.10667 6.89268 10 7.99935 10C9.10602 10 9.99935 9.10667 9.99935 8C9.99935 6.89333 9.10602 6 7.99935 6Z" fill="#666666"/>
+</g>
+<defs>
+<clipPath id="clip0_2594_21566">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/icons/svgs/eye-slash.svg b/packages/icons/svgs/eye-slash.svg
new file mode 100644
index 000000000..a11f51a06
--- /dev/null
+++ b/packages/icons/svgs/eye-slash.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="EyeSlash">
+<path id="Vector" d="M3.37 2.16375C3.32609 2.11425 3.27279 2.07397 3.2132 2.04522C3.15361 2.01647 3.0889 1.99984 3.02283 1.99629C2.95676 1.99273 2.89064 2.00233 2.82831 2.02451C2.76597 2.0467 2.70866 2.08104 2.65969 2.12554C2.61073 2.17004 2.57108 2.22381 2.54305 2.28375C2.51502 2.34368 2.49917 2.40858 2.4964 2.47469C2.49364 2.5408 2.50403 2.6068 2.52696 2.66886C2.54989 2.73093 2.58492 2.78782 2.63 2.83625L3.8325 4.15938C1.5625 5.5525 0.58625 7.7 0.543125 7.7975C0.514696 7.86144 0.500006 7.93064 0.500006 8.00062C0.500006 8.0706 0.514696 8.1398 0.543125 8.20375C0.565 8.25312 1.09438 9.42687 2.27125 10.6037C3.83938 12.1712 5.82 13 8 13C9.12039 13.0064 10.2295 12.7757 11.2544 12.3231L12.6294 13.8362C12.6733 13.8857 12.7266 13.926 12.7862 13.9548C12.8458 13.9835 12.9105 14.0002 12.9765 14.0037C13.0426 14.0073 13.1087 13.9977 13.1711 13.9755C13.2334 13.9533 13.2907 13.919 13.3397 13.8745C13.3886 13.83 13.4283 13.7762 13.4563 13.7163C13.4844 13.6563 13.5002 13.5914 13.503 13.5253C13.5057 13.4592 13.4953 13.3932 13.4724 13.3311C13.4495 13.2691 13.4145 13.2122 13.3694 13.1637L3.37 2.16375ZM6.32813 6.90375L8.9325 9.76937C8.54031 9.9757 8.0907 10.0459 7.65427 9.96902C7.21784 9.89212 6.81931 9.67245 6.52126 9.3445C6.22321 9.01656 6.04252 8.59891 6.00756 8.15713C5.97261 7.71536 6.08536 7.27449 6.32813 6.90375ZM8 12C6.07625 12 4.39562 11.3006 3.00437 9.92187C2.43332 9.35436 1.94764 8.70699 1.5625 8C1.85563 7.45062 2.79125 5.91312 4.52187 4.91375L5.64687 6.14812C5.21134 6.70594 4.98702 7.39977 5.01358 8.10698C5.04014 8.81419 5.31587 9.48924 5.79202 10.0128C6.26818 10.5364 6.9141 10.8748 7.61562 10.9682C8.31714 11.0615 9.02909 10.9039 9.62562 10.5231L10.5463 11.5356C9.73375 11.8473 8.87024 12.0048 8 12ZM8.375 6.03562C8.24471 6.01076 8.12964 5.93516 8.05509 5.82545C7.98055 5.71574 7.95264 5.58091 7.9775 5.45062C8.00236 5.32034 8.07797 5.20526 8.18768 5.13072C8.29738 5.05617 8.43221 5.02826 8.5625 5.05312C9.19975 5.17667 9.78 5.50291 10.2167 5.98318C10.6534 6.46345 10.9231 7.07202 10.9856 7.71812C10.998 7.85015 10.9574 7.98168 10.8727 8.08377C10.7881 8.18585 10.6664 8.25015 10.5344 8.2625C10.5188 8.26342 10.5031 8.26342 10.4875 8.2625C10.3625 8.26304 10.2419 8.21675 10.1493 8.13277C10.0568 8.04878 9.99906 7.93319 9.9875 7.80875C9.94541 7.379 9.76575 6.9743 9.47523 6.65484C9.18471 6.33538 8.79884 6.11821 8.375 6.03562ZM15.455 8.20375C15.4288 8.2625 14.7956 9.66437 13.37 10.9412C13.3213 10.9863 13.2641 11.0211 13.2018 11.0438C13.1395 11.0666 13.0732 11.0766 13.007 11.0735C12.9407 11.0704 12.8758 11.0541 12.8159 11.0256C12.756 10.9971 12.7023 10.957 12.6581 10.9075C12.6139 10.8581 12.5799 10.8004 12.5582 10.7377C12.5365 10.675 12.5274 10.6087 12.5316 10.5425C12.5358 10.4763 12.5532 10.4116 12.5826 10.3521C12.612 10.2927 12.653 10.2397 12.7031 10.1962C13.4025 9.56789 13.9901 8.82523 14.4406 8C14.0546 7.29236 13.5679 6.64455 12.9956 6.07687C11.6044 4.69937 9.92375 4 8 4C7.59466 3.99951 7.18996 4.03232 6.79 4.09812C6.72496 4.10963 6.65828 4.10813 6.59382 4.09372C6.52936 4.0793 6.4684 4.05226 6.41445 4.01415C6.3605 3.97604 6.31464 3.92762 6.27951 3.87169C6.24438 3.81575 6.22068 3.75341 6.20978 3.68827C6.19888 3.62312 6.201 3.55646 6.21601 3.49214C6.23102 3.42782 6.25863 3.36711 6.29723 3.31351C6.33584 3.25992 6.38468 3.21451 6.44094 3.1799C6.4972 3.14529 6.55976 3.12217 6.625 3.11187C7.07948 3.03683 7.53937 2.99942 8 3C10.18 3 12.1606 3.82875 13.7288 5.39687C14.9056 6.57375 15.435 7.74812 15.4569 7.7975C15.4853 7.86144 15.5 7.93064 15.5 8.00062C15.5 8.0706 15.4853 8.1398 15.4569 8.20375H15.455Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/file-cloud.svg b/packages/icons/svgs/file-cloud.svg
new file mode 100644
index 000000000..697468b47
--- /dev/null
+++ b/packages/icons/svgs/file-cloud.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3538 5.14625L9.85375 1.64625C9.80728 1.59983 9.75212 1.56303 9.69143 1.53793C9.63073 1.51284 9.56568 1.49995 9.5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V8C2.5 8.13261 2.55268 8.25979 2.64645 8.35355C2.74021 8.44732 2.86739 8.5 3 8.5C3.13261 8.5 3.25978 8.44732 3.35355 8.35355C3.44732 8.25979 3.5 8.13261 3.5 8V2.5H9V5.5C9 5.63261 9.05268 5.75979 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V13.5H11C10.8674 13.5 10.7402 13.5527 10.6464 13.6464C10.5527 13.7402 10.5 13.8674 10.5 14C10.5 14.1326 10.5527 14.2598 10.6464 14.3536C10.7402 14.4473 10.8674 14.5 11 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V5.5C13.5001 5.43432 13.4872 5.36927 13.4621 5.30858C13.437 5.24788 13.4002 5.19272 13.3538 5.14625ZM10 3.20688L11.7931 5H10V3.20688ZM6.75 8C6.10837 8 5.48109 8.18992 4.94722 8.54584C4.41335 8.90175 3.99678 9.40772 3.75 10C3.15326 10 2.58097 10.2371 2.15901 10.659C1.73705 11.081 1.5 11.6533 1.5 12.25C1.5 12.8467 1.73705 13.419 2.15901 13.841C2.58097 14.2629 3.15326 14.5 3.75 14.5H6.75C7.61195 14.5 8.4386 14.1576 9.0481 13.5481C9.65759 12.9386 10 12.112 10 11.25C10 10.388 9.65759 9.5614 9.0481 8.9519C8.4386 8.34241 7.61195 8 6.75 8ZM6.75 13.5H3.75C3.43883 13.5005 3.13866 13.3849 2.90818 13.1759C2.6777 12.9668 2.53347 12.6793 2.5037 12.3696C2.47393 12.0599 2.56076 11.7501 2.7472 11.501C2.93365 11.2519 3.20631 11.0813 3.51187 11.0225C3.50889 11.1551 3.55871 11.2835 3.65037 11.3793C3.74202 11.4752 3.86802 11.5308 4.00063 11.5337C4.13323 11.5367 4.2616 11.4869 4.35747 11.3953C4.45335 11.3036 4.50889 11.1776 4.51188 11.045C4.52359 10.9165 4.54574 10.7892 4.57812 10.6644C4.58517 10.644 4.59081 10.6231 4.595 10.6019C4.71513 10.2025 4.94388 9.84441 5.25573 9.56751C5.56758 9.29062 5.95024 9.10585 6.361 9.03382C6.77177 8.96179 7.19447 9.00533 7.58192 9.1596C7.96938 9.31386 8.30633 9.57277 8.55518 9.90742C8.80402 10.2421 8.95496 10.6393 8.99115 11.0548C9.02733 11.4702 8.94734 11.8876 8.7601 12.2602C8.57286 12.6328 8.28574 12.9461 7.93079 13.165C7.57584 13.384 7.16703 13.4999 6.75 13.5Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/file-dashed.svg b/packages/icons/svgs/file-dashed.svg
new file mode 100644
index 000000000..d73ed27a8
--- /dev/null
+++ b/packages/icons/svgs/file-dashed.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="FileDashed">
+<path id="Vector" d="M5 14C5 14.1326 4.94732 14.2598 4.85355 14.3536C4.75979 14.4473 4.63261 14.5 4.5 14.5H3.5C3.23478 14.5 2.98043 14.3946 2.79289 14.2071C2.60536 14.0196 2.5 13.7652 2.5 13.5V11.5C2.5 11.3674 2.55268 11.2402 2.64645 11.1464C2.74021 11.0527 2.86739 11 3 11C3.13261 11 3.25979 11.0527 3.35355 11.1464C3.44732 11.2402 3.5 11.3674 3.5 11.5V13.5H4.5C4.63261 13.5 4.75979 13.5527 4.85355 13.6464C4.94732 13.7402 5 13.8674 5 14ZM13.5 5.5V8.5C13.5 8.63261 13.4473 8.75979 13.3536 8.85355C13.2598 8.94732 13.1326 9 13 9C12.8674 9 12.7402 8.94732 12.6464 8.85355C12.5527 8.75979 12.5 8.63261 12.5 8.5V6H9.5C9.36739 6 9.24021 5.94732 9.14645 5.85355C9.05268 5.75978 9 5.63261 9 5.5V2.5H7.5C7.36739 2.5 7.24021 2.44732 7.14645 2.35355C7.05268 2.25979 7 2.13261 7 2C7 1.86739 7.05268 1.74021 7.14645 1.64645C7.24021 1.55268 7.36739 1.5 7.5 1.5H9.5C9.56568 1.49995 9.63073 1.51284 9.69143 1.53793C9.75212 1.56303 9.80728 1.59983 9.85375 1.64625L13.3538 5.14625C13.4002 5.19272 13.437 5.24788 13.4621 5.30858C13.4872 5.36927 13.5001 5.43432 13.5 5.5ZM10 5H11.7931L10 3.20688V5ZM5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V4C2.5 4.13261 2.55268 4.25979 2.64645 4.35355C2.74021 4.44732 2.86739 4.5 3 4.5C3.13261 4.5 3.25979 4.44732 3.35355 4.35355C3.44732 4.25979 3.5 4.13261 3.5 4V2.5H5C5.13261 2.5 5.25979 2.44732 5.35355 2.35355C5.44732 2.25979 5.5 2.13261 5.5 2C5.5 1.86739 5.44732 1.74021 5.35355 1.64645C5.25979 1.55268 5.13261 1.5 5 1.5ZM13 10.5C12.8674 10.5 12.7402 10.5527 12.6464 10.6464C12.5527 10.7402 12.5 10.8674 12.5 11V13.5H12C11.8674 13.5 11.7402 13.5527 11.6464 13.6464C11.5527 13.7402 11.5 13.8674 11.5 14C11.5 14.1326 11.5527 14.2598 11.6464 14.3536C11.7402 14.4473 11.8674 14.5 12 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V11C13.5 10.8674 13.4473 10.7402 13.3536 10.6464C13.2598 10.5527 13.1326 10.5 13 10.5ZM3 9.5C3.13261 9.5 3.25979 9.44732 3.35355 9.35355C3.44732 9.25979 3.5 9.13261 3.5 9V6.5C3.5 6.36739 3.44732 6.24021 3.35355 6.14645C3.25979 6.05268 3.13261 6 3 6C2.86739 6 2.74021 6.05268 2.64645 6.14645C2.55268 6.24021 2.5 6.36739 2.5 6.5V9C2.5 9.13261 2.55268 9.25979 2.64645 9.35355C2.74021 9.44732 2.86739 9.5 3 9.5ZM9.5 13.5H7C6.86739 13.5 6.74021 13.5527 6.64645 13.6464C6.55268 13.7402 6.5 13.8674 6.5 14C6.5 14.1326 6.55268 14.2598 6.64645 14.3536C6.74021 14.4473 6.86739 14.5 7 14.5H9.5C9.63261 14.5 9.75979 14.4473 9.85355 14.3536C9.94732 14.2598 10 14.1326 10 14C10 13.8674 9.94732 13.7402 9.85355 13.6464C9.75979 13.5527 9.63261 13.5 9.5 13.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/file-html.svg b/packages/icons/svgs/file-html.svg
new file mode 100644
index 000000000..2938447c1
--- /dev/null
+++ b/packages/icons/svgs/file-html.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 7.5V5.5C13.5001 5.43432 13.4872 5.36927 13.4621 5.30858C13.437 5.24788 13.4002 5.19272 13.3538 5.14625L9.85375 1.64625C9.80728 1.59983 9.75212 1.56303 9.69143 1.53793C9.63073 1.51284 9.56568 1.49995 9.5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V7.5C2.5 7.63261 2.55268 7.75979 2.64645 7.85355C2.74021 7.94732 2.86739 8 3 8C3.13261 8 3.25979 7.94732 3.35355 7.85355C3.44732 7.75979 3.5 7.63261 3.5 7.5V2.5H9V5.5C9 5.63261 9.05268 5.75979 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V7.5C12.5 7.63261 12.5527 7.75979 12.6464 7.85355C12.7402 7.94732 12.8674 8 13 8C13.1326 8 13.2598 7.94732 13.3536 7.85355C13.4473 7.75979 13.5 7.63261 13.5 7.5ZM10 3.20688L11.7931 5H10V3.20688ZM4.25 10V13C4.25 13.1326 4.19732 13.2598 4.10355 13.3536C4.00979 13.4473 3.88261 13.5 3.75 13.5C3.61739 13.5 3.49021 13.4473 3.39645 13.3536C3.30268 13.2598 3.25 13.1326 3.25 13V12H2V13C2 13.1326 1.94732 13.2598 1.85355 13.3536C1.75979 13.4473 1.63261 13.5 1.5 13.5C1.36739 13.5 1.24021 13.4473 1.14645 13.3536C1.05268 13.2598 1 13.1326 1 13V10C1 9.86739 1.05268 9.74021 1.14645 9.64645C1.24021 9.55268 1.36739 9.5 1.5 9.5C1.63261 9.5 1.75979 9.55268 1.85355 9.64645C1.94732 9.74021 2 9.86739 2 10V11H3.25V10C3.25 9.86739 3.30268 9.74021 3.39645 9.64645C3.49021 9.55268 3.61739 9.5 3.75 9.5C3.88261 9.5 4.00979 9.55268 4.10355 9.64645C4.19732 9.74021 4.25 9.86739 4.25 10ZM7.75 10C7.75 10.1326 7.69732 10.2598 7.60355 10.3536C7.50979 10.4473 7.38261 10.5 7.25 10.5H6.75V13C6.75 13.1326 6.69732 13.2598 6.60355 13.3536C6.50979 13.4473 6.38261 13.5 6.25 13.5C6.11739 13.5 5.99021 13.4473 5.89645 13.3536C5.80268 13.2598 5.75 13.1326 5.75 13V10.5H5.25C5.11739 10.5 4.99021 10.4473 4.89645 10.3536C4.80268 10.2598 4.75 10.1326 4.75 10C4.75 9.86739 4.80268 9.74021 4.89645 9.64645C4.99021 9.55268 5.11739 9.5 5.25 9.5H7.25C7.38261 9.5 7.50979 9.55268 7.60355 9.64645C7.69732 9.74021 7.75 9.86739 7.75 10ZM12.25 10V13C12.25 13.1326 12.1973 13.2598 12.1036 13.3536C12.0098 13.4473 11.8826 13.5 11.75 13.5C11.6174 13.5 11.4902 13.4473 11.3964 13.3536C11.3027 13.2598 11.25 13.1326 11.25 13V11.5L10.65 12.3C10.6034 12.3621 10.543 12.4125 10.4736 12.4472C10.4042 12.4819 10.3276 12.5 10.25 12.5C10.1724 12.5 10.0958 12.4819 10.0264 12.4472C9.95697 12.4125 9.89657 12.3621 9.85 12.3L9.25 11.5V13C9.25 13.1326 9.19732 13.2598 9.10355 13.3536C9.00979 13.4473 8.88261 13.5 8.75 13.5C8.61739 13.5 8.49021 13.4473 8.39645 13.3536C8.30268 13.2598 8.25 13.1326 8.25 13V10C8.25 9.89506 8.28302 9.79278 8.34438 9.70764C8.40574 9.62251 8.49233 9.55884 8.59189 9.52566C8.69144 9.49247 8.79892 9.49145 8.89908 9.52274C8.99925 9.55403 9.08704 9.61605 9.15 9.7L10.25 11.1669L11.35 9.7C11.413 9.61605 11.5007 9.55403 11.6009 9.52274C11.7011 9.49145 11.8086 9.49247 11.9081 9.52566C12.0077 9.55884 12.0943 9.62251 12.1556 9.70764C12.217 9.79278 12.25 9.89506 12.25 10ZM15.75 13C15.75 13.1326 15.6973 13.2598 15.6036 13.3536C15.5098 13.4473 15.3826 13.5 15.25 13.5H13.5C13.3674 13.5 13.2402 13.4473 13.1464 13.3536C13.0527 13.2598 13 13.1326 13 13V10C13 9.86739 13.0527 9.74021 13.1464 9.64645C13.2402 9.55268 13.3674 9.5 13.5 9.5C13.6326 9.5 13.7598 9.55268 13.8536 9.64645C13.9473 9.74021 14 9.86739 14 10V12.5H15.25C15.3826 12.5 15.5098 12.5527 15.6036 12.6464C15.6973 12.7402 15.75 12.8674 15.75 13Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/file-pdf.svg b/packages/icons/svgs/file-pdf.svg
new file mode 100644
index 000000000..4bd3300a7
--- /dev/null
+++ b/packages/icons/svgs/file-pdf.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 9.5C14 9.63261 13.9473 9.75979 13.8536 9.85355C13.7598 9.94732 13.6326 10 13.5 10H12V11H13C13.1326 11 13.2598 11.0527 13.3536 11.1464C13.4473 11.2402 13.5 11.3674 13.5 11.5C13.5 11.6326 13.4473 11.7598 13.3536 11.8536C13.2598 11.9473 13.1326 12 13 12H12V13C12 13.1326 11.9473 13.2598 11.8536 13.3536C11.7598 13.4473 11.6326 13.5 11.5 13.5C11.3674 13.5 11.2402 13.4473 11.1464 13.3536C11.0527 13.2598 11 13.1326 11 13V9.5C11 9.36739 11.0527 9.24021 11.1464 9.14645C11.2402 9.05268 11.3674 9 11.5 9H13.5C13.6326 9 13.7598 9.05268 13.8536 9.14645C13.9473 9.24021 14 9.36739 14 9.5ZM5.75 10.75C5.75 11.2141 5.56563 11.6592 5.23744 11.9874C4.90925 12.3156 4.46413 12.5 4 12.5H3.5V13C3.5 13.1326 3.44732 13.2598 3.35355 13.3536C3.25979 13.4473 3.13261 13.5 3 13.5C2.86739 13.5 2.74021 13.4473 2.64645 13.3536C2.55268 13.2598 2.5 13.1326 2.5 13V9.5C2.5 9.36739 2.55268 9.24021 2.64645 9.14645C2.74021 9.05268 2.86739 9 3 9H4C4.46413 9 4.90925 9.18437 5.23744 9.51256C5.56563 9.84075 5.75 10.2859 5.75 10.75ZM4.75 10.75C4.75 10.5511 4.67098 10.3603 4.53033 10.2197C4.38968 10.079 4.19891 10 4 10H3.5V11.5H4C4.19891 11.5 4.38968 11.421 4.53033 11.2803C4.67098 11.1397 4.75 10.9489 4.75 10.75ZM10.25 11.25C10.25 11.8467 10.0129 12.419 9.59099 12.841C9.16903 13.2629 8.59674 13.5 8 13.5H7C6.86739 13.5 6.74021 13.4473 6.64645 13.3536C6.55268 13.2598 6.5 13.1326 6.5 13V9.5C6.5 9.36739 6.55268 9.24021 6.64645 9.14645C6.74021 9.05268 6.86739 9 7 9H8C8.59674 9 9.16903 9.23705 9.59099 9.65901C10.0129 10.081 10.25 10.6533 10.25 11.25ZM9.25 11.25C9.25 10.9185 9.1183 10.6005 8.88388 10.3661C8.64946 10.1317 8.33152 10 8 10H7.5V12.5H8C8.33152 12.5 8.64946 12.3683 8.88388 12.1339C9.1183 11.8995 9.25 11.5815 9.25 11.25ZM2.5 7V2.5C2.5 2.23478 2.60536 1.98043 2.79289 1.79289C2.98043 1.60536 3.23478 1.5 3.5 1.5H9.5C9.56568 1.49995 9.63073 1.51284 9.69143 1.53793C9.75212 1.56303 9.80728 1.59983 9.85375 1.64625L13.3538 5.14625C13.4002 5.19272 13.437 5.24788 13.4621 5.30858C13.4872 5.36927 13.5001 5.43432 13.5 5.5V7C13.5 7.13261 13.4473 7.25979 13.3536 7.35355C13.2598 7.44732 13.1326 7.5 13 7.5C12.8674 7.5 12.7402 7.44732 12.6464 7.35355C12.5527 7.25979 12.5 7.13261 12.5 7V6H9.5C9.36739 6 9.24021 5.94732 9.14645 5.85355C9.05268 5.75979 9 5.63261 9 5.5V2.5H3.5V7C3.5 7.13261 3.44732 7.25979 3.35355 7.35355C3.25979 7.44732 3.13261 7.5 3 7.5C2.86739 7.5 2.74021 7.44732 2.64645 7.35355C2.55268 7.25979 2.5 7.13261 2.5 7ZM10 5H11.7931L10 3.20688V5Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/file-text.svg b/packages/icons/svgs/file-text.svg
new file mode 100644
index 000000000..d606c3925
--- /dev/null
+++ b/packages/icons/svgs/file-text.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="FileText">
+<path id="Vector" d="M13.3538 5.14625L9.85375 1.64625C9.80728 1.59983 9.75212 1.56303 9.69143 1.53793C9.63073 1.51284 9.56568 1.49995 9.5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V13.5C2.5 13.7652 2.60536 14.0196 2.79289 14.2071C2.98043 14.3946 3.23478 14.5 3.5 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V5.5C13.5001 5.43432 13.4872 5.36927 13.4621 5.30858C13.437 5.24788 13.4002 5.19272 13.3538 5.14625ZM10 3.20688L11.7931 5H10V3.20688ZM12.5 13.5H3.5V2.5H9V5.5C9 5.63261 9.05268 5.75978 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V13.5ZM10.5 8.5C10.5 8.63261 10.4473 8.75979 10.3536 8.85355C10.2598 8.94732 10.1326 9 10 9H6C5.86739 9 5.74021 8.94732 5.64645 8.85355C5.55268 8.75979 5.5 8.63261 5.5 8.5C5.5 8.36739 5.55268 8.24021 5.64645 8.14645C5.74021 8.05268 5.86739 8 6 8H10C10.1326 8 10.2598 8.05268 10.3536 8.14645C10.4473 8.24021 10.5 8.36739 10.5 8.5ZM10.5 10.5C10.5 10.6326 10.4473 10.7598 10.3536 10.8536C10.2598 10.9473 10.1326 11 10 11H6C5.86739 11 5.74021 10.9473 5.64645 10.8536C5.55268 10.7598 5.5 10.6326 5.5 10.5C5.5 10.3674 5.55268 10.2402 5.64645 10.1464C5.74021 10.0527 5.86739 10 6 10H10C10.1326 10 10.2598 10.0527 10.3536 10.1464C10.4473 10.2402 10.5 10.3674 10.5 10.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/fingerprint-simple.svg b/packages/icons/svgs/fingerprint-simple.svg
new file mode 100644
index 000000000..0cf08ab23
--- /dev/null
+++ b/packages/icons/svgs/fingerprint-simple.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4998 8.00001C11.5032 10.0203 11.1095 12.0216 10.341 13.89C10.3037 13.9822 10.2398 14.0611 10.1574 14.1168C10.075 14.1725 9.97793 14.2023 9.87851 14.2025C9.81421 14.2019 9.7506 14.1892 9.69101 14.165C9.6302 14.1401 9.5749 14.1034 9.52828 14.057C9.48167 14.0107 9.44464 13.9556 9.41933 13.8949C9.39402 13.8343 9.38092 13.7692 9.38078 13.7035C9.38064 13.6378 9.39346 13.5727 9.41851 13.5119C10.1368 11.7632 10.5042 9.89042 10.4998 8.00001C10.4998 7.8674 10.5524 7.74022 10.6462 7.64645C10.74 7.55268 10.8672 7.50001 10.9998 7.50001C11.1324 7.50001 11.2595 7.55268 11.3533 7.64645C11.4471 7.74022 11.4998 7.8674 11.4998 8.00001ZM7.99976 5.50001C8.3514 5.50025 8.69905 5.57457 9.02006 5.71811C9.34108 5.86166 9.62825 6.07121 9.86288 6.33313C9.90633 6.38325 9.95932 6.42422 10.0188 6.45366C10.0782 6.48311 10.1429 6.50043 10.2091 6.50462C10.2753 6.50881 10.3417 6.49979 10.4043 6.47808C10.467 6.45637 10.5247 6.4224 10.5742 6.37816C10.6236 6.33392 10.6637 6.28029 10.6922 6.22039C10.7207 6.1605 10.737 6.09553 10.7401 6.02927C10.7433 5.96302 10.7332 5.8968 10.7105 5.83447C10.6878 5.77215 10.6529 5.71497 10.6079 5.66626C10.1353 5.13812 9.51342 4.76592 8.82465 4.59888C8.13589 4.43184 7.41263 4.47784 6.75058 4.7308C6.08852 4.98375 5.51886 5.43174 5.11695 6.01549C4.71503 6.59925 4.49982 7.29127 4.49976 8.00001C4.49969 9.4397 4.13411 10.8558 3.43726 12.1156C3.40541 12.1731 3.3852 12.2362 3.37776 12.3015C3.37033 12.3668 3.37582 12.4329 3.39393 12.496C3.41203 12.5592 3.4424 12.6181 3.48329 12.6695C3.52419 12.7209 3.57481 12.7638 3.63226 12.7956C3.68971 12.8275 3.75288 12.8477 3.81814 12.8551C3.88341 12.8626 3.9495 12.8571 4.01265 12.839C4.07579 12.8209 4.13475 12.7905 4.18616 12.7496C4.23756 12.7087 4.28041 12.6581 4.31226 12.6006C5.09103 11.1923 5.49962 9.60933 5.49976 8.00001C5.49976 7.33696 5.76315 6.70108 6.23199 6.23224C6.70083 5.7634 7.33672 5.50001 7.99976 5.50001ZM7.99976 1.5C7.26167 1.49912 6.52885 1.62425 5.83288 1.87C5.71009 1.91592 5.61024 2.00822 5.55483 2.12703C5.49943 2.24584 5.4929 2.38166 5.53666 2.50524C5.58043 2.62882 5.67097 2.73027 5.7888 2.78774C5.90663 2.84521 6.04231 2.8541 6.16663 2.8125C6.99636 2.51994 7.88414 2.43057 8.75553 2.5519C9.62692 2.67322 10.4565 3.0017 11.1748 3.5098C11.893 4.01789 12.479 4.69079 12.8835 5.47206C13.288 6.25333 13.4994 7.12021 13.4998 8.00001C13.5004 9.30857 13.3549 10.6131 13.066 11.8894C13.0366 12.0184 13.0596 12.1538 13.1299 12.2659C13.2002 12.378 13.3121 12.4577 13.441 12.4875C13.4775 12.4959 13.5148 12.5001 13.5523 12.5C13.6656 12.5 13.7756 12.4614 13.8642 12.3907C13.9528 12.3199 14.0147 12.2212 14.0398 12.1106C14.3452 10.7617 14.4995 9.38304 14.4998 8.00001C14.4979 6.27666 13.8125 4.62441 12.5939 3.40582C11.3754 2.18723 9.72311 1.50182 7.99976 1.5ZM4.33351 3.90125C4.38247 3.85747 4.42232 3.80447 4.4508 3.74528C4.47927 3.68609 4.49581 3.62187 4.49947 3.55628C4.50312 3.4907 4.49383 3.42504 4.47211 3.36306C4.45039 3.30107 4.41667 3.24396 4.37288 3.195C4.3291 3.14605 4.2761 3.10619 4.21691 3.07772C4.15772 3.04924 4.0935 3.0327 4.02791 3.02905C3.96233 3.02539 3.89667 3.03469 3.83469 3.05641C3.7727 3.07813 3.71559 3.11184 3.66663 3.15563C2.9855 3.76565 2.4405 4.51232 2.06715 5.34699C1.6938 6.18167 1.50048 7.08563 1.49976 8.00001C1.50116 8.79097 1.33055 9.57278 0.99976 10.2913C0.972346 10.3509 0.956954 10.4154 0.954462 10.481C0.95197 10.5466 0.962426 10.6121 0.985235 10.6737C1.0313 10.798 1.12488 10.899 1.24538 10.9544C1.36589 11.0097 1.50346 11.015 1.62782 10.9689C1.75218 10.9228 1.85315 10.8293 1.90851 10.7088C2.29967 9.85939 2.50142 8.93511 2.49976 8.00001C2.50042 7.22634 2.66406 6.4615 2.98001 5.75529C3.29596 5.04908 3.75714 4.41735 4.33351 3.90125ZM7.11976 12.5463C7.06009 12.5188 6.99561 12.5034 6.92999 12.5009C6.86437 12.4985 6.7989 12.5089 6.73732 12.5317C6.67574 12.5545 6.61926 12.5892 6.5711 12.6339C6.52294 12.6785 6.48404 12.7322 6.45663 12.7919C6.33663 13.0544 6.20663 13.3163 6.06351 13.5694C6.03154 13.6269 6.01122 13.6901 6.00372 13.7554C5.99622 13.8208 6.00168 13.8869 6.01979 13.9502C6.03791 14.0134 6.06832 14.0724 6.10928 14.1239C6.15024 14.1753 6.20095 14.2182 6.25851 14.25C6.33242 14.2913 6.41573 14.3128 6.50038 14.3125C6.58966 14.3125 6.67731 14.2887 6.75425 14.2434C6.83118 14.1981 6.89459 14.1331 6.93788 14.055C7.09038 13.7794 7.23413 13.4925 7.36538 13.21C7.3929 13.1503 7.40837 13.0858 7.41092 13.0201C7.41346 12.9544 7.40303 12.8888 7.38021 12.8272C7.3574 12.7655 7.32265 12.709 7.27796 12.6608C7.23327 12.6126 7.17951 12.5737 7.11976 12.5463ZM7.99976 7.50001C7.86715 7.50001 7.73997 7.55268 7.64621 7.64645C7.55244 7.74022 7.49976 7.8674 7.49976 8.00001C7.50012 8.96972 7.37855 9.93563 7.13788 10.875C7.10485 11.0034 7.12415 11.1396 7.19154 11.2538C7.25893 11.3679 7.3689 11.4507 7.49726 11.4838C7.53812 11.4941 7.58011 11.4994 7.62226 11.4994C7.73304 11.4993 7.84066 11.4624 7.92822 11.3946C8.01578 11.3267 8.07831 11.2316 8.10601 11.1244C8.36805 10.1034 8.50034 9.05345 8.49976 7.99938C8.49959 7.86688 8.44684 7.73986 8.35309 7.64623C8.25934 7.5526 8.13226 7.50001 7.99976 7.50001Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/folder.svg b/packages/icons/svgs/folder.svg
new file mode 100644
index 000000000..d11f31b22
--- /dev/null
+++ b/packages/icons/svgs/folder.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 4.50001H8.20687L6.5 2.79313C6.40748 2.69987 6.29734 2.62593 6.17599 2.5756C6.05464 2.52528 5.9245 2.49959 5.79313 2.50001H2.5C2.23478 2.50001 1.98043 2.60536 1.79289 2.7929C1.60536 2.98043 1.5 3.23479 1.5 3.50001V12.5388C1.50033 12.7936 1.60171 13.0379 1.78191 13.2181C1.96211 13.3983 2.20641 13.4997 2.46125 13.5H13.5556C13.806 13.4997 14.046 13.4001 14.223 13.223C14.4001 13.046 14.4997 12.806 14.5 12.5556V5.50001C14.5 5.23479 14.3946 4.98043 14.2071 4.7929C14.0196 4.60536 13.7652 4.50001 13.5 4.50001ZM2.5 3.50001H5.79313L6.79313 4.50001H2.5V3.50001ZM13.5 12.5H2.5V5.50001H13.5V12.5Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/gift.svg b/packages/icons/svgs/gift.svg
new file mode 100644
index 000000000..991fc110c
--- /dev/null
+++ b/packages/icons/svgs/gift.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 4.4999H11.3075C11.3319 4.47927 11.3569 4.45927 11.3806 4.4374C11.5704 4.26876 11.7234 4.06276 11.83 3.8323C11.9366 3.60184 11.9944 3.35187 12 3.09802C12.0082 2.82032 11.9596 2.54387 11.8571 2.28564C11.7546 2.02741 11.6004 1.79286 11.404 1.59637C11.2075 1.39989 10.973 1.24563 10.7148 1.14306C10.4566 1.04049 10.1802 0.991769 9.9025 0.999896C9.64855 1.00537 9.39845 1.0632 9.16788 1.16978C8.9373 1.27635 8.73121 1.42938 8.5625 1.61927C8.32905 1.88983 8.13927 2.19517 8 2.52427C7.86073 2.19517 7.67095 1.88983 7.4375 1.61927C7.26879 1.42938 7.0627 1.27635 6.83212 1.16978C6.60155 1.0632 6.35146 1.00537 6.0975 0.999896C5.81979 0.991769 5.54336 1.04049 5.28516 1.14306C5.02696 1.24563 4.79245 1.39989 4.59603 1.59637C4.39961 1.79286 4.24542 2.02741 4.14292 2.28564C4.04043 2.54387 3.99179 2.82032 4 3.09802C4.00556 3.35187 4.06343 3.60184 4.17 3.8323C4.27658 4.06276 4.42956 4.26876 4.61938 4.4374C4.64313 4.45802 4.66813 4.47802 4.6925 4.4999H2.5C2.23478 4.4999 1.98043 4.60525 1.79289 4.79279C1.60536 4.98033 1.5 5.23468 1.5 5.4999V7.4999C1.5 7.76511 1.60536 8.01947 1.79289 8.207C1.98043 8.39454 2.23478 8.4999 2.5 8.4999V12.4999C2.5 12.7651 2.60536 13.0195 2.79289 13.207C2.98043 13.3945 3.23478 13.4999 3.5 13.4999H12.5C12.7652 13.4999 13.0196 13.3945 13.2071 13.207C13.3946 13.0195 13.5 12.7651 13.5 12.4999V8.4999C13.7652 8.4999 14.0196 8.39454 14.2071 8.207C14.3946 8.01947 14.5 7.76511 14.5 7.4999V5.4999C14.5 5.23468 14.3946 4.98033 14.2071 4.79279C14.0196 4.60525 13.7652 4.4999 13.5 4.4999ZM9.3125 2.28177C9.39167 2.19435 9.48805 2.12423 9.59561 2.07583C9.70316 2.02743 9.81956 2.00179 9.9375 2.00052H9.96813C10.1064 2.00138 10.243 2.02983 10.3701 2.08419C10.4972 2.13855 10.6122 2.21773 10.7083 2.31709C10.8044 2.41645 10.8797 2.534 10.9298 2.66284C10.9799 2.79167 11.0037 2.92921 11 3.0674C10.9987 3.18533 10.9731 3.30173 10.9247 3.40929C10.8763 3.51684 10.8062 3.61323 10.7188 3.6924C10.1256 4.2174 9.14125 4.4024 8.53125 4.4674C8.60625 3.80552 8.8125 2.84365 9.3125 2.28177ZM5.30688 2.30427C5.50059 2.11058 5.76294 2.00119 6.03687 1.9999H6.0675C6.18544 2.00117 6.30184 2.02681 6.40939 2.07521C6.51695 2.12361 6.61333 2.19372 6.6925 2.28115C7.21688 2.87365 7.40188 3.85615 7.46688 4.46365C6.85938 4.40115 5.87687 4.21365 5.28438 3.68927C5.19695 3.6101 5.12684 3.51372 5.07844 3.40616C5.03004 3.29861 5.0044 3.18221 5.00313 3.06427C4.99925 2.92379 5.02395 2.78399 5.07574 2.65335C5.12752 2.52271 5.20531 2.40394 5.30438 2.30427H5.30688ZM2.5 5.4999H7.5V7.4999H2.5V5.4999ZM3.5 8.4999H7.5V12.4999H3.5V8.4999ZM12.5 12.4999H8.5V8.4999H12.5V12.4999ZM13.5 7.4999H8.5V5.4999H13.5V7.4999Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/git-pull-request.svg b/packages/icons/svgs/git-pull-request.svg
new file mode 100644
index 000000000..163be066b
--- /dev/null
+++ b/packages/icons/svgs/git-pull-request.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="GitPullRequest">
+<path id="Vector" d="M6.5 4C6.49981 3.62598 6.39475 3.2595 6.19673 2.94219C5.99872 2.62488 5.7157 2.36945 5.37981 2.20492C5.04392 2.04038 4.66862 1.97333 4.29653 2.01138C3.92445 2.04944 3.57049 2.19106 3.27486 2.42018C2.97922 2.64929 2.75376 2.95672 2.62407 3.30754C2.49439 3.65836 2.46567 4.03852 2.54119 4.40484C2.61672 4.77116 2.79345 5.10897 3.05131 5.37989C3.30918 5.65081 3.63785 5.84399 4 5.9375V10.0625C3.52867 10.1842 3.11791 10.4736 2.8447 10.8765C2.57149 11.2794 2.4546 11.7681 2.51594 12.251C2.57728 12.7339 2.81263 13.1779 3.17788 13.4997C3.54314 13.8215 4.01321 13.999 4.5 13.999C4.98679 13.999 5.45686 13.8215 5.82212 13.4997C6.18737 13.1779 6.42272 12.7339 6.48406 12.251C6.5454 11.7681 6.42851 11.2794 6.1553 10.8765C5.8821 10.4736 5.47133 10.1842 5 10.0625V5.9375C5.42916 5.82603 5.80923 5.57536 6.08066 5.22475C6.3521 4.87414 6.49958 4.4434 6.5 4ZM3.5 4C3.5 3.80222 3.55865 3.60888 3.66853 3.44443C3.77841 3.27998 3.93459 3.15181 4.11732 3.07612C4.30004 3.00043 4.50111 2.98063 4.69509 3.01921C4.88907 3.0578 5.06725 3.15304 5.20711 3.29289C5.34696 3.43275 5.4422 3.61093 5.48079 3.80491C5.51937 3.99889 5.49957 4.19996 5.42388 4.38268C5.34819 4.56541 5.22002 4.72159 5.05557 4.83147C4.89112 4.94135 4.69778 5 4.5 5C4.23478 5 3.98043 4.89464 3.79289 4.70711C3.60536 4.51957 3.5 4.26522 3.5 4ZM5.5 12C5.5 12.1978 5.44135 12.3911 5.33147 12.5556C5.22159 12.72 5.06541 12.8482 4.88268 12.9239C4.69996 12.9996 4.49889 13.0194 4.30491 12.9808C4.11093 12.9422 3.93275 12.847 3.79289 12.7071C3.65304 12.5673 3.5578 12.3891 3.51921 12.1951C3.48063 12.0011 3.50043 11.8 3.57612 11.6173C3.65181 11.4346 3.77998 11.2784 3.94443 11.1685C4.10888 11.0586 4.30222 11 4.5 11C4.76522 11 5.01957 11.1054 5.20711 11.2929C5.39464 11.4804 5.5 11.7348 5.5 12ZM13 10.0625V6.91437C13.001 6.71714 12.9628 6.52166 12.8877 6.33928C12.8126 6.15689 12.7021 5.99122 12.5625 5.85187L10.2069 3.5H12C12.1326 3.5 12.2598 3.44732 12.3536 3.35355C12.4473 3.25979 12.5 3.13261 12.5 3C12.5 2.86739 12.4473 2.74021 12.3536 2.64645C12.2598 2.55268 12.1326 2.5 12 2.5H9C8.86739 2.5 8.74022 2.55268 8.64645 2.64645C8.55268 2.74021 8.5 2.86739 8.5 3V6C8.5 6.13261 8.55268 6.25978 8.64645 6.35355C8.74022 6.44732 8.86739 6.5 9 6.5C9.13261 6.5 9.25979 6.44732 9.35355 6.35355C9.44732 6.25978 9.5 6.13261 9.5 6V4.20687L11.8538 6.5625C11.9002 6.60897 11.937 6.66413 11.9621 6.72483C11.9872 6.78552 12.0001 6.85057 12 6.91625V10.0625C11.5287 10.1842 11.1179 10.4736 10.8447 10.8765C10.5715 11.2794 10.4546 11.7681 10.5159 12.251C10.5773 12.7339 10.8126 13.1779 11.1779 13.4997C11.5431 13.8215 12.0132 13.999 12.5 13.999C12.9868 13.999 13.4569 13.8215 13.8221 13.4997C14.1874 13.1779 14.4227 12.7339 14.4841 12.251C14.5454 11.7681 14.4285 11.2794 14.1553 10.8765C13.8821 10.4736 13.4713 10.1842 13 10.0625ZM12.5 13C12.3022 13 12.1089 12.9414 11.9444 12.8315C11.78 12.7216 11.6518 12.5654 11.5761 12.3827C11.5004 12.2 11.4806 11.9989 11.5192 11.8049C11.5578 11.6109 11.653 11.4327 11.7929 11.2929C11.9327 11.153 12.1109 11.0578 12.3049 11.0192C12.4989 10.9806 12.7 11.0004 12.8827 11.0761C13.0654 11.1518 13.2216 11.28 13.3315 11.4444C13.4414 11.6089 13.5 11.8022 13.5 12C13.5 12.2652 13.3946 12.5196 13.2071 12.7071C13.0196 12.8946 12.7652 13 12.5 13Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/github-logo.svg b/packages/icons/svgs/github-logo.svg
new file mode 100644
index 000000000..b7197c10c
--- /dev/null
+++ b/packages/icons/svgs/github-logo.svg
@@ -0,0 +1,10 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="GithubLogo" clip-path="url(#clip0_0_19)">
+<path id="Vector" d="M13.0194 4.73C13.1722 4.237 13.2212 3.71768 13.1634 3.20478C13.1055 2.69189 12.942 2.19655 12.6831 1.75C12.6392 1.67397 12.5761 1.61084 12.5001 1.56696C12.424 1.52307 12.3378 1.49998 12.25 1.5C11.6676 1.49878 11.093 1.63379 10.5721 1.89424C10.0512 2.15469 9.59845 2.53336 9.25 3H7.75C7.40155 2.53336 6.94878 2.15469 6.42788 1.89424C5.90698 1.63379 5.33238 1.49878 4.75 1.5C4.66221 1.49998 4.57597 1.52307 4.49994 1.56696C4.42391 1.61084 4.36077 1.67397 4.31687 1.75C4.05803 2.19655 3.89452 2.69189 3.83664 3.20478C3.77877 3.71768 3.82779 4.237 3.98062 4.73C3.6717 5.2692 3.50623 5.87861 3.5 6.5V7C3.50105 7.846 3.80817 8.66305 4.36464 9.30028C4.92111 9.93751 5.68935 10.3519 6.5275 10.4669C6.18538 10.9047 5.99968 11.4444 6 12V12.5H4.5C4.10218 12.5 3.72064 12.342 3.43934 12.0607C3.15804 11.7794 3 11.3978 3 11C3 10.6717 2.93534 10.3466 2.8097 10.0433C2.68406 9.73998 2.49991 9.46438 2.26777 9.23223C2.03562 9.00009 1.76002 8.81594 1.45671 8.6903C1.15339 8.56466 0.828305 8.5 0.5 8.5C0.367392 8.5 0.240215 8.55268 0.146447 8.64645C0.0526784 8.74022 0 8.86739 0 9C0 9.13261 0.0526784 9.25979 0.146447 9.35355C0.240215 9.44732 0.367392 9.5 0.5 9.5C0.897825 9.5 1.27936 9.65804 1.56066 9.93934C1.84196 10.2206 2 10.6022 2 11C2 11.663 2.26339 12.2989 2.73223 12.7678C3.20107 13.2366 3.83696 13.5 4.5 13.5H6V14.5C6 14.6326 6.05268 14.7598 6.14645 14.8536C6.24021 14.9473 6.36739 15 6.5 15C6.63261 15 6.75979 14.9473 6.85355 14.8536C6.94732 14.7598 7 14.6326 7 14.5V12C7 11.6022 7.15804 11.2206 7.43934 10.9393C7.72064 10.658 8.10218 10.5 8.5 10.5C8.89782 10.5 9.27936 10.658 9.56066 10.9393C9.84196 11.2206 10 11.6022 10 12V14.5C10 14.6326 10.0527 14.7598 10.1464 14.8536C10.2402 14.9473 10.3674 15 10.5 15C10.6326 15 10.7598 14.9473 10.8536 14.8536C10.9473 14.7598 11 14.6326 11 14.5V12C11.0003 11.4444 10.8146 10.9047 10.4725 10.4669C11.3107 10.3519 12.0789 9.93751 12.6354 9.30028C13.1918 8.66305 13.4989 7.846 13.5 7V6.5C13.4938 5.87861 13.3283 5.2692 13.0194 4.73ZM12.5 7C12.5 7.66304 12.2366 8.29893 11.7678 8.76777C11.2989 9.23661 10.663 9.5 10 9.5H7C6.33696 9.5 5.70107 9.23661 5.23223 8.76777C4.76339 8.29893 4.5 7.66304 4.5 7V6.5C4.50613 6.00002 4.65582 5.51233 4.93125 5.095C4.98259 5.02732 5.01585 4.94768 5.02788 4.86359C5.03991 4.7795 5.03031 4.69373 5 4.61438C4.86976 4.2785 4.80709 3.92022 4.81556 3.56008C4.82403 3.19994 4.90349 2.84501 5.04938 2.51563C5.45857 2.55965 5.85262 2.6952 6.2023 2.91223C6.55198 3.12927 6.84832 3.42222 7.06938 3.76938C7.11442 3.83982 7.17641 3.89784 7.24968 3.93813C7.32294 3.97842 7.40514 3.99969 7.48875 4H9.51062C9.59455 4 9.67713 3.97888 9.75075 3.93857C9.82437 3.89827 9.88666 3.84008 9.93188 3.76938C10.1529 3.42219 10.4492 3.12921 10.7989 2.91217C11.1486 2.69513 11.5427 2.5596 11.9519 2.51563C12.0976 2.84509 12.1768 3.20006 12.1851 3.5602C12.1933 3.92035 12.1304 4.27858 12 4.61438C11.9698 4.69297 11.9597 4.77787 11.9706 4.86137C11.9815 4.94486 12.0131 5.02431 12.0625 5.0925C12.3407 5.50983 12.4926 5.99852 12.5 6.5V7Z" fill="var(--fill-0, #181818)"/>
+</g>
+<defs>
+<clipPath id="clip0_0_19">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/icons/svgs/hard-drives.svg b/packages/icons/svgs/hard-drives.svg
new file mode 100644
index 000000000..ee919f6f8
--- /dev/null
+++ b/packages/icons/svgs/hard-drives.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="HardDrives">
+<path id="Vector" d="M13 8.5H3C2.73478 8.5 2.48043 8.60536 2.29289 8.79289C2.10536 8.98043 2 9.23478 2 9.5V12.5C2 12.7652 2.10536 13.0196 2.29289 13.2071C2.48043 13.3946 2.73478 13.5 3 13.5H13C13.2652 13.5 13.5196 13.3946 13.7071 13.2071C13.8946 13.0196 14 12.7652 14 12.5V9.5C14 9.23478 13.8946 8.98043 13.7071 8.79289C13.5196 8.60536 13.2652 8.5 13 8.5ZM13 12.5H3V9.5H13V12.5ZM13 2.5H3C2.73478 2.5 2.48043 2.60536 2.29289 2.79289C2.10536 2.98043 2 3.23478 2 3.5V6.5C2 6.76522 2.10536 7.01957 2.29289 7.20711C2.48043 7.39464 2.73478 7.5 3 7.5H13C13.2652 7.5 13.5196 7.39464 13.7071 7.20711C13.8946 7.01957 14 6.76522 14 6.5V3.5C14 3.23478 13.8946 2.98043 13.7071 2.79289C13.5196 2.60536 13.2652 2.5 13 2.5ZM13 6.5H3V3.5H13V6.5ZM12 5C12 5.14834 11.956 5.29334 11.8736 5.41668C11.7912 5.54001 11.6741 5.63614 11.537 5.69291C11.4 5.74968 11.2492 5.76453 11.1037 5.73559C10.9582 5.70665 10.8246 5.63522 10.7197 5.53033C10.6148 5.42544 10.5433 5.2918 10.5144 5.14632C10.4855 5.00083 10.5003 4.85003 10.5571 4.71299C10.6139 4.57594 10.71 4.45881 10.8333 4.3764C10.9567 4.29399 11.1017 4.25 11.25 4.25C11.4489 4.25 11.6397 4.32902 11.7803 4.46967C11.921 4.61032 12 4.80109 12 5ZM12 11C12 11.1483 11.956 11.2933 11.8736 11.4167C11.7912 11.54 11.6741 11.6361 11.537 11.6929C11.4 11.7497 11.2492 11.7645 11.1037 11.7356C10.9582 11.7067 10.8246 11.6352 10.7197 11.5303C10.6148 11.4254 10.5433 11.2918 10.5144 11.1463C10.4855 11.0008 10.5003 10.85 10.5571 10.713C10.6139 10.5759 10.71 10.4588 10.8333 10.3764C10.9567 10.294 11.1017 10.25 11.25 10.25C11.4489 10.25 11.6397 10.329 11.7803 10.4697C11.921 10.6103 12 10.8011 12 11Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/key.svg b/packages/icons/svgs/key.svg
new file mode 100644
index 000000000..55f7e11b1
--- /dev/null
+++ b/packages/icons/svgs/key.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Key">
+<path id="Vector" d="M13.5356 2.46438C12.7414 1.66907 11.7024 1.16455 10.5863 1.03222C9.47015 0.899898 8.34198 1.14749 7.38384 1.73505C6.42569 2.32261 5.69345 3.21585 5.30528 4.27065C4.91711 5.32545 4.89566 6.48026 5.24438 7.54875L1.79313 11C1.69986 11.0925 1.62592 11.2027 1.5756 11.324C1.52528 11.4454 1.49958 11.5755 1.5 11.7069V13.5C1.5 13.7652 1.60536 14.0196 1.79289 14.2071C1.98043 14.3946 2.23478 14.5 2.5 14.5H4.5C4.63261 14.5 4.75979 14.4473 4.85355 14.3536C4.94732 14.2598 5 14.1326 5 14V13H6C6.13261 13 6.25979 12.9473 6.35355 12.8536C6.44732 12.7598 6.5 12.6326 6.5 12.5V11.5H7.5C7.56568 11.5001 7.63073 11.4872 7.69143 11.4621C7.75212 11.437 7.80728 11.4002 7.85375 11.3538L8.45125 10.7556C8.95137 10.9183 9.47409 11.0008 10 11H10.0063C10.9947 10.9988 11.9605 10.7047 12.7818 10.1548C13.6032 9.60493 14.2431 8.82396 14.6208 7.91056C14.9984 6.99716 15.0969 5.99231 14.9038 5.02297C14.7107 4.05362 14.2346 3.16326 13.5356 2.46438ZM14 6.13125C13.9319 8.26188 12.1406 9.9975 10.0069 10H10C9.49385 10.0009 8.99219 9.90519 8.52188 9.71813C8.42988 9.6782 8.32799 9.66686 8.22946 9.68558C8.13094 9.70431 8.04032 9.75223 7.96938 9.82313L7.29313 10.5H6C5.86739 10.5 5.74022 10.5527 5.64645 10.6464C5.55268 10.7402 5.5 10.8674 5.5 11V12H4.5C4.36739 12 4.24022 12.0527 4.14645 12.1464C4.05268 12.2402 4 12.3674 4 12.5V13.5H2.5V11.7069L6.17688 8.03063C6.24777 7.95969 6.29569 7.86907 6.31442 7.77054C6.33314 7.67201 6.3218 7.57013 6.28188 7.47813C6.09422 7.00624 5.99854 6.50283 6 5.995C6 3.86125 7.73812 2.07 9.86875 2.00188C10.416 1.98361 10.9613 2.07792 11.4706 2.27895C11.98 2.47998 12.4427 2.78346 12.83 3.17058C13.2173 3.5577 13.5209 4.02023 13.7222 4.5295C13.9235 5.03877 14.018 5.58395 14 6.13125ZM12 4.75C12 4.89834 11.956 5.04334 11.8736 5.16668C11.7912 5.29001 11.6741 5.38614 11.537 5.44291C11.4 5.49968 11.2492 5.51453 11.1037 5.48559C10.9582 5.45665 10.8246 5.38522 10.7197 5.28033C10.6148 5.17544 10.5434 5.0418 10.5144 4.89632C10.4855 4.75083 10.5003 4.60003 10.5571 4.46299C10.6139 4.32594 10.71 4.20881 10.8333 4.1264C10.9567 4.04399 11.1017 4 11.25 4C11.4489 4 11.6397 4.07902 11.7803 4.21967C11.921 4.36032 12 4.55109 12 4.75Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/list.svg b/packages/icons/svgs/list.svg
new file mode 100644
index 000000000..63ef4cd2b
--- /dev/null
+++ b/packages/icons/svgs/list.svg
@@ -0,0 +1,10 @@
+<svg width="15" height="7" viewBox="0 0 15 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1403_14599)">
+<path d="M15 5.5C15 5.66208 14.9342 5.81752 14.8169 5.93212C14.6997 6.04673 14.5408 6.11111 14.375 6.11111H0.625C0.45924 6.11111 0.300269 6.04673 0.183058 5.93212C0.0658481 5.81752 0 5.66208 0 5.5C0 5.33792 0.0658481 5.18249 0.183058 5.06788C0.300269 4.95327 0.45924 4.88889 0.625 4.88889H14.375C14.5408 4.88889 14.6997 4.95327 14.8169 5.06788C14.9342 5.18249 15 5.33792 15 5.5ZM0.625 1.22222H14.375C14.5408 1.22222 14.6997 1.15784 14.8169 1.04323C14.9342 0.928626 15 0.773188 15 0.611111C15 0.449034 14.9342 0.293596 14.8169 0.17899C14.6997 0.0643848 14.5408 0 14.375 0H0.625C0.45924 0 0.300269 0.0643848 0.183058 0.17899C0.0658481 0.293596 0 0.449034 0 0.611111C0 0.773188 0.0658481 0.928626 0.183058 1.04323C0.300269 1.15784 0.45924 1.22222 0.625 1.22222ZM14.375 9.77778H0.625C0.45924 9.77778 0.300269 9.84216 0.183058 9.95677C0.0658481 10.0714 0 10.2268 0 10.3889C0 10.551 0.0658481 10.7064 0.183058 10.821C0.300269 10.9356 0.45924 11 0.625 11H14.375C14.5408 11 14.6997 10.9356 14.8169 10.821C14.9342 10.7064 15 10.551 15 10.3889C15 10.2268 14.9342 10.0714 14.8169 9.95677C14.6997 9.84216 14.5408 9.77778 14.375 9.77778Z" fill="#181818"/>
+</g>
+<defs>
+<clipPath id="clip0_1403_14599">
+<rect width="15" height="7" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/icons/svgs/markdown.svg b/packages/icons/svgs/markdown.svg
new file mode 100644
index 000000000..47e9e8450
--- /dev/null
+++ b/packages/icons/svgs/markdown.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5 3H1.5C1.23478 3 0.98043 3.10536 0.792893 3.29289C0.605357 3.48043 0.5 3.73478 0.5 4V12C0.5 12.2652 0.605357 12.5196 0.792893 12.7071C0.98043 12.8946 1.23478 13 1.5 13H14.5C14.7652 13 15.0196 12.8946 15.2071 12.7071C15.3946 12.5196 15.5 12.2652 15.5 12V4C15.5 3.73478 15.3946 3.48043 15.2071 3.29289C15.0196 3.10536 14.7652 3 14.5 3ZM14.5 12H1.5V4H14.5V12ZM8 6.5V9.5C8 9.63261 7.94732 9.75979 7.85355 9.85355C7.75979 9.94732 7.63261 10 7.5 10C7.36739 10 7.24021 9.94732 7.14645 9.85355C7.05268 9.75979 7 9.63261 7 9.5V7.70687L5.85375 8.85375C5.80731 8.90024 5.75217 8.93712 5.69147 8.96228C5.63077 8.98744 5.56571 9.00039 5.5 9.00039C5.43429 9.00039 5.36923 8.98744 5.30853 8.96228C5.24783 8.93712 5.19269 8.90024 5.14625 8.85375L4 7.70687V9.5C4 9.63261 3.94732 9.75979 3.85355 9.85355C3.75979 9.94732 3.63261 10 3.5 10C3.36739 10 3.24021 9.94732 3.14645 9.85355C3.05268 9.75979 3 9.63261 3 9.5V6.5C2.99992 6.40105 3.0292 6.30431 3.08414 6.22201C3.13908 6.13971 3.21719 6.07556 3.3086 6.03769C3.40002 5.99981 3.50061 5.98991 3.59765 6.00924C3.6947 6.02856 3.78382 6.07624 3.85375 6.14625L5.5 7.79313L7.14625 6.14625C7.21618 6.07624 7.3053 6.02856 7.40235 6.00924C7.49939 5.98991 7.59998 5.99981 7.6914 6.03769C7.78281 6.07556 7.86092 6.13971 7.91586 6.22201C7.9708 6.30431 8.00008 6.40105 8 6.5ZM12.8538 7.64625C12.9002 7.69269 12.9371 7.74783 12.9623 7.80853C12.9874 7.86923 13.0004 7.93429 13.0004 8C13.0004 8.06571 12.9874 8.13077 12.9623 8.19147C12.9371 8.25217 12.9002 8.30731 12.8538 8.35375L11.3538 9.85375C11.3073 9.90024 11.2522 9.93712 11.1915 9.96228C11.1308 9.98744 11.0657 10.0004 11 10.0004C10.9343 10.0004 10.8692 9.98744 10.8085 9.96228C10.7478 9.93712 10.6927 9.90024 10.6462 9.85375L9.14625 8.35375C9.05243 8.25993 8.99972 8.13268 8.99972 8C8.99972 7.86732 9.05243 7.74007 9.14625 7.64625C9.24007 7.55243 9.36732 7.49972 9.5 7.49972C9.63268 7.49972 9.75993 7.55243 9.85375 7.64625L10.5 8.29313V6.5C10.5 6.36739 10.5527 6.24021 10.6464 6.14645C10.7402 6.05268 10.8674 6 11 6C11.1326 6 11.2598 6.05268 11.3536 6.14645C11.4473 6.24021 11.5 6.36739 11.5 6.5V8.29313L12.1462 7.64625C12.1927 7.59976 12.2478 7.56288 12.3085 7.53772C12.3692 7.51256 12.4343 7.49961 12.5 7.49961C12.5657 7.49961 12.6308 7.51256 12.6915 7.53772C12.7522 7.56288 12.8073 7.59976 12.8538 7.64625Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/mastodon-logo.svg b/packages/icons/svgs/mastodon-logo.svg
new file mode 100644
index 000000000..4c921a92a
--- /dev/null
+++ b/packages/icons/svgs/mastodon-logo.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="MastodonLogo">
+<path id="Vector" d="M11.5 2H4.5C3.83696 2 3.20107 2.26339 2.73223 2.73223C2.26339 3.20107 2 3.83696 2 4.5V12C2 12.663 2.26339 13.2989 2.73223 13.7678C3.20107 14.2366 3.83696 14.5 4.5 14.5H10C10.1326 14.5 10.2598 14.4473 10.3536 14.3536C10.4473 14.2598 10.5 14.1326 10.5 14C10.5 13.8674 10.4473 13.7402 10.3536 13.6464C10.2598 13.5527 10.1326 13.5 10 13.5H4.5C4.10218 13.5 3.72064 13.342 3.43934 13.0607C3.15804 12.7794 3 12.3978 3 12V11.5H11.5C11.8283 11.5 12.1534 11.4353 12.4567 11.3097C12.76 11.1841 13.0356 10.9999 13.2678 10.7678C13.4999 10.5356 13.6841 10.26 13.8097 9.95671C13.9353 9.65339 14 9.3283 14 9V4.5C14 3.83696 13.7366 3.20107 13.2678 2.73223C12.7989 2.26339 12.163 2 11.5 2ZM13 9C13 9.39782 12.842 9.77936 12.5607 10.0607C12.2794 10.342 11.8978 10.5 11.5 10.5H3V4.5C3 4.10218 3.15804 3.72064 3.43934 3.43934C3.72064 3.15804 4.10218 3 4.5 3H11.5C11.8978 3 12.2794 3.15804 12.5607 3.43934C12.842 3.72064 13 4.10218 13 4.5V9ZM11.5 6.5V8.5C11.5 8.63261 11.4473 8.75979 11.3536 8.85355C11.2598 8.94732 11.1326 9 11 9C10.8674 9 10.7402 8.94732 10.6464 8.85355C10.5527 8.75979 10.5 8.63261 10.5 8.5V6.5C10.5 6.23478 10.3946 5.98043 10.2071 5.79289C10.0196 5.60536 9.76522 5.5 9.5 5.5C9.23478 5.5 8.98043 5.60536 8.79289 5.79289C8.60536 5.98043 8.5 6.23478 8.5 6.5V8.5C8.5 8.63261 8.44732 8.75979 8.35355 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74021 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5V6.5C7.5 6.23478 7.39464 5.98043 7.20711 5.79289C7.01957 5.60536 6.76522 5.5 6.5 5.5C6.23478 5.5 5.98043 5.60536 5.79289 5.79289C5.60536 5.98043 5.5 6.23478 5.5 6.5V8.5C5.5 8.63261 5.44732 8.75979 5.35355 8.85355C5.25979 8.94732 5.13261 9 5 9C4.86739 9 4.74021 8.94732 4.64645 8.85355C4.55268 8.75979 4.5 8.63261 4.5 8.5V6.5C4.50046 6.09395 4.6245 5.69766 4.85563 5.36381C5.08676 5.02996 5.41404 4.77437 5.79394 4.63102C6.17385 4.48768 6.58839 4.46336 6.98245 4.56131C7.37651 4.65926 7.73142 4.87484 8 5.17938C8.26858 4.87484 8.62349 4.65926 9.01755 4.56131C9.41161 4.46336 9.82615 4.48768 10.2061 4.63102C10.586 4.77437 10.9132 5.02996 11.1444 5.36381C11.3755 5.69766 11.4995 6.09395 11.5 6.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/minus.svg b/packages/icons/svgs/minus.svg
new file mode 100644
index 000000000..25280d944
--- /dev/null
+++ b/packages/icons/svgs/minus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 8C14 8.13261 13.9473 8.25979 13.8536 8.35355C13.7598 8.44732 13.6326 8.5 13.5 8.5H2.5C2.36739 8.5 2.24021 8.44732 2.14645 8.35355C2.05268 8.25979 2 8.13261 2 8C2 7.86739 2.05268 7.74021 2.14645 7.64645C2.24021 7.55268 2.36739 7.5 2.5 7.5H13.5C13.6326 7.5 13.7598 7.55268 13.8536 7.64645C13.9473 7.74021 14 7.86739 14 8Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/moon.svg b/packages/icons/svgs/moon.svg
new file mode 100644
index 000000000..de6d0aea3
--- /dev/null
+++ b/packages/icons/svgs/moon.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Moon">
+<path id="Vector" d="M14.5962 8.88938C14.5321 8.8251 14.4517 8.77951 14.3636 8.75749C14.2755 8.73547 14.1831 8.73785 14.0962 8.76438C13.1429 9.0526 12.1291 9.07677 11.1631 8.8343C10.197 8.59183 9.31488 8.09182 8.61059 7.38753C7.90631 6.68325 7.40629 5.80108 7.16383 4.83504C6.92136 3.869 6.94553 2.85527 7.23375 1.90187C7.2605 1.815 7.26306 1.72248 7.24116 1.63426C7.21926 1.54604 7.17372 1.46546 7.10944 1.40118C7.04517 1.33691 6.96459 1.29137 6.87637 1.26947C6.78815 1.24756 6.69562 1.25013 6.60875 1.27687C5.29064 1.68065 4.13346 2.48987 3.30187 3.58938C2.57463 4.55491 2.13103 5.70411 2.02092 6.90786C1.9108 8.11161 2.13852 9.32222 2.67851 10.4037C3.21849 11.4851 4.04934 12.3946 5.07771 13.0299C6.10608 13.6652 7.29122 14.0011 8.5 14C9.91022 14.0043 11.2829 13.5459 12.4075 12.695C13.507 11.8634 14.3162 10.7062 14.72 9.38813C14.7464 9.30158 14.7489 9.20947 14.7271 9.12164C14.7053 9.0338 14.6601 8.95353 14.5962 8.88938ZM11.8062 11.8963C10.7472 12.6939 9.43568 13.0822 8.11309 12.9896C6.7905 12.897 5.54588 12.3297 4.60834 11.3922C3.6708 10.4548 3.10345 9.2102 3.01073 7.88762C2.91802 6.56504 3.30617 5.25348 4.10375 4.19438C4.62338 3.50816 5.29517 2.9519 6.06625 2.56938C6.02232 2.87764 6.00019 3.18862 6 3.5C6.00182 5.22335 6.68722 6.87559 7.90582 8.09418C9.12441 9.31278 10.7767 9.99818 12.5 10C12.812 9.9999 13.1236 9.97777 13.4325 9.93375C13.0496 10.705 12.4929 11.3768 11.8062 11.8963Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/network.svg b/packages/icons/svgs/network.svg
new file mode 100644
index 000000000..710a0cb09
--- /dev/null
+++ b/packages/icons/svgs/network.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Network">
+<path id="Vector" d="M14.5 7H8.5V5.5H9C9.26522 5.5 9.51957 5.39464 9.70711 5.20711C9.89464 5.01957 10 4.76522 10 4.5V2.5C10 2.23478 9.89464 1.98043 9.70711 1.79289C9.51957 1.60536 9.26522 1.5 9 1.5H7C6.73478 1.5 6.48043 1.60536 6.29289 1.79289C6.10536 1.98043 6 2.23478 6 2.5V4.5C6 4.76522 6.10536 5.01957 6.29289 5.20711C6.48043 5.39464 6.73478 5.5 7 5.5H7.5V7H1.5C1.36739 7 1.24021 7.05268 1.14645 7.14645C1.05268 7.24021 1 7.36739 1 7.5C1 7.63261 1.05268 7.75979 1.14645 7.85355C1.24021 7.94732 1.36739 8 1.5 8H3.5V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H5C5.26522 14 5.51957 13.8946 5.70711 13.7071C5.89464 13.5196 6 13.2652 6 13V11C6 10.7348 5.89464 10.4804 5.70711 10.2929C5.51957 10.1054 5.26522 10 5 10H4.5V8H11.5V10H11C10.7348 10 10.4804 10.1054 10.2929 10.2929C10.1054 10.4804 10 10.7348 10 11V13C10 13.2652 10.1054 13.5196 10.2929 13.7071C10.4804 13.8946 10.7348 14 11 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13V11C14 10.7348 13.8946 10.4804 13.7071 10.2929C13.5196 10.1054 13.2652 10 13 10H12.5V8H14.5C14.6326 8 14.7598 7.94732 14.8536 7.85355C14.9473 7.75979 15 7.63261 15 7.5C15 7.36739 14.9473 7.24021 14.8536 7.14645C14.7598 7.05268 14.6326 7 14.5 7ZM7 2.5H9V4.5H7V2.5ZM5 13H3V11H5V13ZM13 13H11V11H13V13Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/notification.svg b/packages/icons/svgs/notification.svg
new file mode 100644
index 000000000..c9850f9ef
--- /dev/null
+++ b/packages/icons/svgs/notification.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Notification">
+<path id="Vector" d="M13.5 8V13C13.5 13.2652 13.3946 13.5196 13.2071 13.7071C13.0196 13.8946 12.7652 14 12.5 14H3C2.73478 14 2.48043 13.8946 2.29289 13.7071C2.10536 13.5196 2 13.2652 2 13V3.5C2 3.23478 2.10536 2.98043 2.29289 2.79289C2.48043 2.60536 2.73478 2.5 3 2.5H8C8.13261 2.5 8.25979 2.55268 8.35355 2.64645C8.44732 2.74021 8.5 2.86739 8.5 3C8.5 3.13261 8.44732 3.25979 8.35355 3.35355C8.25979 3.44732 8.13261 3.5 8 3.5H3V13H12.5V8C12.5 7.86739 12.5527 7.74021 12.6464 7.64645C12.7402 7.55268 12.8674 7.5 13 7.5C13.1326 7.5 13.2598 7.55268 13.3536 7.64645C13.4473 7.74021 13.5 7.86739 13.5 8ZM14.5 3.75C14.5 4.19501 14.368 4.63002 14.1208 5.00003C13.8736 5.37004 13.5222 5.65843 13.111 5.82873C12.6999 5.99903 12.2475 6.04358 11.811 5.95677C11.3746 5.86995 10.9737 5.65566 10.659 5.34099C10.3443 5.02632 10.13 4.62541 10.0432 4.18895C9.95642 3.7525 10.001 3.3001 10.1713 2.88896C10.3416 2.47783 10.63 2.12643 11 1.87919C11.37 1.63196 11.805 1.5 12.25 1.5C12.8467 1.5 13.419 1.73705 13.841 2.15901C14.2629 2.58097 14.5 3.15326 14.5 3.75ZM13.5 3.75C13.5 3.50277 13.4267 3.2611 13.2893 3.05554C13.152 2.84998 12.9568 2.68976 12.7284 2.59515C12.4999 2.50054 12.2486 2.47579 12.0061 2.52402C11.7637 2.57225 11.5409 2.6913 11.3661 2.86612C11.1913 3.04093 11.0722 3.26366 11.024 3.50614C10.9758 3.74861 11.0005 3.99995 11.0952 4.22835C11.1898 4.45676 11.35 4.65199 11.5555 4.78934C11.7611 4.92669 12.0028 5 12.25 5C12.5815 5 12.8995 4.8683 13.1339 4.63388C13.3683 4.39946 13.5 4.08152 13.5 3.75Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/numpad.svg b/packages/icons/svgs/numpad.svg
new file mode 100644
index 000000000..8c015865e
--- /dev/null
+++ b/packages/icons/svgs/numpad.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 3C5 3.19778 4.94135 3.39112 4.83147 3.55557C4.72159 3.72002 4.56541 3.84819 4.38268 3.92388C4.19996 3.99957 3.99889 4.01937 3.80491 3.98079C3.61093 3.9422 3.43275 3.84696 3.29289 3.70711C3.15304 3.56725 3.0578 3.38907 3.01922 3.19509C2.98063 3.00111 3.00043 2.80004 3.07612 2.61732C3.15181 2.43459 3.27998 2.27841 3.44443 2.16853C3.60888 2.05865 3.80222 2 4 2C4.26522 2 4.51957 2.10536 4.70711 2.29289C4.89464 2.48043 5 2.73478 5 3ZM8 2C7.80222 2 7.60888 2.05865 7.44443 2.16853C7.27998 2.27841 7.15181 2.43459 7.07612 2.61732C7.00043 2.80004 6.98063 3.00111 7.01922 3.19509C7.0578 3.38907 7.15304 3.56725 7.29289 3.70711C7.43275 3.84696 7.61093 3.9422 7.80491 3.98079C7.99889 4.01937 8.19996 3.99957 8.38268 3.92388C8.56541 3.84819 8.72159 3.72002 8.83147 3.55557C8.94135 3.39112 9 3.19778 9 3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2ZM12 4C12.1978 4 12.3911 3.94135 12.5556 3.83147C12.72 3.72159 12.8482 3.56541 12.9239 3.38268C12.9996 3.19996 13.0194 2.99889 12.9808 2.80491C12.9422 2.61093 12.847 2.43275 12.7071 2.29289C12.5673 2.15304 12.3891 2.0578 12.1951 2.01922C12.0011 1.98063 11.8 2.00043 11.6173 2.07612C11.4346 2.15181 11.2784 2.27998 11.1685 2.44443C11.0587 2.60888 11 2.80222 11 3C11 3.26522 11.1054 3.51957 11.2929 3.70711C11.4804 3.89464 11.7348 4 12 4ZM4 5.5C3.80222 5.5 3.60888 5.55865 3.44443 5.66853C3.27998 5.77841 3.15181 5.93459 3.07612 6.11732C3.00043 6.30004 2.98063 6.50111 3.01922 6.69509C3.0578 6.88907 3.15304 7.06725 3.29289 7.20711C3.43275 7.34696 3.61093 7.4422 3.80491 7.48079C3.99889 7.51937 4.19996 7.49957 4.38268 7.42388C4.56541 7.34819 4.72159 7.22002 4.83147 7.05557C4.94135 6.89112 5 6.69778 5 6.5C5 6.23478 4.89464 5.98043 4.70711 5.79289C4.51957 5.60536 4.26522 5.5 4 5.5ZM8 5.5C7.80222 5.5 7.60888 5.55865 7.44443 5.66853C7.27998 5.77841 7.15181 5.93459 7.07612 6.11732C7.00043 6.30004 6.98063 6.50111 7.01922 6.69509C7.0578 6.88907 7.15304 7.06725 7.29289 7.20711C7.43275 7.34696 7.61093 7.4422 7.80491 7.48079C7.99889 7.51937 8.19996 7.49957 8.38268 7.42388C8.56541 7.34819 8.72159 7.22002 8.83147 7.05557C8.94135 6.89112 9 6.69778 9 6.5C9 6.23478 8.89464 5.98043 8.70711 5.79289C8.51957 5.60536 8.26522 5.5 8 5.5ZM12 5.5C11.8022 5.5 11.6089 5.55865 11.4444 5.66853C11.28 5.77841 11.1518 5.93459 11.0761 6.11732C11.0004 6.30004 10.9806 6.50111 11.0192 6.69509C11.0578 6.88907 11.153 7.06725 11.2929 7.20711C11.4327 7.34696 11.6109 7.4422 11.8049 7.48079C11.9989 7.51937 12.2 7.49957 12.3827 7.42388C12.5654 7.34819 12.7216 7.22002 12.8315 7.05557C12.9414 6.89112 13 6.69778 13 6.5C13 6.23478 12.8946 5.98043 12.7071 5.79289C12.5196 5.60536 12.2652 5.5 12 5.5ZM4 9C3.80222 9 3.60888 9.05865 3.44443 9.16853C3.27998 9.27841 3.15181 9.43459 3.07612 9.61732C3.00043 9.80004 2.98063 10.0011 3.01922 10.1951C3.0578 10.3891 3.15304 10.5673 3.29289 10.7071C3.43275 10.847 3.61093 10.9422 3.80491 10.9808C3.99889 11.0194 4.19996 10.9996 4.38268 10.9239C4.56541 10.8482 4.72159 10.72 4.83147 10.5556C4.94135 10.3911 5 10.1978 5 10C5 9.73478 4.89464 9.48043 4.70711 9.29289C4.51957 9.10536 4.26522 9 4 9ZM8 9C7.80222 9 7.60888 9.05865 7.44443 9.16853C7.27998 9.27841 7.15181 9.43459 7.07612 9.61732C7.00043 9.80004 6.98063 10.0011 7.01922 10.1951C7.0578 10.3891 7.15304 10.5673 7.29289 10.7071C7.43275 10.847 7.61093 10.9422 7.80491 10.9808C7.99889 11.0194 8.19996 10.9996 8.38268 10.9239C8.56541 10.8482 8.72159 10.72 8.83147 10.5556C8.94135 10.3911 9 10.1978 9 10C9 9.73478 8.89464 9.48043 8.70711 9.29289C8.51957 9.10536 8.26522 9 8 9ZM8 12.5C7.80222 12.5 7.60888 12.5587 7.44443 12.6685C7.27998 12.7784 7.15181 12.9346 7.07612 13.1173C7.00043 13.3 6.98063 13.5011 7.01922 13.6951C7.0578 13.8891 7.15304 14.0673 7.29289 14.2071C7.43275 14.347 7.61093 14.4422 7.80491 14.4808C7.99889 14.5194 8.19996 14.4996 8.38268 14.4239C8.56541 14.3482 8.72159 14.22 8.83147 14.0556C8.94135 13.8911 9 13.6978 9 13.5C9 13.2348 8.89464 12.9804 8.70711 12.7929C8.51957 12.6054 8.26522 12.5 8 12.5ZM12 9C11.8022 9 11.6089 9.05865 11.4444 9.16853C11.28 9.27841 11.1518 9.43459 11.0761 9.61732C11.0004 9.80004 10.9806 10.0011 11.0192 10.1951C11.0578 10.3891 11.153 10.5673 11.2929 10.7071C11.4327 10.847 11.6109 10.9422 11.8049 10.9808C11.9989 11.0194 12.2 10.9996 12.3827 10.9239C12.5654 10.8482 12.7216 10.72 12.8315 10.5556C12.9414 10.3911 13 10.1978 13 10C13 9.73478 12.8946 9.48043 12.7071 9.29289C12.5196 9.10536 12.2652 9 12 9Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/nut.svg b/packages/icons/svgs/nut.svg
new file mode 100644
index 000000000..b0410e3a7
--- /dev/null
+++ b/packages/icons/svgs/nut.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 4.99977C7.40666 4.99977 6.82664 5.17571 6.33329 5.50536C5.83994 5.835 5.45542 6.30354 5.22836 6.85172C5.0013 7.3999 4.94189 8.0031 5.05764 8.58504C5.1734 9.16698 5.45912 9.70153 5.87868 10.1211C6.29824 10.5406 6.83279 10.8264 7.41473 10.9421C7.99667 11.0579 8.59987 10.9985 9.14805 10.7714C9.69623 10.5443 10.1648 10.1598 10.4944 9.66648C10.8241 9.17313 11 8.59311 11 7.99977C10.999 7.20442 10.6826 6.44194 10.1202 5.87954C9.55783 5.31715 8.79534 5.00076 8 4.99977ZM8 9.99977C7.60444 9.99977 7.21776 9.88247 6.88886 9.66271C6.55996 9.44294 6.30362 9.13059 6.15224 8.76513C6.00087 8.39968 5.96126 7.99755 6.03843 7.60959C6.1156 7.22162 6.30608 6.86526 6.58579 6.58555C6.86549 6.30585 7.22186 6.11537 7.60982 6.0382C7.99778 5.96103 8.39991 6.00063 8.76537 6.15201C9.13082 6.30338 9.44318 6.55973 9.66294 6.88863C9.8827 7.21753 10 7.6042 10 7.99977C10 8.5302 9.78929 9.03891 9.41421 9.41398C9.03914 9.78905 8.53043 9.99977 8 9.99977ZM13.98 4.13414L8.48 1.12477C8.33305 1.04357 8.16789 1.00098 8 1.00098C7.83211 1.00098 7.66695 1.04357 7.52 1.12477L2.02 4.13539C1.86293 4.22133 1.73181 4.34787 1.64034 4.50178C1.54888 4.6557 1.50041 4.83135 1.5 5.01039V10.9879C1.50041 11.1669 1.54888 11.3426 1.64034 11.4965C1.73181 11.6504 1.86293 11.777 2.02 11.8629L7.52 14.8735C7.66695 14.9547 7.83211 14.9973 8 14.9973C8.16789 14.9973 8.33305 14.9547 8.48 14.8735L13.98 11.8629C14.1371 11.777 14.2682 11.6504 14.3597 11.4965C14.4511 11.3426 14.4996 11.1669 14.5 10.9879V5.01102C14.4999 4.83166 14.4516 4.65561 14.3601 4.50134C14.2686 4.34706 14.1373 4.22024 13.98 4.13414ZM8 13.9998L2.5 10.9885V5.01102L8 1.99977L13.5 5.01039V10.9879L8 13.9998Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/paint-brush-household.svg b/packages/icons/svgs/paint-brush-household.svg
new file mode 100644
index 000000000..a722b8a3c
--- /dev/null
+++ b/packages/icons/svgs/paint-brush-household.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4148 1.58497C14.2291 1.39921 14.0086 1.25185 13.7659 1.15131C13.5232 1.05077 13.2631 0.999023 13.0004 0.999023C12.7377 0.999023 12.4776 1.05077 12.235 1.15131C11.9923 1.25185 11.7718 1.39921 11.5861 1.58497C11.5773 1.59372 11.5686 1.6031 11.5598 1.6131L8.22168 5.51372L7.56231 4.85247C7.42301 4.7131 7.25762 4.60254 7.07558 4.52711C6.89354 4.45168 6.69842 4.41285 6.50137 4.41285C6.30432 4.41285 6.1092 4.45168 5.92716 4.52711C5.74512 4.60254 5.57973 4.7131 5.44043 4.85247L0.647307 9.64622C0.55361 9.73998 0.500977 9.86711 0.500977 9.99966C0.500977 10.1322 0.55361 10.2593 0.647307 10.3531L5.64731 15.3531C5.74107 15.4468 5.86819 15.4994 6.00074 15.4994C6.1333 15.4994 6.26042 15.4468 6.35418 15.3531L11.1473 10.5625C11.2867 10.4232 11.3972 10.2578 11.4727 10.0757C11.5481 9.8937 11.5869 9.69858 11.5869 9.50153C11.5869 9.30448 11.5481 9.10937 11.4727 8.92733C11.3972 8.74529 11.2867 8.57989 11.1473 8.4406L10.4861 7.77997L14.3867 4.43747C14.3961 4.42872 14.4061 4.41997 14.4148 4.4106C14.789 4.03564 14.9992 3.52753 14.9992 2.99778C14.9992 2.46804 14.789 1.95993 14.4148 1.58497ZM5.99981 14.2931L4.95731 13.25L6.35356 11.8531C6.44337 11.7586 6.4927 11.6327 6.49103 11.5023C6.48936 11.3719 6.43682 11.2474 6.34462 11.1552C6.25242 11.063 6.12785 11.0104 5.99747 11.0088C5.86709 11.0071 5.74121 11.0564 5.64668 11.1462L4.24981 12.5425L3.45731 11.75L4.85356 10.3531C4.94337 10.2586 4.9927 10.1327 4.99103 10.0023C4.98936 9.87193 4.93682 9.74736 4.84462 9.65516C4.75242 9.56296 4.62785 9.51042 4.49747 9.50875C4.36709 9.50708 4.24121 9.55641 4.14668 9.64622L2.74981 11.0425L1.70668 9.99997L4.49981 7.20685L8.79293 11.5L5.99981 14.2931ZM13.7198 3.69372L9.42543 7.36935C9.373 7.41414 9.33039 7.4693 9.3003 7.53136C9.27021 7.59341 9.25329 7.66102 9.25058 7.72993C9.24788 7.79885 9.25947 7.86757 9.28461 7.93179C9.30976 7.99601 9.34791 8.05433 9.39668 8.1031L10.4373 9.14622C10.531 9.23998 10.5836 9.36711 10.5836 9.49966C10.5836 9.63221 10.531 9.75934 10.4373 9.8531L9.49981 10.7906L5.20731 6.49997L6.14481 5.56247C6.23857 5.46877 6.36569 5.41614 6.49824 5.41614C6.6308 5.41614 6.75792 5.46877 6.85168 5.56247L7.89481 6.6056C7.94357 6.65437 8.00189 6.69252 8.06611 6.71766C8.13033 6.74281 8.19906 6.75439 8.26797 6.75169C8.33688 6.74899 8.40449 6.73207 8.46655 6.70197C8.5286 6.67189 8.58376 6.62928 8.62856 6.57685L12.3061 2.27997C12.4951 2.10035 12.7469 2.00169 13.0076 2.00503C13.2684 2.00837 13.5175 2.11344 13.7019 2.29784C13.8863 2.48224 13.9914 2.73139 13.9947 2.99215C13.9981 3.25291 13.8994 3.50466 13.7198 3.69372Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/paint-roller.svg b/packages/icons/svgs/paint-roller.svg
new file mode 100644
index 000000000..350687e83
--- /dev/null
+++ b/packages/icons/svgs/paint-roller.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="PaintRoller">
+<path id="Vector" d="M14.5 5.5H13.5V4C13.5 3.73478 13.3946 3.48043 13.2071 3.29289C13.0196 3.10536 12.7652 3 12.5 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V5.5H1C0.867392 5.5 0.740215 5.55268 0.646447 5.64645C0.552678 5.74021 0.5 5.86739 0.5 6C0.5 6.13261 0.552678 6.25979 0.646447 6.35355C0.740215 6.44732 0.867392 6.5 1 6.5H2V8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9H12.5C12.7652 9 13.0196 8.89464 13.2071 8.70711C13.3946 8.51957 13.5 8.26522 13.5 8V6.5H14.5V9.625L8.225 11.4156C8.01682 11.4759 7.83373 11.6019 7.70306 11.7748C7.57239 11.9477 7.50116 12.1583 7.5 12.375V14.5C7.5 14.6326 7.55268 14.7598 7.64645 14.8536C7.74021 14.9473 7.86739 15 8 15C8.13261 15 8.25979 14.9473 8.35355 14.8536C8.44732 14.7598 8.5 14.6326 8.5 14.5V12.375L14.775 10.5825C14.9829 10.5223 15.1657 10.3966 15.2964 10.2241C15.427 10.0515 15.4984 9.84141 15.5 9.625V6.5C15.5 6.23478 15.3946 5.98043 15.2071 5.79289C15.0196 5.60536 14.7652 5.5 14.5 5.5ZM12.5 8H3V4H12.5V8Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/palette.svg b/packages/icons/svgs/palette.svg
new file mode 100644
index 000000000..9622b8566
--- /dev/null
+++ b/packages/icons/svgs/palette.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5481 3.36813C11.3379 2.16974 9.70314 1.49826 8 1.5H7.93313C6.22083 1.51762 4.58466 2.21021 3.3801 3.42729C2.17554 4.64437 1.49991 6.28762 1.5 8C1.5 10.6875 3.16125 12.9413 5.835 13.8856C6.13657 13.992 6.45924 14.0244 6.77594 13.9803C7.09264 13.9362 7.39415 13.8168 7.65518 13.6321C7.91621 13.4474 8.12916 13.2028 8.27615 12.9188C8.42314 12.6348 8.49991 12.3198 8.5 12C8.5 11.7348 8.60536 11.4804 8.79289 11.2929C8.98043 11.1054 9.23478 11 9.5 11H12.3881C12.8418 11.0022 13.2826 10.8492 13.6373 10.5663C13.992 10.2835 14.2393 9.88779 14.3381 9.445C14.4499 8.95294 14.5042 8.44958 14.5 7.945C14.4936 7.09092 14.3178 6.24659 13.9828 5.46094C13.6477 4.67529 13.1601 3.96395 12.5481 3.36813ZM13.3606 9.225C13.311 9.44559 13.1875 9.64264 13.0107 9.78355C12.8339 9.92447 12.6142 10.0008 12.3881 10H9.5C8.96957 10 8.46086 10.2107 8.08579 10.5858C7.71071 10.9609 7.5 11.4696 7.5 12C7.49977 12.1597 7.46128 12.3171 7.38775 12.4589C7.31423 12.6007 7.2078 12.7228 7.07739 12.815C6.94698 12.9072 6.79637 12.9669 6.63818 12.989C6.47998 13.011 6.3188 12.9949 6.16813 12.9419C3.90563 12.1438 2.5 10.25 2.5 8C2.49992 6.55111 3.07157 5.16072 4.09075 4.13089C5.10993 3.10106 6.49431 2.51499 7.94312 2.5H7.99937C9.44824 2.50563 10.8369 3.08049 11.8657 4.10061C12.8946 5.12072 13.4813 6.50436 13.4994 7.95313C13.5031 8.38092 13.4574 8.80771 13.3631 9.225H13.3606ZM8.75 4.75C8.75 4.89834 8.70601 5.04334 8.6236 5.16668C8.54119 5.29002 8.42406 5.38615 8.28701 5.44291C8.14997 5.49968 7.99917 5.51453 7.85368 5.48559C7.7082 5.45665 7.57456 5.38522 7.46967 5.28033C7.36478 5.17544 7.29335 5.04181 7.26441 4.89632C7.23547 4.75084 7.25032 4.60004 7.30709 4.46299C7.36386 4.32595 7.45999 4.20881 7.58332 4.1264C7.70666 4.04399 7.85166 4 8 4C8.19891 4 8.38968 4.07902 8.53033 4.21967C8.67098 4.36033 8.75 4.55109 8.75 4.75ZM6 6.25C6 6.39834 5.95601 6.54334 5.8736 6.66668C5.79119 6.79002 5.67406 6.88615 5.53701 6.94291C5.39997 6.99968 5.24917 7.01453 5.10368 6.98559C4.9582 6.95665 4.82456 6.88522 4.71967 6.78033C4.61478 6.67544 4.54335 6.54181 4.51441 6.39632C4.48547 6.25084 4.50032 6.10004 4.55709 5.96299C4.61386 5.82595 4.70999 5.70881 4.83332 5.6264C4.95666 5.54399 5.10166 5.5 5.25 5.5C5.44891 5.5 5.63968 5.57902 5.78033 5.71967C5.92098 5.86033 6 6.05109 6 6.25ZM6 9.75C6 9.89834 5.95601 10.0433 5.8736 10.1667C5.79119 10.29 5.67406 10.3861 5.53701 10.4429C5.39997 10.4997 5.24917 10.5145 5.10368 10.4856C4.9582 10.4567 4.82456 10.3852 4.71967 10.2803C4.61478 10.1754 4.54335 10.0418 4.51441 9.89632C4.48547 9.75084 4.50032 9.60004 4.55709 9.46299C4.61386 9.32595 4.70999 9.20881 4.83332 9.1264C4.95666 9.04399 5.10166 9 5.25 9C5.44891 9 5.63968 9.07902 5.78033 9.21967C5.92098 9.36033 6 9.55109 6 9.75ZM11.5 6.25C11.5 6.39834 11.456 6.54334 11.3736 6.66668C11.2912 6.79002 11.1741 6.88615 11.037 6.94291C10.9 6.99968 10.7492 7.01453 10.6037 6.98559C10.4582 6.95665 10.3246 6.88522 10.2197 6.78033C10.1148 6.67544 10.0434 6.54181 10.0144 6.39632C9.98547 6.25084 10.0003 6.10004 10.0571 5.96299C10.1139 5.82595 10.21 5.70881 10.3333 5.6264C10.4567 5.54399 10.6017 5.5 10.75 5.5C10.9489 5.5 11.1397 5.57902 11.2803 5.71967C11.421 5.86033 11.5 6.05109 11.5 6.25Z" fill="#666666"/>
+</svg>
diff --git a/packages/icons/svgs/paperclip.svg b/packages/icons/svgs/paperclip.svg
new file mode 100644
index 000000000..b30b37de3
--- /dev/null
+++ b/packages/icons/svgs/paperclip.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Paperclip">
+<path id="Vector" d="M13.1038 7.64625C13.1502 7.69269 13.1871 7.74783 13.2123 7.80853C13.2374 7.86923 13.2504 7.93429 13.2504 8C13.2504 8.06571 13.2374 8.13077 13.2123 8.19147C13.1871 8.25217 13.1502 8.30731 13.1038 8.35375L7.97563 13.4788C7.31913 14.1352 6.42877 14.5039 5.5004 14.5038C4.57204 14.5038 3.68172 14.1349 3.02531 13.4784C2.3689 12.8219 2.00017 11.9316 2.00023 11.0032C2.00028 10.0749 2.36913 9.18454 3.02562 8.52812L9.22937 2.23312C9.69806 1.76394 10.3339 1.50016 10.9971 1.49981C11.6603 1.49945 12.2964 1.76256 12.7656 2.23125C13.2348 2.69994 13.4986 3.33581 13.4989 3.99899C13.4993 4.66216 13.2362 5.29832 12.7675 5.7675L6.5625 12.0625C6.28071 12.3443 5.89851 12.5026 5.5 12.5026C5.10149 12.5026 4.71929 12.3443 4.4375 12.0625C4.15571 11.7807 3.9974 11.3985 3.9974 11C3.9974 10.6015 4.15571 10.2193 4.4375 9.9375L9.64375 4.64875C9.68936 4.6001 9.74423 4.56106 9.80515 4.53394C9.86607 4.50681 9.9318 4.49215 9.99847 4.4908C10.0651 4.48946 10.1314 4.50147 10.1934 4.52612C10.2553 4.55077 10.3117 4.58757 10.3593 4.63435C10.4068 4.68112 10.4445 4.73694 10.4701 4.7985C10.4958 4.86006 10.5088 4.92612 10.5085 4.99281C10.5083 5.05949 10.4946 5.12545 10.4685 5.18679C10.4423 5.24813 10.4042 5.30363 10.3563 5.35L5.14937 10.6444C5.10276 10.6906 5.0657 10.7456 5.04033 10.8062C5.01496 10.8667 5.00177 10.9317 5.00151 10.9974C5.00124 11.0631 5.01392 11.1281 5.03881 11.1889C5.0637 11.2497 5.10031 11.3049 5.14656 11.3516C5.19281 11.3982 5.24779 11.4352 5.30836 11.4606C5.36893 11.486 5.43391 11.4992 5.49957 11.4994C5.56524 11.4997 5.63032 11.487 5.69109 11.4621C5.75186 11.4372 5.80713 11.4006 5.85375 11.3544L12.0581 5.0625C12.3399 4.78129 12.4985 4.39965 12.4989 4.00155C12.4993 3.60344 12.3415 3.22148 12.0603 2.93969C11.7791 2.65789 11.3975 2.49936 10.9994 2.49894C10.6013 2.49853 10.2193 2.65629 9.9375 2.9375L3.735 9.23C3.50264 9.46199 3.31825 9.73747 3.19236 10.0407C3.06647 10.344 3.00154 10.669 3.00128 10.9974C3.00102 11.3257 3.06543 11.6509 3.19084 11.9544C3.31625 12.2578 3.5002 12.5336 3.73219 12.7659C3.96418 12.9983 4.23966 13.1827 4.54291 13.3086C4.84616 13.4345 5.17123 13.4994 5.49957 13.4997C5.82792 13.4999 6.15309 13.4355 6.45654 13.3101C6.75999 13.1847 7.03577 13.0007 7.26813 12.7688L12.3969 7.64375C12.491 7.55038 12.6183 7.4982 12.7508 7.49867C12.8834 7.49914 13.0103 7.55222 13.1038 7.64625Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/packages/icons/svgs/pause.svg b/packages/icons/svgs/pause.svg
new file mode 100644
index 000000000..0c2d8158f
--- /dev/null
+++ b/packages/icons/svgs/pause.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Pause">
+<path id="Vector" d="M12.5 2H10C9.73478 2 9.48043 2.10536 9.29289 2.29289C9.10536 2.48043 9 2.73478 9 3V13C9 13.2652 9.10536 13.5196 9.29289 13.7071C9.48043 13.8946 9.73478 14 10 14H12.5C12.7652 14 13.0196 13.8946 13.2071 13.7071C13.3946 13.5196 13.5 13.2652 13.5 13V3C13.5 2.73478 13.3946 2.48043 13.2071 2.29289C13.0196 2.10536 12.7652 2 12.5 2ZM12.5 13H10V3H12.5V13ZM6 2H3.5C3.23478 2 2.98043 2.10536 2.79289 2.29289C2.60536 2.48043 2.5 2.73478 2.5 3V13C2.5 13.2652 2.60536 13.5196 2.79289 13.7071C2.98043 13.8946 3.23478 14 3.5 14H6C6.26522 14 6.51957 13.8946 6.70711 13.7071C6.89464 13.5196 7 13.2652 7 13V3C7 2.73478 6.89464 2.48043 6.70711 2.29289C6.51957 2.10536 6.26522 2 6 2ZM6 13H3.5V3H6V13Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/pencil-ruler.svg b/packages/icons/svgs/pencil-ruler.svg
new file mode 100644
index 000000000..11546aae7
--- /dev/null
+++ b/packages/icons/svgs/pencil-ruler.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 1.9999H10C9.73478 1.9999 9.48043 2.10526 9.29289 2.2928C9.10536 2.48033 9 2.73469 9 2.9999V12.9999C9 13.2651 9.10536 13.5195 9.29289 13.707C9.48043 13.8945 9.73478 13.9999 10 13.9999H13C13.2652 13.9999 13.5196 13.8945 13.7071 13.707C13.8946 13.5195 14 13.2651 14 12.9999V2.9999C14 2.73469 13.8946 2.48033 13.7071 2.2928C13.5196 2.10526 13.2652 1.9999 13 1.9999ZM13 12.9999H10V10.9999H11.5C11.6326 10.9999 11.7598 10.9472 11.8536 10.8535C11.9473 10.7597 12 10.6325 12 10.4999C12 10.3673 11.9473 10.2401 11.8536 10.1464C11.7598 10.0526 11.6326 9.9999 11.5 9.9999H10V8.49991H11.5C11.6326 8.49991 11.7598 8.44723 11.8536 8.35346C11.9473 8.25969 12 8.13251 12 7.99991C12 7.8673 11.9473 7.74012 11.8536 7.64635C11.7598 7.55258 11.6326 7.49991 11.5 7.49991H10V5.99991H11.5C11.6326 5.99991 11.7598 5.94723 11.8536 5.85346C11.9473 5.75969 12 5.63251 12 5.49991C12 5.3673 11.9473 5.24012 11.8536 5.14635C11.7598 5.05258 11.6326 4.99991 11.5 4.99991H10V2.9999H13V12.9999ZM4.85375 1.64615C4.80731 1.59967 4.75217 1.56279 4.69147 1.53763C4.63077 1.51246 4.56571 1.49951 4.5 1.49951C4.43429 1.49951 4.36923 1.51246 4.30853 1.53763C4.24783 1.56279 4.19269 1.59967 4.14625 1.64615L2.14625 3.64615C2.09983 3.69262 2.06303 3.74778 2.03793 3.80848C2.01284 3.86918 1.99995 3.93422 2 3.99991V12.9999C2 13.2651 2.10536 13.5195 2.29289 13.707C2.48043 13.8945 2.73478 13.9999 3 13.9999H6C6.26522 13.9999 6.51957 13.8945 6.70711 13.707C6.89464 13.5195 7 13.2651 7 12.9999V3.99991C7.00005 3.93422 6.98716 3.86918 6.96207 3.80848C6.93697 3.74778 6.90017 3.69262 6.85375 3.64615L4.85375 1.64615ZM3 10.9999V4.99991H4V10.9999H3ZM5 4.99991H6V10.9999H5V4.99991ZM4.5 2.70678L5.79313 3.99991H3.20688L4.5 2.70678ZM3 12.9999V11.9999H6V12.9999H3Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/pencil-simple-line.svg b/packages/icons/svgs/pencil-simple-line.svg
new file mode 100644
index 000000000..cca815025
--- /dev/null
+++ b/packages/icons/svgs/pencil-simple-line.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="PencilSimpleLine">
+<path id="Vector" d="M14.2075 4.58563L11.4144 1.79313C11.3215 1.70024 11.2113 1.62656 11.0899 1.57629C10.9686 1.52602 10.8385 1.50015 10.7072 1.50015C10.5758 1.50015 10.4458 1.52602 10.3245 1.57629C10.2031 1.62656 10.0929 1.70024 10 1.79313L2.29312 9.5C2.19986 9.59252 2.12592 9.70266 2.0756 9.82401C2.02528 9.94536 1.99958 10.0755 2 10.2069V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H13.5C13.6326 14 13.7598 13.9473 13.8536 13.8536C13.9473 13.7598 14 13.6326 14 13.5C14 13.3674 13.9473 13.2402 13.8536 13.1464C13.7598 13.0527 13.6326 13 13.5 13H7.2075L14.2075 6C14.3004 5.90714 14.3741 5.79689 14.4243 5.67555C14.4746 5.55421 14.5005 5.42415 14.5005 5.29281C14.5005 5.16147 14.4746 5.03142 14.4243 4.91008C14.3741 4.78874 14.3004 4.67849 14.2075 4.58563ZM5.79312 13H3V10.2069L8.5 4.70688L11.2931 7.5L5.79312 13ZM12 6.79313L9.2075 4L10.7075 2.5L13.5 5.29313L12 6.79313Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/pencil-simple.svg b/packages/icons/svgs/pencil-simple.svg
new file mode 100644
index 000000000..91fe65f28
--- /dev/null
+++ b/packages/icons/svgs/pencil-simple.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2069 4.58561L11.4144 1.79249C11.3215 1.6996 11.2113 1.62592 11.0899 1.57565C10.9686 1.52539 10.8385 1.49951 10.7072 1.49951C10.5759 1.49951 10.4458 1.52539 10.3245 1.57565C10.2031 1.62592 10.0929 1.6996 10 1.79249L2.29313 9.49998C2.19987 9.59251 2.12593 9.70265 2.0756 9.824C2.02528 9.94535 1.99959 10.0755 2.00001 10.2069V13C2.00001 13.2652 2.10536 13.5196 2.2929 13.7071C2.48043 13.8946 2.73479 14 3 14H5.79313C5.9245 14.0004 6.05464 13.9747 6.17599 13.9244C6.29735 13.8741 6.40748 13.8001 6.5 13.7069L14.2069 5.99999C14.2998 5.90712 14.3734 5.79687 14.4237 5.67553C14.474 5.55419 14.4999 5.42414 14.4999 5.2928C14.4999 5.16146 14.474 5.0314 14.4237 4.91006C14.3734 4.78872 14.2998 4.67847 14.2069 4.58561ZM5.79313 13H3V10.2069L8.5 4.70686L11.2931 7.49999L5.79313 13ZM12 6.79249L9.20688 3.99999L10.7069 2.49999L13.5 5.29249L12 6.79249Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/plus.svg b/packages/icons/svgs/plus.svg
index 778e8424f..350117f16 100644
--- a/packages/icons/svgs/plus.svg
+++ b/packages/icons/svgs/plus.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H8.75V13.5C8.75 13.6989 8.67098 13.8897 8.53033 14.0303C8.38968 14.171 8.19891 14.25 8 14.25C7.80109 14.25 7.61032 14.171 7.46967 14.0303C7.32902 13.8897 7.25 13.6989 7.25 13.5V8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H7.25V2.5C7.25 2.30109 7.32902 2.11032 7.46967 1.96967C7.61032 1.82902 7.80109 1.75 8 1.75C8.19891 1.75 8.38968 1.82902 8.53033 1.96967C8.67098 2.11032 8.75 2.30109 8.75 2.5V7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z" fill="#666666"/>
+<path d="M14 8C14 8.13261 13.9473 8.25979 13.8536 8.35355C13.7598 8.44732 13.6326 8.5 13.5 8.5H8.5V13.5C8.5 13.6326 8.44732 13.7598 8.35355 13.8536C8.25979 13.9473 8.13261 14 8 14C7.86739 14 7.74021 13.9473 7.64645 13.8536C7.55268 13.7598 7.5 13.6326 7.5 13.5V8.5H2.5C2.36739 8.5 2.24021 8.44732 2.14645 8.35355C2.05268 8.25979 2 8.13261 2 8C2 7.86739 2.05268 7.74021 2.14645 7.64645C2.24021 7.55268 2.36739 7.5 2.5 7.5H7.5V2.5C7.5 2.36739 7.55268 2.24021 7.64645 2.14645C7.74021 2.05268 7.86739 2 8 2C8.13261 2 8.25979 2.05268 8.35355 2.14645C8.44732 2.24021 8.5 2.36739 8.5 2.5V7.5H13.5C13.6326 7.5 13.7598 7.55268 13.8536 7.64645C13.9473 7.74021 14 7.86739 14 8Z" fill="#181818"/>
 </svg>
diff --git a/packages/icons/svgs/radio-button.svg b/packages/icons/svgs/radio-button.svg
new file mode 100644
index 000000000..f4c45458c
--- /dev/null
+++ b/packages/icons/svgs/radio-button.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29972 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.33494 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM11.5 8C11.5 8.69223 11.2947 9.36892 10.9101 9.9445C10.5256 10.5201 9.97894 10.9687 9.33939 11.2336C8.69985 11.4985 7.99612 11.5678 7.31719 11.4327C6.63825 11.2977 6.01461 10.9644 5.52513 10.4749C5.03565 9.98539 4.7023 9.36175 4.56725 8.68282C4.43221 8.00388 4.50152 7.30015 4.76642 6.66061C5.03133 6.02107 5.47993 5.47444 6.05551 5.08986C6.63108 4.70527 7.30777 4.5 8 4.5C8.92796 4.50099 9.81762 4.87006 10.4738 5.52622C11.1299 6.18238 11.499 7.07205 11.5 8Z" fill="#008836"/>
+</svg>
diff --git a/packages/icons/svgs/recovery-key-cloud-arrow-down.svg b/packages/icons/svgs/recovery-key-cloud-arrow-down.svg
new file mode 100644
index 000000000..81eeebe63
--- /dev/null
+++ b/packages/icons/svgs/recovery-key-cloud-arrow-down.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="CloudArrowDown">
+<path id="Vector" d="M15.5 8C15.5031 9.19073 15.1168 10.3498 14.4 11.3006C14.3605 11.3532 14.3111 11.3974 14.2545 11.4308C14.1979 11.4642 14.1353 11.4862 14.0703 11.4954C14.0052 11.5046 13.939 11.501 13.8753 11.4846C13.8117 11.4682 13.7519 11.4395 13.6994 11.4C13.6468 11.3605 13.6026 11.3111 13.5692 11.2545C13.5358 11.1979 13.5138 11.1353 13.5046 11.0703C13.4954 11.0052 13.499 10.939 13.5154 10.8753C13.5318 10.8117 13.5605 10.7519 13.6 10.6994C14.1868 9.92203 14.5029 8.97394 14.5 8C14.5 6.80653 14.0259 5.66193 13.182 4.81802C12.3381 3.97411 11.1935 3.5 10 3.5C8.80653 3.5 7.66193 3.97411 6.81802 4.81802C5.97411 5.66193 5.5 6.80653 5.5 8C5.5 8.13261 5.44732 8.25979 5.35355 8.35355C5.25979 8.44732 5.13261 8.5 5 8.5C4.86739 8.5 4.74021 8.44732 4.64645 8.35355C4.55268 8.25979 4.5 8.13261 4.5 8C4.49976 7.49542 4.56895 6.99321 4.70563 6.5075C4.6375 6.5 4.56875 6.5 4.5 6.5C3.70435 6.5 2.94129 6.81607 2.37868 7.37868C1.81607 7.94129 1.5 8.70435 1.5 9.5C1.5 10.2956 1.81607 11.0587 2.37868 11.6213C2.94129 12.1839 3.70435 12.5 4.5 12.5H6C6.13261 12.5 6.25979 12.5527 6.35355 12.6464C6.44732 12.7402 6.5 12.8674 6.5 13C6.5 13.1326 6.44732 13.2598 6.35355 13.3536C6.25979 13.4473 6.13261 13.5 6 13.5H4.5C3.95011 13.5001 3.4061 13.3869 2.90194 13.1673C2.39779 12.9477 1.94432 12.6266 1.56986 12.2239C1.1954 11.8212 0.907985 11.3456 0.725574 10.8269C0.543162 10.3081 0.46967 9.75734 0.509687 9.20891C0.549704 8.66048 0.70237 8.12619 0.958151 7.63941C1.21393 7.15262 1.56733 6.72381 1.99628 6.37974C2.42523 6.03568 2.92052 5.78375 3.4512 5.6397C3.98189 5.49564 4.53658 5.46255 5.08063 5.5425C5.63462 4.43447 6.54646 3.54592 7.66845 3.02077C8.79044 2.49562 10.0569 2.36462 11.2626 2.649C12.4683 2.93338 13.5427 3.61648 14.3118 4.58766C15.0808 5.55883 15.4995 6.76119 15.5 8ZM11.1463 10.6463L10 11.7931V8C10 7.86739 9.94732 7.74021 9.85355 7.64645C9.75979 7.55268 9.63261 7.5 9.5 7.5C9.36739 7.5 9.24021 7.55268 9.14645 7.64645C9.05268 7.74021 9 7.86739 9 8V11.7931L7.85375 10.6463C7.75993 10.5524 7.63268 10.4997 7.5 10.4997C7.36732 10.4997 7.24007 10.5524 7.14625 10.6463C7.05243 10.7401 6.99972 10.8673 6.99972 11C6.99972 11.1327 7.05243 11.2599 7.14625 11.3538L9.14625 13.3538C9.19269 13.4002 9.24783 13.4371 9.30853 13.4623C9.36923 13.4874 9.43429 13.5004 9.5 13.5004C9.56571 13.5004 9.63077 13.4874 9.69147 13.4623C9.75217 13.4371 9.80731 13.4002 9.85375 13.3538L11.8538 11.3538C11.9476 11.2599 12.0003 11.1327 12.0003 11C12.0003 10.8673 11.9476 10.7401 11.8538 10.6463C11.7599 10.5524 11.6327 10.4997 11.5 10.4997C11.3673 10.4997 11.2401 10.5524 11.1463 10.6463Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/recovery-key-copy.svg b/packages/icons/svgs/recovery-key-copy.svg
new file mode 100644
index 000000000..dc3b83073
--- /dev/null
+++ b/packages/icons/svgs/recovery-key-copy.svg
@@ -0,0 +1,11 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="copy" clip-path="url(#clip0_0_12)">
+<path id="Vector" d="M13.3333 6H7.33333C6.59695 6 6 6.59695 6 7.33333V13.3333C6 14.0697 6.59695 14.6667 7.33333 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V7.33333C14.6667 6.59695 14.0697 6 13.3333 6Z" stroke="var(--stroke-0, #008836)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M3.33333 10H2.66667C2.31304 10 1.97391 9.85952 1.72386 9.60948C1.47381 9.35943 1.33333 9.02029 1.33333 8.66667V2.66667C1.33333 2.31304 1.47381 1.97391 1.72386 1.72386C1.97391 1.47381 2.31304 1.33333 2.66667 1.33333H8.66667C9.02029 1.33333 9.35943 1.47381 9.60948 1.72386C9.85952 1.97391 10 2.31304 10 2.66667V3.33333" stroke="var(--stroke-0, #008836)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_0_12">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/icons/svgs/recovery-key-file.svg b/packages/icons/svgs/recovery-key-file.svg
new file mode 100644
index 000000000..da5350a3f
--- /dev/null
+++ b/packages/icons/svgs/recovery-key-file.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="File">
+<path id="Vector" d="M13.3538 5.14625L9.85375 1.64625C9.80728 1.59983 9.75212 1.56303 9.69143 1.53793C9.63073 1.51284 9.56568 1.49995 9.5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V13.5C2.5 13.7652 2.60536 14.0196 2.79289 14.2071C2.98043 14.3946 3.23478 14.5 3.5 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V5.5C13.5001 5.43432 13.4872 5.36927 13.4621 5.30858C13.437 5.24788 13.4002 5.19272 13.3538 5.14625ZM10 3.20688L11.7931 5H10V3.20688ZM12.5 13.5H3.5V2.5H9V5.5C9 5.63261 9.05268 5.75978 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V13.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/recovery-key-key.svg b/packages/icons/svgs/recovery-key-key.svg
new file mode 100644
index 000000000..55f7e11b1
--- /dev/null
+++ b/packages/icons/svgs/recovery-key-key.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Key">
+<path id="Vector" d="M13.5356 2.46438C12.7414 1.66907 11.7024 1.16455 10.5863 1.03222C9.47015 0.899898 8.34198 1.14749 7.38384 1.73505C6.42569 2.32261 5.69345 3.21585 5.30528 4.27065C4.91711 5.32545 4.89566 6.48026 5.24438 7.54875L1.79313 11C1.69986 11.0925 1.62592 11.2027 1.5756 11.324C1.52528 11.4454 1.49958 11.5755 1.5 11.7069V13.5C1.5 13.7652 1.60536 14.0196 1.79289 14.2071C1.98043 14.3946 2.23478 14.5 2.5 14.5H4.5C4.63261 14.5 4.75979 14.4473 4.85355 14.3536C4.94732 14.2598 5 14.1326 5 14V13H6C6.13261 13 6.25979 12.9473 6.35355 12.8536C6.44732 12.7598 6.5 12.6326 6.5 12.5V11.5H7.5C7.56568 11.5001 7.63073 11.4872 7.69143 11.4621C7.75212 11.437 7.80728 11.4002 7.85375 11.3538L8.45125 10.7556C8.95137 10.9183 9.47409 11.0008 10 11H10.0063C10.9947 10.9988 11.9605 10.7047 12.7818 10.1548C13.6032 9.60493 14.2431 8.82396 14.6208 7.91056C14.9984 6.99716 15.0969 5.99231 14.9038 5.02297C14.7107 4.05362 14.2346 3.16326 13.5356 2.46438ZM14 6.13125C13.9319 8.26188 12.1406 9.9975 10.0069 10H10C9.49385 10.0009 8.99219 9.90519 8.52188 9.71813C8.42988 9.6782 8.32799 9.66686 8.22946 9.68558C8.13094 9.70431 8.04032 9.75223 7.96938 9.82313L7.29313 10.5H6C5.86739 10.5 5.74022 10.5527 5.64645 10.6464C5.55268 10.7402 5.5 10.8674 5.5 11V12H4.5C4.36739 12 4.24022 12.0527 4.14645 12.1464C4.05268 12.2402 4 12.3674 4 12.5V13.5H2.5V11.7069L6.17688 8.03063C6.24777 7.95969 6.29569 7.86907 6.31442 7.77054C6.33314 7.67201 6.3218 7.57013 6.28188 7.47813C6.09422 7.00624 5.99854 6.50283 6 5.995C6 3.86125 7.73812 2.07 9.86875 2.00188C10.416 1.98361 10.9613 2.07792 11.4706 2.27895C11.98 2.47998 12.4427 2.78346 12.83 3.17058C13.2173 3.5577 13.5209 4.02023 13.7222 4.5295C13.9235 5.03877 14.018 5.58395 14 6.13125ZM12 4.75C12 4.89834 11.956 5.04334 11.8736 5.16668C11.7912 5.29001 11.6741 5.38614 11.537 5.44291C11.4 5.49968 11.2492 5.51453 11.1037 5.48559C10.9582 5.45665 10.8246 5.38522 10.7197 5.28033C10.6148 5.17544 10.5434 5.0418 10.5144 4.89632C10.4855 4.75083 10.5003 4.60003 10.5571 4.46299C10.6139 4.32594 10.71 4.20881 10.8333 4.1264C10.9567 4.04399 11.1017 4 11.25 4C11.4489 4 11.6397 4.07902 11.7803 4.21967C11.921 4.36032 12 4.55109 12 4.75Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/recovery-key-qr-code.svg b/packages/icons/svgs/recovery-key-qr-code.svg
new file mode 100644
index 000000000..44ad1db1b
--- /dev/null
+++ b/packages/icons/svgs/recovery-key-qr-code.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="QrCode">
+<path id="Vector" d="M6.5 2.5H3.5C3.23478 2.5 2.98043 2.60536 2.79289 2.79289C2.60536 2.98043 2.5 3.23478 2.5 3.5V6.5C2.5 6.76522 2.60536 7.01957 2.79289 7.20711C2.98043 7.39464 3.23478 7.5 3.5 7.5H6.5C6.76522 7.5 7.01957 7.39464 7.20711 7.20711C7.39464 7.01957 7.5 6.76522 7.5 6.5V3.5C7.5 3.23478 7.39464 2.98043 7.20711 2.79289C7.01957 2.60536 6.76522 2.5 6.5 2.5ZM6.5 6.5H3.5V3.5H6.5V6.5ZM6.5 8.5H3.5C3.23478 8.5 2.98043 8.60536 2.79289 8.79289C2.60536 8.98043 2.5 9.23478 2.5 9.5V12.5C2.5 12.7652 2.60536 13.0196 2.79289 13.2071C2.98043 13.3946 3.23478 13.5 3.5 13.5H6.5C6.76522 13.5 7.01957 13.3946 7.20711 13.2071C7.39464 13.0196 7.5 12.7652 7.5 12.5V9.5C7.5 9.23478 7.39464 8.98043 7.20711 8.79289C7.01957 8.60536 6.76522 8.5 6.5 8.5ZM6.5 12.5H3.5V9.5H6.5V12.5ZM12.5 2.5H9.5C9.23478 2.5 8.98043 2.60536 8.79289 2.79289C8.60536 2.98043 8.5 3.23478 8.5 3.5V6.5C8.5 6.76522 8.60536 7.01957 8.79289 7.20711C8.98043 7.39464 9.23478 7.5 9.5 7.5H12.5C12.7652 7.5 13.0196 7.39464 13.2071 7.20711C13.3946 7.01957 13.5 6.76522 13.5 6.5V3.5C13.5 3.23478 13.3946 2.98043 13.2071 2.79289C13.0196 2.60536 12.7652 2.5 12.5 2.5ZM12.5 6.5H9.5V3.5H12.5V6.5ZM8.5 11V9C8.5 8.86739 8.55268 8.74021 8.64645 8.64645C8.74021 8.55268 8.86739 8.5 9 8.5C9.13261 8.5 9.25979 8.55268 9.35355 8.64645C9.44732 8.74021 9.5 8.86739 9.5 9V11C9.5 11.1326 9.44732 11.2598 9.35355 11.3536C9.25979 11.4473 9.13261 11.5 9 11.5C8.86739 11.5 8.74021 11.4473 8.64645 11.3536C8.55268 11.2598 8.5 11.1326 8.5 11ZM13.5 10C13.5 10.1326 13.4473 10.2598 13.3536 10.3536C13.2598 10.4473 13.1326 10.5 13 10.5H11.5V13C11.5 13.1326 11.4473 13.2598 11.3536 13.3536C11.2598 13.4473 11.1326 13.5 11 13.5H9C8.86739 13.5 8.74021 13.4473 8.64645 13.3536C8.55268 13.2598 8.5 13.1326 8.5 13C8.5 12.8674 8.55268 12.7402 8.64645 12.6464C8.74021 12.5527 8.86739 12.5 9 12.5H10.5V9C10.5 8.86739 10.5527 8.74021 10.6464 8.64645C10.7402 8.55268 10.8674 8.5 11 8.5C11.1326 8.5 11.2598 8.55268 11.3536 8.64645C11.4473 8.74021 11.5 8.86739 11.5 9V9.5H13C13.1326 9.5 13.2598 9.55268 13.3536 9.64645C13.4473 9.74021 13.5 9.86739 13.5 10ZM13.5 12V13C13.5 13.1326 13.4473 13.2598 13.3536 13.3536C13.2598 13.4473 13.1326 13.5 13 13.5C12.8674 13.5 12.7402 13.4473 12.6464 13.3536C12.5527 13.2598 12.5 13.1326 12.5 13V12C12.5 11.8674 12.5527 11.7402 12.6464 11.6464C12.7402 11.5527 12.8674 11.5 13 11.5C13.1326 11.5 13.2598 11.5527 13.3536 11.6464C13.4473 11.7402 13.5 11.8674 13.5 12Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/recovery-key-shield-check.svg b/packages/icons/svgs/recovery-key-shield-check.svg
new file mode 100644
index 000000000..4e6ac0b45
--- /dev/null
+++ b/packages/icons/svgs/recovery-key-shield-check.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ShieldCheck">
+<path id="Vector" d="M13 2.5H3C2.73478 2.5 2.48043 2.60536 2.29289 2.79289C2.10536 2.98043 2 3.23478 2 3.5V7C2 10.295 3.595 12.2919 4.93313 13.3869C6.37437 14.5656 7.80813 14.9656 7.87063 14.9825C7.95656 15.0059 8.04719 15.0059 8.13313 14.9825C8.19563 14.9656 9.6275 14.5656 11.0706 13.3869C12.405 12.2919 14 10.295 14 7V3.5C14 3.23478 13.8946 2.98043 13.7071 2.79289C13.5196 2.60536 13.2652 2.5 13 2.5ZM13 7C13 9.31687 12.1462 11.1975 10.4625 12.5887C9.72955 13.1923 8.89597 13.662 8 13.9762C7.11576 13.6675 6.29247 13.2061 5.5675 12.6131C3.86375 11.2194 3 9.33125 3 7V3.5H13V7ZM5.14625 8.85375C5.05243 8.75993 4.99972 8.63268 4.99972 8.5C4.99972 8.36732 5.05243 8.24007 5.14625 8.14625C5.24007 8.05243 5.36732 7.99972 5.5 7.99972C5.63268 7.99972 5.75993 8.05243 5.85375 8.14625L7 9.29313L10.1462 6.14625C10.1927 6.09979 10.2479 6.06294 10.3086 6.0378C10.3692 6.01266 10.4343 5.99972 10.5 5.99972C10.5657 5.99972 10.6308 6.01266 10.6914 6.0378C10.7521 6.06294 10.8073 6.09979 10.8538 6.14625C10.9002 6.1927 10.9371 6.24786 10.9622 6.30855C10.9873 6.36925 11.0003 6.4343 11.0003 6.5C11.0003 6.5657 10.9873 6.63075 10.9622 6.69145C10.9371 6.75214 10.9002 6.8073 10.8538 6.85375L7.35375 10.3538C7.30731 10.4002 7.25217 10.4371 7.19147 10.4623C7.13077 10.4874 7.06571 10.5004 7 10.5004C6.93429 10.5004 6.86923 10.4874 6.80853 10.4623C6.74783 10.4371 6.69269 10.4002 6.64625 10.3538L5.14625 8.85375Z" fill="var(--fill-0, #008836)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/shield-check.svg b/packages/icons/svgs/shield-check.svg
index db6827172..a10b58b1b 100644
--- a/packages/icons/svgs/shield-check.svg
+++ b/packages/icons/svgs/shield-check.svg
@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.5 3.75H4.5C4.10218 3.75 3.72064 3.90804 3.43934 4.18934C3.15804 4.47064 3 4.85218 3 5.25V10.5C3 15.4425 5.3925 18.4378 7.39969 20.0803C9.56156 21.8484 11.7122 22.4484 11.8059 22.4738C11.9348 22.5088 12.0708 22.5088 12.1997 22.4738C12.2934 22.4484 14.4413 21.8484 16.6059 20.0803C18.6075 18.4378 21 15.4425 21 10.5V5.25C21 4.85218 20.842 4.47064 20.5607 4.18934C20.2794 3.90804 19.8978 3.75 19.5 3.75ZM16.2825 10.2806L11.0325 15.5306C10.9628 15.6004 10.8801 15.6557 10.7891 15.6934C10.698 15.7312 10.6004 15.7506 10.5019 15.7506C10.4033 15.7506 10.3057 15.7312 10.2147 15.6934C10.1236 15.6557 10.0409 15.6004 9.97125 15.5306L7.72125 13.2806C7.58052 13.1399 7.50146 12.949 7.50146 12.75C7.50146 12.551 7.58052 12.3601 7.72125 12.2194C7.86198 12.0786 8.05285 11.9996 8.25187 11.9996C8.4509 11.9996 8.64177 12.0786 8.7825 12.2194L10.5 13.9397L15.2194 9.21937C15.2891 9.14969 15.3718 9.09442 15.4628 9.0567C15.5539 9.01899 15.6515 8.99958 15.75 8.99958C15.8485 8.99958 15.9461 9.01899 16.0372 9.0567C16.1282 9.09442 16.2109 9.14969 16.2806 9.21937C16.3503 9.28906 16.4056 9.37178 16.4433 9.46283C16.481 9.55387 16.5004 9.65145 16.5004 9.75C16.5004 9.84855 16.481 9.94613 16.4433 10.0372C16.4056 10.1282 16.3503 10.2109 16.2806 10.2806H16.2825Z" fill="#008836"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 2.5H3C2.73478 2.5 2.48043 2.60536 2.29289 2.79289C2.10536 2.98043 2 3.23478 2 3.5V7C2 10.295 3.595 12.2919 4.93313 13.3869C6.37437 14.5656 7.80813 14.9656 7.87063 14.9825C7.95656 15.0059 8.04719 15.0059 8.13313 14.9825C8.19563 14.9656 9.6275 14.5656 11.0706 13.3869C12.405 12.2919 14 10.295 14 7V3.5C14 3.23478 13.8946 2.98043 13.7071 2.79289C13.5196 2.60536 13.2652 2.5 13 2.5ZM13 7C13 9.31687 12.1462 11.1975 10.4625 12.5887C9.72955 13.1923 8.89597 13.662 8 13.9762C7.11576 13.6675 6.29247 13.2061 5.5675 12.6131C3.86375 11.2194 3 9.33125 3 7V3.5H13V7ZM5.14625 8.85375C5.05243 8.75993 4.99972 8.63268 4.99972 8.5C4.99972 8.36732 5.05243 8.24007 5.14625 8.14625C5.24007 8.05243 5.36732 7.99972 5.5 7.99972C5.63268 7.99972 5.75993 8.05243 5.85375 8.14625L7 9.29313L10.1462 6.14625C10.1927 6.09979 10.2479 6.06294 10.3086 6.0378C10.3692 6.01266 10.4343 5.99972 10.5 5.99972C10.5657 5.99972 10.6308 6.01266 10.6914 6.0378C10.7521 6.06294 10.8073 6.09979 10.8538 6.14625C10.9002 6.1927 10.9371 6.24786 10.9622 6.30855C10.9873 6.36925 11.0003 6.4343 11.0003 6.5C11.0003 6.5657 10.9873 6.63075 10.9622 6.69145C10.9371 6.75214 10.9002 6.8073 10.8538 6.85375L7.35375 10.3538C7.30731 10.4002 7.25217 10.4371 7.19147 10.4623C7.13077 10.4874 7.06571 10.5004 7 10.5004C6.93429 10.5004 6.86923 10.4874 6.80853 10.4623C6.74783 10.4371 6.69269 10.4002 6.64625 10.3538L5.14625 8.85375Z" fill="#181818"/>
 </svg>
diff --git a/packages/icons/svgs/shield-plus.svg b/packages/icons/svgs/shield-plus.svg
new file mode 100644
index 000000000..50c4ec151
--- /dev/null
+++ b/packages/icons/svgs/shield-plus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 8C5.5 7.86739 5.55268 7.74021 5.64645 7.64645C5.74021 7.55268 5.86739 7.5 6 7.5H7.5V6C7.5 5.86739 7.55268 5.74021 7.64645 5.64645C7.74021 5.55268 7.86739 5.5 8 5.5C8.13261 5.5 8.25979 5.55268 8.35355 5.64645C8.44732 5.74021 8.5 5.86739 8.5 6V7.5H10C10.1326 7.5 10.2598 7.55268 10.3536 7.64645C10.4473 7.74021 10.5 7.86739 10.5 8C10.5 8.13261 10.4473 8.25979 10.3536 8.35355C10.2598 8.44732 10.1326 8.5 10 8.5H8.5V10C8.5 10.1326 8.44732 10.2598 8.35355 10.3536C8.25979 10.4473 8.13261 10.5 8 10.5C7.86739 10.5 7.74021 10.4473 7.64645 10.3536C7.55268 10.2598 7.5 10.1326 7.5 10V8.5H6C5.86739 8.5 5.74021 8.44732 5.64645 8.35355C5.55268 8.25979 5.5 8.13261 5.5 8ZM14 3.5V7C14 10.295 12.405 12.2919 11.0669 13.3869C9.62563 14.5656 8.19188 14.9663 8.12938 14.9825C8.04344 15.0059 7.95281 15.0059 7.86688 14.9825C7.80438 14.9663 6.3725 14.5656 4.92938 13.3869C3.595 12.2919 2 10.295 2 7V3.5C2 3.23478 2.10536 2.98043 2.29289 2.79289C2.48043 2.60536 2.73478 2.5 3 2.5H13C13.2652 2.5 13.5196 2.60536 13.7071 2.79289C13.8946 2.98043 14 3.23478 14 3.5ZM13 3.5H3V7C3 9.33125 3.86375 11.2194 5.56687 12.6131C6.29203 13.2062 7.11553 13.6675 8 13.9762C8.89619 13.6621 9.72999 13.1924 10.4631 12.5887C12.1462 11.1975 13 9.31687 13 7V3.5Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/shield.svg b/packages/icons/svgs/shield.svg
new file mode 100644
index 000000000..dc9b65bad
--- /dev/null
+++ b/packages/icons/svgs/shield.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Shield">
+<path id="Vector" d="M13 2.5H3C2.73478 2.5 2.48043 2.60536 2.29289 2.79289C2.10536 2.98043 2 3.23478 2 3.5V7C2 10.295 3.595 12.2919 4.93313 13.3869C6.37437 14.5656 7.80813 14.9663 7.87063 14.9825C7.95656 15.0059 8.04719 15.0059 8.13313 14.9825C8.19563 14.9663 9.6275 14.5656 11.0706 13.3869C12.405 12.2919 14 10.295 14 7V3.5C14 3.23478 13.8946 2.98043 13.7071 2.79289C13.5196 2.60536 13.2652 2.5 13 2.5ZM13 7C13 9.31687 12.1462 11.1975 10.4625 12.5887C9.72955 13.1923 8.89597 13.662 8 13.9762C7.11576 13.6675 6.29247 13.2061 5.5675 12.6131C3.86375 11.2194 3 9.33125 3 7V3.5H13V7Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/sliders-horizontal.svg b/packages/icons/svgs/sliders-horizontal.svg
new file mode 100644
index 000000000..0d0695791
--- /dev/null
+++ b/packages/icons/svgs/sliders-horizontal.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="SlidersHorizontal">
+<path id="Vector" d="M2.5 5.5H4.5625C4.67265 5.93021 4.92285 6.31152 5.27365 6.58382C5.62446 6.85612 6.05591 7.00392 6.5 7.00392C6.94409 7.00392 7.37554 6.85612 7.72635 6.58382C8.07715 6.31152 8.32735 5.93021 8.4375 5.5H13.5C13.6326 5.5 13.7598 5.44732 13.8536 5.35355C13.9473 5.25979 14 5.13261 14 5C14 4.86739 13.9473 4.74021 13.8536 4.64645C13.7598 4.55268 13.6326 4.5 13.5 4.5H8.4375C8.32735 4.06979 8.07715 3.68848 7.72635 3.41618C7.37554 3.14388 6.94409 2.99608 6.5 2.99608C6.05591 2.99608 5.62446 3.14388 5.27365 3.41618C4.92285 3.68848 4.67265 4.06979 4.5625 4.5H2.5C2.36739 4.5 2.24021 4.55268 2.14645 4.64645C2.05268 4.74021 2 4.86739 2 5C2 5.13261 2.05268 5.25979 2.14645 5.35355C2.24021 5.44732 2.36739 5.5 2.5 5.5ZM6.5 4C6.69778 4 6.89112 4.05865 7.05557 4.16853C7.22002 4.27841 7.34819 4.43459 7.42388 4.61732C7.49957 4.80004 7.51937 5.00111 7.48079 5.19509C7.4422 5.38907 7.34696 5.56725 7.20711 5.70711C7.06725 5.84696 6.88907 5.9422 6.69509 5.98079C6.50111 6.01937 6.30004 5.99957 6.11732 5.92388C5.93459 5.84819 5.77841 5.72002 5.66853 5.55557C5.55865 5.39112 5.5 5.19778 5.5 5C5.5 4.73478 5.60536 4.48043 5.79289 4.29289C5.98043 4.10536 6.23478 4 6.5 4ZM13.5 10.5H12.4375C12.3273 10.0698 12.0771 9.68848 11.7263 9.41618C11.3755 9.14388 10.9441 8.99608 10.5 8.99608C10.0559 8.99608 9.62446 9.14388 9.27365 9.41618C8.92285 9.68848 8.67265 10.0698 8.5625 10.5H2.5C2.36739 10.5 2.24021 10.5527 2.14645 10.6464C2.05268 10.7402 2 10.8674 2 11C2 11.1326 2.05268 11.2598 2.14645 11.3536C2.24021 11.4473 2.36739 11.5 2.5 11.5H8.5625C8.67265 11.9302 8.92285 12.3115 9.27365 12.5838C9.62446 12.8561 10.0559 13.0039 10.5 13.0039C10.9441 13.0039 11.3755 12.8561 11.7263 12.5838C12.0771 12.3115 12.3273 11.9302 12.4375 11.5H13.5C13.6326 11.5 13.7598 11.4473 13.8536 11.3536C13.9473 11.2598 14 11.1326 14 11C14 10.8674 13.9473 10.7402 13.8536 10.6464C13.7598 10.5527 13.6326 10.5 13.5 10.5ZM10.5 12C10.3022 12 10.1089 11.9414 9.94443 11.8315C9.77998 11.7216 9.65181 11.5654 9.57612 11.3827C9.50043 11.2 9.48063 10.9989 9.51921 10.8049C9.5578 10.6109 9.65304 10.4327 9.79289 10.2929C9.93275 10.153 10.1109 10.0578 10.3049 10.0192C10.4989 9.98063 10.7 10.0004 10.8827 10.0761C11.0654 10.1518 11.2216 10.28 11.3315 10.4444C11.4414 10.6089 11.5 10.8022 11.5 11C11.5 11.2652 11.3946 11.5196 11.2071 11.7071C11.0196 11.8946 10.7652 12 10.5 12Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/speaker-high.svg b/packages/icons/svgs/speaker-high.svg
new file mode 100644
index 000000000..2070514ce
--- /dev/null
+++ b/packages/icons/svgs/speaker-high.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.71937 1.55052C9.63529 1.50955 9.5414 1.49299 9.44838 1.50271C9.35535 1.51243 9.26692 1.54805 9.19312 1.60552L4.82812 4.9999H2C1.73478 4.9999 1.48043 5.10526 1.29289 5.29279C1.10536 5.48033 1 5.73468 1 5.9999V9.9999C1 10.2651 1.10536 10.5195 1.29289 10.707C1.48043 10.8945 1.73478 10.9999 2 10.9999H4.82812L9.19312 14.3943C9.26699 14.4517 9.35548 14.4872 9.44855 14.4969C9.54161 14.5065 9.63551 14.4898 9.71956 14.4487C9.80362 14.4077 9.87446 14.3438 9.92404 14.2645C9.97361 14.1851 9.99993 14.0935 10 13.9999V1.9999C10 1.90623 9.97371 1.81444 9.9241 1.73499C9.87448 1.65554 9.80355 1.59162 9.71937 1.55052ZM2 5.9999H4.5V9.9999H2V5.9999ZM9 12.9774L5.5 10.2555V5.74427L9 3.0224V12.9774ZM12.375 6.3474C12.7772 6.80395 12.999 7.39148 12.999 7.9999C12.999 8.60832 12.7772 9.19585 12.375 9.6524C12.2867 9.74946 12.1637 9.8079 12.0327 9.81511C11.9016 9.82231 11.773 9.77771 11.6745 9.69091C11.5761 9.60411 11.5157 9.48209 11.5065 9.35118C11.4972 9.22026 11.5398 9.09095 11.625 8.99115C11.8662 8.71725 11.9992 8.36484 11.9992 7.9999C11.9992 7.63496 11.8662 7.28255 11.625 7.00865C11.5398 6.90885 11.4972 6.77954 11.5065 6.64862C11.5157 6.51771 11.5761 6.39568 11.6745 6.30889C11.773 6.22209 11.9016 6.17749 12.0327 6.18469C12.1637 6.1919 12.2867 6.25033 12.375 6.3474ZM15.5 7.9999C15.5007 9.23003 15.0474 10.4171 14.2269 11.3336C14.1378 11.43 14.0144 11.4875 13.8833 11.4937C13.7522 11.4999 13.624 11.4544 13.5262 11.3668C13.4284 11.2793 13.369 11.1569 13.3607 11.0259C13.3524 10.8949 13.3959 10.7659 13.4819 10.6668C14.1378 9.93342 14.5004 8.98407 14.5004 8.00021C14.5004 7.01635 14.1378 6.067 13.4819 5.33365C13.4369 5.28494 13.402 5.22775 13.3793 5.16543C13.3566 5.10311 13.3465 5.03689 13.3496 4.97063C13.3528 4.90438 13.3691 4.83941 13.3976 4.77951C13.426 4.71961 13.4662 4.66598 13.5156 4.62174C13.565 4.5775 13.6227 4.54354 13.6854 4.52183C13.7481 4.50012 13.8145 4.4911 13.8807 4.49529C13.9469 4.49948 14.0116 4.5168 14.071 4.54624C14.1304 4.57568 14.1834 4.61666 14.2269 4.66677C15.0476 5.58291 15.501 6.76991 15.5 7.9999Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/squares-four.svg b/packages/icons/svgs/squares-four.svg
new file mode 100644
index 000000000..6bd86c87f
--- /dev/null
+++ b/packages/icons/svgs/squares-four.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="SquaresFour">
+<path id="Vector" d="M6.5 2.5H3.5C3.23478 2.5 2.98043 2.60536 2.79289 2.79289C2.60536 2.98043 2.5 3.23478 2.5 3.5V6.5C2.5 6.76522 2.60536 7.01957 2.79289 7.20711C2.98043 7.39464 3.23478 7.5 3.5 7.5H6.5C6.76522 7.5 7.01957 7.39464 7.20711 7.20711C7.39464 7.01957 7.5 6.76522 7.5 6.5V3.5C7.5 3.23478 7.39464 2.98043 7.20711 2.79289C7.01957 2.60536 6.76522 2.5 6.5 2.5ZM6.5 6.5H3.5V3.5H6.5V6.5ZM12.5 2.5H9.5C9.23478 2.5 8.98043 2.60536 8.79289 2.79289C8.60536 2.98043 8.5 3.23478 8.5 3.5V6.5C8.5 6.76522 8.60536 7.01957 8.79289 7.20711C8.98043 7.39464 9.23478 7.5 9.5 7.5H12.5C12.7652 7.5 13.0196 7.39464 13.2071 7.20711C13.3946 7.01957 13.5 6.76522 13.5 6.5V3.5C13.5 3.23478 13.3946 2.98043 13.2071 2.79289C13.0196 2.60536 12.7652 2.5 12.5 2.5ZM12.5 6.5H9.5V3.5H12.5V6.5ZM6.5 8.5H3.5C3.23478 8.5 2.98043 8.60536 2.79289 8.79289C2.60536 8.98043 2.5 9.23478 2.5 9.5V12.5C2.5 12.7652 2.60536 13.0196 2.79289 13.2071C2.98043 13.3946 3.23478 13.5 3.5 13.5H6.5C6.76522 13.5 7.01957 13.3946 7.20711 13.2071C7.39464 13.0196 7.5 12.7652 7.5 12.5V9.5C7.5 9.23478 7.39464 8.98043 7.20711 8.79289C7.01957 8.60536 6.76522 8.5 6.5 8.5ZM6.5 12.5H3.5V9.5H6.5V12.5ZM12.5 8.5H9.5C9.23478 8.5 8.98043 8.60536 8.79289 8.79289C8.60536 8.98043 8.5 9.23478 8.5 9.5V12.5C8.5 12.7652 8.60536 13.0196 8.79289 13.2071C8.98043 13.3946 9.23478 13.5 9.5 13.5H12.5C12.7652 13.5 13.0196 13.3946 13.2071 13.2071C13.3946 13.0196 13.5 12.7652 13.5 12.5V9.5C13.5 9.23478 13.3946 8.98043 13.2071 8.79289C13.0196 8.60536 12.7652 8.5 12.5 8.5ZM12.5 12.5H9.5V9.5H12.5V12.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/swatches.svg b/packages/icons/svgs/swatches.svg
new file mode 100644
index 000000000..0673e5597
--- /dev/null
+++ b/packages/icons/svgs/swatches.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Swatches">
+<path id="Vector" d="M5.5 11.25C5.5 11.3983 5.45601 11.5433 5.3736 11.6667C5.29119 11.79 5.17406 11.8861 5.03701 11.9429C4.89997 11.9997 4.74917 12.0145 4.60368 11.9856C4.4582 11.9566 4.32456 11.8852 4.21967 11.7803C4.11478 11.6754 4.04335 11.5418 4.01441 11.3963C3.98547 11.2508 4.00032 11.1 4.05709 10.963C4.11386 10.8259 4.20999 10.7088 4.33332 10.6264C4.45666 10.544 4.60166 10.5 4.75 10.5C4.94891 10.5 5.13968 10.579 5.28033 10.7197C5.42098 10.8603 5.5 11.0511 5.5 11.25ZM15 9.76187V13C15 13.2652 14.8946 13.5196 14.7071 13.7071C14.5196 13.8946 14.2652 14 14 14H4.75C4.58367 14.0001 4.41764 13.9859 4.25375 13.9575C3.53877 13.8271 2.9045 13.4189 2.48956 12.8222C2.07463 12.2255 1.91277 11.4888 2.03938 10.7731L3.60188 1.8275C3.62408 1.69824 3.6716 1.57464 3.74169 1.46378C3.81178 1.35293 3.90307 1.257 4.01033 1.18151C4.11758 1.10603 4.23868 1.05246 4.36669 1.02388C4.49469 0.995307 4.62708 0.992289 4.75625 1.015L8.1775 1.625C8.43782 1.67191 8.66895 1.82005 8.82029 2.03699C8.97163 2.25393 9.03085 2.52199 8.985 2.7825L8.23 7.095L12.4681 5.5625C12.7166 5.47277 12.9904 5.48497 13.2299 5.59645C13.4693 5.70793 13.655 5.90962 13.7463 6.1575L14.9375 9.41812C14.9758 9.52884 14.9968 9.64477 15 9.76187ZM6.4375 11.5544L8 2.60875L4.59125 2L3.02875 10.9438C2.94717 11.3987 3.04886 11.8674 3.31162 12.2476C3.57438 12.6278 3.97688 12.8886 4.43125 12.9731C4.65368 13.013 4.88182 13.0083 5.10242 12.9593C5.32301 12.9102 5.53166 12.8179 5.71625 12.6875C5.90556 12.5558 6.0668 12.3879 6.19062 12.1933C6.31444 11.9988 6.39836 11.7816 6.4375 11.5544ZM7.29875 12.1875L14 9.75687L12.8075 6.5L8.03125 8.23125L7.42 11.7262C7.39283 11.8832 7.35226 12.0375 7.29875 12.1875ZM14 10.82L7.98375 13H14V10.82Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/table.svg b/packages/icons/svgs/table.svg
new file mode 100644
index 000000000..4eb281de4
--- /dev/null
+++ b/packages/icons/svgs/table.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 3H2C1.86739 3 1.74021 3.05268 1.64645 3.14645C1.55268 3.24021 1.5 3.36739 1.5 3.5V12C1.5 12.2652 1.60536 12.5196 1.79289 12.7071C1.98043 12.8946 2.23478 13 2.5 13H13.5C13.7652 13 14.0196 12.8946 14.2071 12.7071C14.3946 12.5196 14.5 12.2652 14.5 12V3.5C14.5 3.36739 14.4473 3.24021 14.3536 3.14645C14.2598 3.05268 14.1326 3 14 3ZM2.5 7H5V9H2.5V7ZM6 7H13.5V9H6V7ZM13.5 4V6H2.5V4H13.5ZM2.5 10H5V12H2.5V10ZM13.5 12H6V10H13.5V12Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/telegram-logo.svg b/packages/icons/svgs/telegram-logo.svg
new file mode 100644
index 000000000..3194dbc72
--- /dev/null
+++ b/packages/icons/svgs/telegram-logo.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="TelegramLogo">
+<path id="Vector" d="M14.305 1.63688C14.2275 1.56998 14.1333 1.52549 14.0324 1.5082C13.9315 1.49091 13.8278 1.50147 13.7325 1.53875L1.06625 6.49562C0.88674 6.56543 0.734765 6.69166 0.633203 6.85531C0.531641 7.01896 0.48599 7.21117 0.503122 7.40301C0.520254 7.59485 0.599243 7.77593 0.728196 7.919C0.857149 8.06206 1.02909 8.15936 1.21812 8.19625L4.5 8.84062V12.5C4.49935 12.6993 4.55859 12.8942 4.67003 13.0595C4.78146 13.2248 4.93997 13.3528 5.125 13.4269C5.30974 13.5023 5.51291 13.5204 5.70809 13.4788C5.90326 13.4373 6.08141 13.3379 6.21938 13.1938L7.80188 11.5525L10.3125 13.75C10.4936 13.9107 10.7273 13.9996 10.9694 14C11.0755 13.9999 11.1809 13.9833 11.2819 13.9506C11.4468 13.8983 11.5952 13.8036 11.7122 13.6761C11.8292 13.5486 11.9108 13.3926 11.9487 13.2238L14.4856 2.1875C14.5083 2.08797 14.5035 1.98414 14.4717 1.88714C14.4399 1.79014 14.3822 1.70363 14.305 1.63688ZM10.4838 3.88688L4.88438 7.89687L1.78437 7.28875L10.4838 3.88688ZM5.5 12.5V9.5325L7.04937 10.8913L5.5 12.5ZM10.9706 13L5.80312 8.46875L13.2406 3.13812L10.9706 13Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/text-aa.svg b/packages/icons/svgs/text-aa.svg
new file mode 100644
index 000000000..07467eca2
--- /dev/null
+++ b/packages/icons/svgs/text-aa.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.45255 3.28681C5.41217 3.20091 5.34817 3.12828 5.26804 3.0774C5.18792 3.02653 5.09496 2.99951 5.00005 2.99951C4.90513 2.99951 4.81218 3.02653 4.73205 3.0774C4.65192 3.12828 4.58792 3.20091 4.54755 3.28681L0.547545 11.7868C0.519599 11.8462 0.503629 11.9106 0.50055 11.9762C0.497471 12.0418 0.507341 12.1073 0.529598 12.1691C0.574549 12.2939 0.667222 12.3957 0.787233 12.4521C0.907243 12.5086 1.04476 12.515 1.16953 12.4701C1.2943 12.4251 1.3961 12.3324 1.45255 12.2124L2.4938 9.99993H7.5063L8.54755 12.2124C8.57549 12.2719 8.61487 12.3252 8.66343 12.3694C8.71199 12.4136 8.76878 12.4478 8.83056 12.4701C8.89234 12.4923 8.9579 12.5022 9.02349 12.4991C9.08909 12.496 9.15343 12.4801 9.21286 12.4521C9.27228 12.4242 9.32562 12.3848 9.36982 12.3362C9.41403 12.2877 9.44824 12.2309 9.47049 12.1691C9.49275 12.1073 9.50262 12.0418 9.49954 11.9762C9.49646 11.9106 9.48049 11.8462 9.45255 11.7868L5.45255 3.28681ZM2.96442 8.99993L5.00005 4.67431L7.03567 8.99993H2.96442ZM12.5 5.99993C11.7025 5.99993 11.0794 6.21681 10.6482 6.64493C10.5579 6.73905 10.5079 6.86473 10.509 6.99515C10.5101 7.12557 10.5621 7.25041 10.6539 7.34304C10.7457 7.43567 10.8701 7.48876 11.0005 7.49098C11.1309 7.4932 11.257 7.44438 11.3519 7.35493C11.5894 7.11931 11.9769 6.99993 12.5 6.99993C13.3269 6.99993 14 7.56243 14 8.24993V8.45118C13.5563 8.15432 13.0339 7.99715 12.5 7.99993C11.1213 7.99993 10 9.00931 10 10.2499C10 11.4906 11.1213 12.4999 12.5 12.4999C13.0341 12.5023 13.5566 12.3444 14 12.0468C14.0063 12.1794 14.0649 12.3041 14.1631 12.3935C14.2612 12.4829 14.3909 12.5296 14.5235 12.5234C14.6561 12.5172 14.7808 12.4585 14.8702 12.3603C14.9595 12.2622 15.0063 12.1325 15 11.9999V8.24993C15 7.00931 13.8788 5.99993 12.5 5.99993ZM12.5 11.4999C11.6732 11.4999 11 10.9374 11 10.2499C11 9.56243 11.6732 8.99993 12.5 8.99993C13.3269 8.99993 14 9.56243 14 10.2499C14 10.9374 13.3269 11.4999 12.5 11.4999Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/toggle-off.svg b/packages/icons/svgs/toggle-off.svg
new file mode 100644
index 000000000..76d5e6ebf
--- /dev/null
+++ b/packages/icons/svgs/toggle-off.svg
@@ -0,0 +1,3 @@
+<svg width="27" height="16" viewBox="0 0 27 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.875 14.8574C6 14.8574 4.40625 14.1907 3.09375 12.8574C1.78125 11.524 1.125 9.90497 1.125 8.00021C1.125 6.09545 1.78125 4.4764 3.09375 3.14307C4.40625 1.80973 6 1.14307 7.875 1.14307H19.125C21 1.14307 22.5938 1.80973 23.9062 3.14307C25.2188 4.4764 25.875 6.09545 25.875 8.00021C25.875 9.90497 25.2188 11.524 23.9062 12.8574C22.5938 14.1907 21 14.8574 19.125 14.8574H7.875ZM7.875 11.4288C8.8125 11.4288 9.60938 11.0954 10.2656 10.4288C10.9219 9.76211 11.25 8.95259 11.25 8.00021C11.25 7.04783 10.9219 6.2383 10.2656 5.57164C9.60938 4.90497 8.8125 4.57164 7.875 4.57164C6.9375 4.57164 6.14062 4.90497 5.48438 5.57164C4.82812 6.2383 4.5 7.04783 4.5 8.00021C4.5 8.95259 4.82812 9.76211 5.48438 10.4288C6.14062 11.0954 6.9375 11.4288 7.875 11.4288Z" fill="#DADADA"/>
+</svg>
diff --git a/packages/icons/svgs/toggle-on.svg b/packages/icons/svgs/toggle-on.svg
new file mode 100644
index 000000000..b9090da88
--- /dev/null
+++ b/packages/icons/svgs/toggle-on.svg
@@ -0,0 +1,3 @@
+<svg width="27" height="16" viewBox="0 0 27 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.125 14.8574C21 14.8574 22.5938 14.1907 23.9062 12.8574C25.2187 11.524 25.875 9.90497 25.875 8.00021C25.875 6.09545 25.2187 4.4764 23.9062 3.14307C22.5938 1.80973 21 1.14307 19.125 1.14307H7.875C6 1.14307 4.40625 1.80973 3.09375 3.14307C1.78125 4.4764 1.125 6.09545 1.125 8.00021C1.125 9.90497 1.78125 11.524 3.09375 12.8574C4.40625 14.1907 6 14.8574 7.875 14.8574H19.125ZM19.125 11.4288C18.1875 11.4288 17.3906 11.0954 16.7344 10.4288C16.0781 9.76211 15.75 8.95259 15.75 8.00021C15.75 7.04783 16.0781 6.2383 16.7344 5.57164C17.3906 4.90497 18.1875 4.57164 19.125 4.57164C20.0625 4.57164 20.8594 4.90497 21.5156 5.57164C22.1719 6.2383 22.5 7.04783 22.5 8.00021C22.5 8.95259 22.1719 9.76211 21.5156 10.4288C20.8594 11.0954 20.0625 11.4288 19.125 11.4288Z" fill="#008836"/>
+</svg>
diff --git a/packages/icons/svgs/tray-arrow-down.svg b/packages/icons/svgs/tray-arrow-down.svg
new file mode 100644
index 000000000..556f5450b
--- /dev/null
+++ b/packages/icons/svgs/tray-arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13V3C14 2.73478 13.8946 2.48043 13.7071 2.29289C13.5196 2.10536 13.2652 2 13 2ZM13 3V9.5H11.2063C11.075 9.49966 10.945 9.5254 10.8237 9.57572C10.7025 9.62604 10.5924 9.69994 10.5 9.79313L9.29313 11H6.70687L5.5 9.79313C5.40748 9.69986 5.29734 9.62592 5.17599 9.5756C5.05464 9.52528 4.9245 9.49958 4.79313 9.5H3V3H13ZM13 13H3V10.5H4.79313L6 11.7069C6.09252 11.8001 6.20266 11.8741 6.32401 11.9244C6.44536 11.9747 6.5755 12.0004 6.70687 12H9.29313C9.4245 12.0004 9.55464 11.9747 9.67599 11.9244C9.79734 11.8741 9.90748 11.8001 10 11.7069L11.2069 10.5H13V13ZM5.64625 7.85375C5.55243 7.75993 5.49972 7.63268 5.49972 7.5C5.49972 7.36732 5.55243 7.24007 5.64625 7.14625C5.74007 7.05243 5.86732 6.99972 6 6.99972C6.13268 6.99972 6.25993 7.05243 6.35375 7.14625L7.5 8.29313V4.5C7.5 4.36739 7.55268 4.24021 7.64645 4.14645C7.74021 4.05268 7.86739 4 8 4C8.13261 4 8.25979 4.05268 8.35355 4.14645C8.44732 4.24021 8.5 4.36739 8.5 4.5V8.29313L9.64625 7.14625C9.6927 7.09979 9.74786 7.06294 9.80855 7.0378C9.86925 7.01266 9.9343 6.99972 10 6.99972C10.0657 6.99972 10.1308 7.01266 10.1914 7.0378C10.2521 7.06294 10.3073 7.09979 10.3538 7.14625C10.4002 7.1927 10.4371 7.24786 10.4622 7.30855C10.4873 7.36925 10.5003 7.4343 10.5003 7.5C10.5003 7.5657 10.4873 7.63075 10.4622 7.69145C10.4371 7.75214 10.4002 7.8073 10.3538 7.85375L8.35375 9.85375C8.30731 9.90024 8.25217 9.93712 8.19147 9.96228C8.13077 9.98744 8.06571 10.0004 8 10.0004C7.93429 10.0004 7.86923 9.98744 7.80853 9.96228C7.74783 9.93712 7.69269 9.90024 7.64625 9.85375L5.64625 7.85375Z" fill="#181818"/>
+</svg>
diff --git a/packages/icons/svgs/user-circle-minus.svg b/packages/icons/svgs/user-circle-minus.svg
new file mode 100644
index 000000000..7064420be
--- /dev/null
+++ b/packages/icons/svgs/user-circle-minus.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="UserCircleMinus">
+<path id="Vector" d="M10.5 3.5C10.5 3.36739 10.5527 3.24021 10.6464 3.14645C10.7402 3.05268 10.8674 3 11 3H14C14.1326 3 14.2598 3.05268 14.3536 3.14645C14.4473 3.24021 14.5 3.36739 14.5 3.5C14.5 3.63261 14.4473 3.75979 14.3536 3.85355C14.2598 3.94732 14.1326 4 14 4H11C10.8674 4 10.7402 3.94732 10.6464 3.85355C10.5527 3.75979 10.5 3.63261 10.5 3.5ZM14.13 5.83312C14.6044 7.17687 14.6238 8.63934 14.1851 9.99517C13.7464 11.351 12.8741 12.525 11.7025 13.3361C10.5308 14.1473 9.12497 14.5507 7.70149 14.4842C6.27801 14.4176 4.91592 13.8848 3.82511 12.9678C2.7343 12.0508 1.9753 10.8006 1.66507 9.40971C1.35484 8.01885 1.5106 6.56457 2.10835 5.27096C2.70609 3.97736 3.71265 2.91621 4.97291 2.25104C6.23318 1.58587 7.67721 1.35359 9.0825 1.59C9.21229 1.61295 9.32777 1.68623 9.40382 1.79388C9.47986 1.90154 9.51032 2.03487 9.48857 2.16486C9.46683 2.29486 9.39463 2.41102 9.28768 2.48806C9.18073 2.5651 9.04769 2.59679 8.9175 2.57625C8.12883 2.44358 7.32073 2.48436 6.54942 2.69575C5.77812 2.90715 5.06214 3.28408 4.45132 3.80031C3.84051 4.31655 3.34952 4.95968 3.01252 5.68497C2.67553 6.41025 2.50063 7.20025 2.5 8C2.49881 9.34637 2.99366 10.646 3.89 11.6506C4.44764 10.8425 5.23176 10.2174 6.14375 9.85375C5.65387 9.4679 5.29639 8.93899 5.12104 8.34056C4.9457 7.74213 4.96119 7.10393 5.16537 6.51472C5.36954 5.9255 5.75226 5.41455 6.26029 5.05293C6.76832 4.69131 7.37641 4.49699 8 4.49699C8.62359 4.49699 9.23168 4.69131 9.73971 5.05293C10.2477 5.41455 10.6305 5.9255 10.8346 6.51472C11.0388 7.10393 11.0543 7.74213 10.8798 8.34056C10.7036 8.93899 10.3461 9.4679 9.85625 9.85375C10.7682 10.2174 11.5524 10.8425 12.11 11.6506C12.7632 10.9162 13.2077 10.0202 13.3972 9.0558C13.5867 8.09139 13.5143 7.09382 13.1875 6.16687C13.1656 6.10495 13.1561 6.03931 13.1595 5.97371C13.163 5.90811 13.1793 5.84384 13.2076 5.78455C13.2359 5.72527 13.2756 5.67214 13.3244 5.62819C13.3733 5.58425 13.4303 5.55035 13.4922 5.52844C13.5541 5.50652 13.6198 5.49702 13.6853 5.50047C13.7509 5.50392 13.8152 5.52026 13.8745 5.54856C13.9338 5.57685 13.9869 5.61654 14.0309 5.66537C14.0748 5.71419 14.1087 5.7712 14.1306 5.83312H14.13ZM8 9.5C8.39556 9.5 8.78224 9.3827 9.11114 9.16294C9.44004 8.94318 9.69638 8.63082 9.84776 8.26537C9.99913 7.89991 10.0387 7.49778 9.96157 7.10982C9.8844 6.72186 9.69392 6.36549 9.41421 6.08579C9.13451 5.80608 8.77814 5.6156 8.39018 5.53843C8.00222 5.46126 7.60008 5.50087 7.23463 5.65224C6.86918 5.80362 6.55682 6.05996 6.33706 6.38886C6.1173 6.71776 6 7.10444 6 7.5C6 8.03043 6.21071 8.53914 6.58579 8.91421C6.96086 9.28929 7.46957 9.5 8 9.5ZM8 13.5C9.22085 13.5012 10.4071 13.0942 11.37 12.3438C11.0083 11.7781 10.51 11.3125 9.92105 10.99C9.3321 10.6676 8.67145 10.4985 8 10.4985C7.32855 10.4985 6.6679 10.6676 6.07895 10.99C5.49 11.3125 4.99171 11.7781 4.63 12.3438C5.59293 13.0942 6.77915 13.5012 8 13.5Z" fill="var(--fill-0, #FF242E)"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/packages/icons/svgs/user-sheet-docs.svg b/packages/icons/svgs/user-sheet-docs.svg
new file mode 100644
index 000000000..da5350a3f
--- /dev/null
+++ b/packages/icons/svgs/user-sheet-docs.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="File">
+<path id="Vector" d="M13.3538 5.14625L9.85375 1.64625C9.80728 1.59983 9.75212 1.56303 9.69143 1.53793C9.63073 1.51284 9.56568 1.49995 9.5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V13.5C2.5 13.7652 2.60536 14.0196 2.79289 14.2071C2.98043 14.3946 3.23478 14.5 3.5 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V5.5C13.5001 5.43432 13.4872 5.36927 13.4621 5.30858C13.437 5.24788 13.4002 5.19272 13.3538 5.14625ZM10 3.20688L11.7931 5H10V3.20688ZM12.5 13.5H3.5V2.5H9V5.5C9 5.63261 9.05268 5.75978 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V13.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/user-sheet-logout.svg b/packages/icons/svgs/user-sheet-logout.svg
new file mode 100644
index 000000000..f2a11607e
--- /dev/null
+++ b/packages/icons/svgs/user-sheet-logout.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="SignOut">
+<path id="Vector" d="M7.5 13.5C7.5 13.6326 7.44732 13.7598 7.35355 13.8536C7.25979 13.9473 7.13261 14 7 14H3C2.86739 14 2.74021 13.9473 2.64645 13.8536C2.55268 13.7598 2.5 13.6326 2.5 13.5V2.5C2.5 2.36739 2.55268 2.24021 2.64645 2.14645C2.74021 2.05268 2.86739 2 3 2H7C7.13261 2 7.25979 2.05268 7.35355 2.14645C7.44732 2.24021 7.5 2.36739 7.5 2.5C7.5 2.63261 7.44732 2.75979 7.35355 2.85355C7.25979 2.94732 7.13261 3 7 3H3.5V13H7C7.13261 13 7.25979 13.0527 7.35355 13.1464C7.44732 13.2402 7.5 13.3674 7.5 13.5ZM14.3538 7.64625L11.8538 5.14625C11.7599 5.05243 11.6327 4.99972 11.5 4.99972C11.3673 4.99972 11.2401 5.05243 11.1462 5.14625C11.0524 5.24007 10.9997 5.36732 10.9997 5.5C10.9997 5.63268 11.0524 5.75993 11.1462 5.85375L12.7931 7.5H7C6.86739 7.5 6.74021 7.55268 6.64645 7.64645C6.55268 7.74021 6.5 7.86739 6.5 8C6.5 8.13261 6.55268 8.25979 6.64645 8.35355C6.74021 8.44732 6.86739 8.5 7 8.5H12.7931L11.1462 10.1462C11.0524 10.2401 10.9997 10.3673 10.9997 10.5C10.9997 10.6327 11.0524 10.7599 11.1462 10.8538C11.2401 10.9476 11.3673 11.0003 11.5 11.0003C11.6327 11.0003 11.7599 10.9476 11.8538 10.8538L14.3538 8.35375C14.4002 8.30731 14.4371 8.25217 14.4623 8.19147C14.4874 8.13077 14.5004 8.06571 14.5004 8C14.5004 7.93429 14.4874 7.86923 14.4623 7.80853C14.4371 7.74783 14.4002 7.69269 14.3538 7.64625Z" fill="var(--fill-0, #FB2C36)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/user-sheet-settings.svg b/packages/icons/svgs/user-sheet-settings.svg
new file mode 100644
index 000000000..2adcfcfdb
--- /dev/null
+++ b/packages/icons/svgs/user-sheet-settings.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="GearSix">
+<path id="Vector" d="M8 5C7.40666 5 6.82664 5.17595 6.33329 5.50559C5.83994 5.83524 5.45542 6.30377 5.22836 6.85195C5.0013 7.40013 4.94189 8.00333 5.05764 8.58527C5.1734 9.16721 5.45912 9.70176 5.87868 10.1213C6.29824 10.5409 6.83279 10.8266 7.41473 10.9424C7.99667 11.0581 8.59987 10.9987 9.14805 10.7716C9.69623 10.5446 10.1648 10.1601 10.4944 9.66671C10.8241 9.17336 11 8.59334 11 8C10.9992 7.2046 10.6828 6.44202 10.1204 5.87959C9.55798 5.31716 8.7954 5.00083 8 5ZM8 10C7.60444 10 7.21776 9.8827 6.88886 9.66294C6.55996 9.44318 6.30362 9.13082 6.15224 8.76537C6.00087 8.39991 5.96126 7.99778 6.03843 7.60982C6.1156 7.22186 6.30608 6.86549 6.58579 6.58579C6.86549 6.30608 7.22186 6.1156 7.60982 6.03843C7.99778 5.96126 8.39991 6.00087 8.76537 6.15224C9.13082 6.30362 9.44318 6.55996 9.66294 6.88886C9.8827 7.21776 10 7.60444 10 8C10 8.53043 9.78929 9.03914 9.41421 9.41421C9.03914 9.78929 8.53043 10 8 10ZM14.8713 6.70063C14.8573 6.63022 14.8284 6.56363 14.7864 6.50539C14.7445 6.44716 14.6905 6.39863 14.6281 6.36313L12.7638 5.30062L12.7563 3.19938C12.756 3.12701 12.7401 3.05555 12.7096 2.98995C12.679 2.92434 12.6346 2.86614 12.5794 2.81938C11.9031 2.24731 11.1243 1.80892 10.2844 1.5275C10.2182 1.50511 10.1481 1.49683 10.0786 1.50318C10.0091 1.50953 9.94162 1.53038 9.88063 1.56438L8 2.61563L6.1175 1.5625C6.05647 1.52831 5.98895 1.50731 5.91929 1.50085C5.84964 1.49439 5.7794 1.50262 5.71312 1.525C4.87384 1.80847 4.09593 2.24854 3.42062 2.82188C3.36548 2.86857 3.32111 2.92667 3.29058 2.99216C3.26004 3.05766 3.24407 3.12899 3.24375 3.20125L3.23438 5.30438L1.37 6.36688C1.30763 6.40239 1.25363 6.45091 1.21168 6.50914C1.16972 6.56738 1.1408 6.63397 1.12688 6.70438C0.956248 7.5618 0.956248 8.44445 1.12688 9.30188C1.1408 9.37228 1.16972 9.43887 1.21168 9.49711C1.25363 9.55534 1.30763 9.60387 1.37 9.63938L3.23438 10.7019L3.24187 12.8031C3.2421 12.8755 3.25803 12.9469 3.28857 13.0126C3.31911 13.0782 3.36352 13.1364 3.41875 13.1831C4.09504 13.7552 4.87385 14.1936 5.71375 14.475C5.77989 14.4974 5.84999 14.5057 5.91953 14.4993C5.98907 14.493 6.05651 14.4721 6.1175 14.4381L8 13.3844L9.8825 14.4375C9.957 14.479 10.041 14.5005 10.1263 14.5C10.1809 14.5 10.2351 14.4911 10.2869 14.4738C11.1261 14.1907 11.904 13.751 12.5794 13.1781C12.6345 13.1314 12.6789 13.0733 12.7094 13.0078C12.74 12.9423 12.7559 12.871 12.7563 12.7988L12.7656 10.6956L14.63 9.63313C14.6924 9.59762 14.7464 9.54909 14.7883 9.49086C14.8303 9.43262 14.8592 9.36603 14.8731 9.29563C15.0428 8.43888 15.0422 7.55712 14.8713 6.70063ZM13.9338 8.8825L12.1481 9.89813C12.0699 9.94261 12.0051 10.0074 11.9606 10.0856C11.9244 10.1481 11.8863 10.2144 11.8475 10.2769C11.7979 10.3557 11.7715 10.4469 11.7713 10.54L11.7619 12.5556C11.2819 12.9325 10.7472 13.2339 10.1763 13.4494L8.375 12.4456C8.30022 12.4042 8.21609 12.3827 8.13062 12.3831H8.11875C8.04312 12.3831 7.96687 12.3831 7.89125 12.3831C7.8018 12.3809 7.71337 12.4025 7.635 12.4456L5.8325 13.4519C5.26032 13.2381 4.72414 12.9382 4.2425 12.5625L4.23562 10.55C4.23532 10.4567 4.2089 10.3653 4.15938 10.2863C4.12063 10.2238 4.0825 10.1613 4.04688 10.095C4.0027 10.0156 3.93793 9.94949 3.85938 9.90375L2.07188 8.88563C1.97937 8.30051 1.97937 7.70449 2.07188 7.11938L3.85437 6.10188C3.93261 6.05739 3.99739 5.99261 4.04187 5.91438C4.07812 5.85188 4.11625 5.78563 4.155 5.72313C4.2046 5.64431 4.23103 5.55313 4.23125 5.46L4.24062 3.44438C4.72058 3.06747 5.25529 2.76607 5.82625 2.55063L7.625 3.55438C7.70328 3.59777 7.79178 3.61935 7.88125 3.61688C7.95687 3.61688 8.03313 3.61688 8.10875 3.61688C8.1982 3.61911 8.28663 3.59754 8.365 3.55438L10.1675 2.54813C10.7397 2.76192 11.2759 3.06184 11.7575 3.4375L11.7644 5.45C11.7647 5.54331 11.7911 5.63467 11.8406 5.71375C11.8794 5.77625 11.9175 5.83875 11.9531 5.905C11.9973 5.98445 12.0621 6.05051 12.1406 6.09625L13.9281 7.11438C14.0219 7.69994 14.0229 8.29661 13.9312 8.8825H13.9338Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/user-sheet-support.svg b/packages/icons/svgs/user-sheet-support.svg
new file mode 100644
index 000000000..1a9201603
--- /dev/null
+++ b/packages/icons/svgs/user-sheet-support.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="EnvelopeSimple">
+<path id="Vector" d="M14 3H2C1.86739 3 1.74021 3.05268 1.64645 3.14645C1.55268 3.24021 1.5 3.36739 1.5 3.5V12C1.5 12.2652 1.60536 12.5196 1.79289 12.7071C1.98043 12.8946 2.23478 13 2.5 13H13.5C13.7652 13 14.0196 12.8946 14.2071 12.7071C14.3946 12.5196 14.5 12.2652 14.5 12V3.5C14.5 3.36739 14.4473 3.24021 14.3536 3.14645C14.2598 3.05268 14.1326 3 14 3ZM12.7144 4L8 8.32187L3.28562 4H12.7144ZM13.5 12H2.5V4.63688L7.66187 9.36875C7.75412 9.45343 7.87478 9.50041 8 9.50041C8.12522 9.50041 8.24588 9.45343 8.33813 9.36875L13.5 4.63688V12Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/user-sheet-sync.svg b/packages/icons/svgs/user-sheet-sync.svg
new file mode 100644
index 000000000..15e572ae2
--- /dev/null
+++ b/packages/icons/svgs/user-sheet-sync.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ArrowsClockwise">
+<path id="Vector" d="M14 3V6C14 6.13261 13.9473 6.25979 13.8536 6.35355C13.7598 6.44732 13.6326 6.5 13.5 6.5H10.5C10.3674 6.5 10.2402 6.44732 10.1464 6.35355C10.0527 6.25979 10 6.13261 10 6C10 5.86739 10.0527 5.74021 10.1464 5.64645C10.2402 5.55268 10.3674 5.5 10.5 5.5H12.2931L11.3787 4.58563C10.4495 3.65213 9.1878 3.12547 7.87063 3.12125H7.8425C6.53636 3.11819 5.28151 3.62942 4.34937 4.54437C4.25389 4.63351 4.12731 4.68174 3.99672 4.67875C3.86612 4.67575 3.74189 4.62177 3.65059 4.52835C3.55929 4.43492 3.50817 4.30948 3.50818 4.17885C3.50819 4.04823 3.55932 3.92279 3.65062 3.82938C4.78033 2.72525 6.29988 2.11117 7.87952 2.12042C9.45916 2.12966 10.9714 2.76148 12.0881 3.87875L13 4.79313V3C13 2.86739 13.0527 2.74022 13.1464 2.64645C13.2402 2.55268 13.3674 2.5 13.5 2.5C13.6326 2.5 13.7598 2.55268 13.8536 2.64645C13.9473 2.74022 14 2.86739 14 3ZM11.6506 11.4556C10.7093 12.3751 9.44337 12.8865 8.12747 12.8788C6.81156 12.8711 5.55175 12.3449 4.62125 11.4144L3.70688 10.5H5.5C5.63261 10.5 5.75979 10.4473 5.85355 10.3536C5.94732 10.2598 6 10.1326 6 10C6 9.86739 5.94732 9.74021 5.85355 9.64645C5.75979 9.55268 5.63261 9.5 5.5 9.5H2.5C2.36739 9.5 2.24021 9.55268 2.14645 9.64645C2.05268 9.74021 2 9.86739 2 10V13C2 13.1326 2.05268 13.2598 2.14645 13.3536C2.24021 13.4473 2.36739 13.5 2.5 13.5C2.63261 13.5 2.75979 13.4473 2.85355 13.3536C2.94732 13.2598 3 13.1326 3 13V11.2069L3.91438 12.1213C5.02951 13.242 6.544 13.8741 8.125 13.8787H8.15812C9.72568 13.8828 11.2317 13.2691 12.35 12.1706C12.4413 12.0772 12.4924 11.9518 12.4924 11.8211C12.4925 11.6905 12.4413 11.5651 12.35 11.4717C12.2587 11.3782 12.1345 11.3242 12.0039 11.3213C11.8733 11.3183 11.7467 11.3665 11.6512 11.4556H11.6506Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/user.svg b/packages/icons/svgs/user.svg
new file mode 100644
index 000000000..aa1c1d838
--- /dev/null
+++ b/packages/icons/svgs/user.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="User">
+<path id="Vector" d="M14.4325 13.25C13.4806 11.6044 12.0137 10.4244 10.3019 9.865C11.1486 9.36091 11.8065 8.5928 12.1745 7.67862C12.5425 6.76444 12.6002 5.75475 12.3388 4.8046C12.0774 3.85445 11.5113 3.01637 10.7275 2.41908C9.94367 1.82178 8.98546 1.4983 8 1.4983C7.01454 1.4983 6.05633 1.82178 5.27252 2.41908C4.4887 3.01637 3.92262 3.85445 3.66121 4.8046C3.3998 5.75475 3.45752 6.76444 3.82549 7.67862C4.19347 8.5928 4.85135 9.36091 5.69812 9.865C3.98625 10.4237 2.51937 11.6038 1.5675 13.25C1.53259 13.3069 1.50944 13.3703 1.49941 13.4363C1.48937 13.5023 1.49266 13.5696 1.50908 13.6343C1.5255 13.6991 1.55471 13.7598 1.59499 13.8131C1.63528 13.8663 1.68582 13.911 1.74364 13.9444C1.80146 13.9778 1.86538 13.9992 1.93163 14.0075C1.99788 14.0158 2.06512 14.0108 2.12939 13.9926C2.19365 13.9745 2.25364 13.9437 2.3058 13.9021C2.35797 13.8604 2.40126 13.8087 2.43312 13.75C3.61062 11.715 5.69187 10.5 8 10.5C10.3081 10.5 12.3894 11.715 13.5669 13.75C13.5987 13.8087 13.642 13.8604 13.6942 13.9021C13.7464 13.9437 13.8063 13.9745 13.8706 13.9926C13.9349 14.0108 14.0021 14.0158 14.0684 14.0075C14.1346 13.9992 14.1985 13.9778 14.2564 13.9444C14.3142 13.911 14.3647 13.8663 14.405 13.8131C14.4453 13.7598 14.4745 13.6991 14.4909 13.6343C14.5073 13.5696 14.5106 13.5023 14.5006 13.4363C14.4906 13.3703 14.4674 13.3069 14.4325 13.25ZM4.5 6C4.5 5.30777 4.70527 4.63108 5.08986 4.0555C5.47444 3.47993 6.02107 3.03133 6.66061 2.76642C7.30015 2.50151 8.00388 2.4322 8.68282 2.56725C9.36175 2.7023 9.98539 3.03564 10.4749 3.52513C10.9644 4.01461 11.2977 4.63825 11.4327 5.31718C11.5678 5.99612 11.4985 6.69985 11.2336 7.33939C10.9687 7.97893 10.5201 8.52556 9.9445 8.91014C9.36892 9.29473 8.69223 9.5 8 9.5C7.07205 9.49901 6.18238 9.12994 5.52622 8.47378C4.87006 7.81762 4.50099 6.92795 4.5 6Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/users-three.svg b/packages/icons/svgs/users-three.svg
new file mode 100644
index 000000000..d36914466
--- /dev/null
+++ b/packages/icons/svgs/users-three.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="UsersThree">
+<path id="Vector" d="M15.3 9.4C15.2475 9.4394 15.1877 9.46806 15.1241 9.48436C15.0605 9.50065 14.9943 9.50426 14.9293 9.49497C14.8643 9.48569 14.8018 9.46369 14.7453 9.43024C14.6888 9.39678 14.6394 9.35253 14.6 9.3C14.2986 8.89491 13.9064 8.56624 13.4548 8.34045C13.0032 8.11465 12.5049 7.99804 12 8C11.9017 7.99999 11.8055 7.97099 11.7236 7.91663C11.6417 7.86227 11.5776 7.78496 11.5394 7.69437C11.5134 7.63286 11.5 7.56677 11.5 7.5C11.5 7.43323 11.5134 7.36714 11.5394 7.30562C11.5776 7.21504 11.6417 7.13773 11.7236 7.08337C11.8055 7.02901 11.9017 7.00001 12 7C12.2805 6.99998 12.5555 6.92127 12.7935 6.77284C13.0316 6.6244 13.2232 6.41218 13.3467 6.16028C13.4702 5.90837 13.5206 5.62689 13.4921 5.34779C13.4637 5.06869 13.3575 4.80317 13.1857 4.58139C13.0139 4.35961 12.7833 4.19045 12.5202 4.09314C12.2571 3.99582 11.9719 3.97425 11.6971 4.03086C11.4224 4.08748 11.169 4.22002 10.9658 4.41343C10.7625 4.60684 10.6176 4.85336 10.5475 5.125C10.5311 5.18861 10.5023 5.24836 10.4628 5.30085C10.4233 5.35333 10.3738 5.39752 10.3172 5.43089C10.2607 5.46426 10.1981 5.48616 10.133 5.49534C10.068 5.50452 10.0017 5.50079 9.93812 5.48437C9.87452 5.46796 9.81476 5.43918 9.76228 5.39967C9.70979 5.36016 9.6656 5.3107 9.63223 5.25412C9.59886 5.19753 9.57696 5.13493 9.56778 5.06988C9.55861 5.00483 9.56233 4.93861 9.57875 4.875C9.6761 4.49832 9.86001 4.14956 10.1159 3.85647C10.3717 3.56338 10.6924 3.33405 11.0525 3.18672C11.4126 3.03939 11.8021 2.97814 12.19 3.00783C12.5779 3.03752 12.9536 3.15734 13.287 3.35776C13.6205 3.55817 13.9026 3.83364 14.1109 4.16226C14.3191 4.49088 14.4478 4.86357 14.4867 5.25067C14.5256 5.63778 14.4736 6.02862 14.3348 6.39209C14.1961 6.75557 13.9744 7.08164 13.6875 7.34438C14.3674 7.63875 14.9584 8.10588 15.4019 8.69938C15.4413 8.75204 15.4699 8.81195 15.4861 8.87569C15.5023 8.93943 15.5058 9.00574 15.4963 9.07082C15.4868 9.13591 15.4646 9.19848 15.4309 9.25497C15.3973 9.31145 15.3528 9.36074 15.3 9.4ZM11.9325 13.25C11.9687 13.3069 11.993 13.3705 12.0039 13.4371C12.0149 13.5036 12.0122 13.5717 11.9962 13.6372C11.9801 13.7027 11.951 13.7643 11.9106 13.8182C11.8701 13.8722 11.8191 13.9174 11.7608 13.9511C11.7024 13.9849 11.6378 14.0065 11.5708 14.0146C11.5039 14.0227 11.436 14.0172 11.3712 13.9984C11.3065 13.9796 11.2462 13.948 11.194 13.9053C11.1418 13.8626 11.0988 13.8098 11.0675 13.75C10.7525 13.2167 10.3039 12.7747 9.76602 12.4676C9.22808 12.1606 8.61939 11.9991 8 11.9991C7.38061 11.9991 6.77191 12.1606 6.23398 12.4676C5.69605 12.7747 5.24747 13.2167 4.9325 13.75C4.90124 13.8098 4.85822 13.8626 4.80602 13.9053C4.75383 13.948 4.69353 13.9796 4.62877 13.9984C4.564 14.0172 4.49611 14.0227 4.42917 14.0146C4.36222 14.0065 4.29762 13.9849 4.23924 13.9511C4.18085 13.9174 4.1299 13.8722 4.08944 13.8182C4.04898 13.7643 4.01986 13.7027 4.00381 13.6372C3.98777 13.5717 3.98514 13.5036 3.99609 13.4371C4.00703 13.3705 4.03132 13.3069 4.0675 13.25C4.55225 12.4171 5.29137 11.7617 6.17625 11.38C5.67833 10.9988 5.31239 10.4711 5.12988 9.87114C4.94736 9.27119 4.95744 8.62912 5.1587 8.03519C5.35996 7.44126 5.74228 6.92533 6.25192 6.55992C6.76156 6.19451 7.3729 5.998 8 5.998C8.6271 5.998 9.23844 6.19451 9.74808 6.55992C10.2577 6.92533 10.64 7.44126 10.8413 8.03519C11.0426 8.62912 11.0526 9.27119 10.8701 9.87114C10.6876 10.4711 10.3217 10.9988 9.82375 11.38C10.7086 11.7617 11.4478 12.4171 11.9325 13.25ZM8 11C8.39556 11 8.78224 10.8827 9.11114 10.6629C9.44004 10.4432 9.69638 10.1308 9.84776 9.76537C9.99913 9.39991 10.0387 8.99778 9.96157 8.60982C9.8844 8.22186 9.69392 7.86549 9.41421 7.58579C9.13451 7.30608 8.77814 7.1156 8.39018 7.03843C8.00222 6.96126 7.60008 7.00087 7.23463 7.15224C6.86918 7.30362 6.55682 7.55996 6.33706 7.88886C6.1173 8.21776 6 8.60444 6 9C6 9.53043 6.21071 10.0391 6.58579 10.4142C6.96086 10.7893 7.46957 11 8 11ZM4.5 7.5C4.5 7.36739 4.44732 7.24021 4.35355 7.14645C4.25978 7.05268 4.13261 7 4 7C3.71945 6.99998 3.44454 6.92127 3.20648 6.77284C2.96842 6.6244 2.77676 6.41218 2.65327 6.16028C2.52978 5.90837 2.47941 5.62689 2.50787 5.34779C2.53634 5.06869 2.64251 4.80317 2.81432 4.58139C2.98612 4.35961 3.21669 4.19045 3.47981 4.09314C3.74294 3.99582 4.02808 3.97425 4.30285 4.03086C4.57763 4.08748 4.83101 4.22002 5.03423 4.41343C5.23746 4.60684 5.38236 4.85336 5.4525 5.125C5.48565 5.25346 5.56848 5.3635 5.68276 5.43089C5.79704 5.49829 5.93341 5.51753 6.06187 5.48437C6.19034 5.45122 6.30037 5.3684 6.36777 5.25412C6.43516 5.13984 6.4544 5.00346 6.42125 4.875C6.3239 4.49832 6.13998 4.14956 5.88413 3.85647C5.62828 3.56338 5.30755 3.33405 4.94747 3.18672C4.58739 3.03939 4.19789 2.97814 3.80997 3.00783C3.42205 3.03752 3.04642 3.15734 2.71295 3.35776C2.37949 3.55817 2.0974 3.83364 1.88914 4.16226C1.68087 4.49088 1.55218 4.86357 1.51329 5.25067C1.47441 5.63778 1.52641 6.02862 1.66515 6.39209C1.8039 6.75557 2.02556 7.08164 2.3125 7.34438C1.6333 7.63903 1.04295 8.10614 0.6 8.69938C0.520352 8.80546 0.486109 8.93884 0.504804 9.07018C0.523499 9.20151 0.593601 9.32004 0.699687 9.39969C0.805774 9.47934 0.939156 9.51358 1.07049 9.49488C1.20182 9.47619 1.32035 9.40609 1.4 9.3C1.70137 8.89491 2.09363 8.56624 2.54522 8.34045C2.99681 8.11465 3.49511 7.99804 4 8C4.13261 8 4.25978 7.94732 4.35355 7.85355C4.44732 7.75979 4.5 7.63261 4.5 7.5Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/warning.svg b/packages/icons/svgs/warning.svg
new file mode 100755
index 000000000..dc3c0c1ad
--- /dev/null
+++ b/packages/icons/svgs/warning.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8001 11.7557L9.33444 2.26379C9.19785 2.03124 9.00287 1.83843 8.76881 1.70445C8.53476 1.57048 8.26975 1.5 8.00006 1.5C7.73037 1.5 7.46536 1.57048 7.23131 1.70445C6.99725 1.83843 6.80227 2.03124 6.66569 2.26379L1.20006 11.7557C1.06865 11.9806 0.99939 12.2364 0.99939 12.4969C0.99939 12.7574 1.06865 13.0132 1.20006 13.2382C1.33489 13.4721 1.52954 13.666 1.76404 13.7999C1.99853 13.9338 2.26442 14.0028 2.53444 14H13.4657C13.7355 14.0026 14.0011 13.9334 14.2354 13.7996C14.4696 13.6657 14.6641 13.4719 14.7988 13.2382C14.9304 13.0134 14.9999 12.7576 15.0001 12.4971C15.0003 12.2366 14.9313 11.9807 14.8001 11.7557ZM13.9332 12.7375C13.8855 12.8188 13.8171 12.886 13.735 12.9321C13.6528 12.9782 13.5599 13.0017 13.4657 13H2.53444C2.44023 13.0017 2.34729 12.9782 2.26514 12.9321C2.18299 12.886 2.11458 12.8188 2.06694 12.7375C2.02378 12.6645 2.00101 12.5812 2.00101 12.4963C2.00101 12.4114 2.02378 12.3281 2.06694 12.255L7.53256 2.76317C7.58117 2.68227 7.64989 2.61534 7.73203 2.56887C7.81417 2.5224 7.90694 2.49797 8.00131 2.49797C8.09568 2.49797 8.18845 2.5224 8.27059 2.56887C8.35273 2.61534 8.42145 2.68227 8.47006 2.76317L13.9357 12.255C13.9785 12.3283 14.0008 12.4118 14.0004 12.4966C13.9999 12.5815 13.9767 12.6647 13.9332 12.7375ZM7.50006 9.00004V6.50004C7.50006 6.36743 7.55274 6.24026 7.64651 6.14649C7.74027 6.05272 7.86745 6.00004 8.00006 6.00004C8.13267 6.00004 8.25985 6.05272 8.35361 6.14649C8.44738 6.24026 8.50006 6.36743 8.50006 6.50004V9.00004C8.50006 9.13265 8.44738 9.25983 8.35361 9.35359C8.25985 9.44736 8.13267 9.50004 8.00006 9.50004C7.86745 9.50004 7.74027 9.44736 7.64651 9.35359C7.55274 9.25983 7.50006 9.13265 7.50006 9.00004ZM8.75006 11.25C8.75006 11.3984 8.70607 11.5434 8.62366 11.6667C8.54125 11.7901 8.42412 11.8862 8.28707 11.943C8.15003 11.9997 7.99923 12.0146 7.85374 11.9856C7.70826 11.9567 7.57462 11.8853 7.46973 11.7804C7.36484 11.6755 7.29341 11.5418 7.26447 11.3964C7.23553 11.2509 7.25038 11.1001 7.30715 10.963C7.36392 10.826 7.46005 10.7088 7.58338 10.6264C7.70672 10.544 7.85172 10.5 8.00006 10.5C8.19897 10.5 8.38974 10.5791 8.53039 10.7197C8.67104 10.8604 8.75006 11.0511 8.75006 11.25Z" fill="#FF242E"/>
+</svg>
diff --git a/packages/icons/svgs/wifi-slash.svg b/packages/icons/svgs/wifi-slash.svg
new file mode 100644
index 000000000..06103e069
--- /dev/null
+++ b/packages/icons/svgs/wifi-slash.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="WifiSlash">
+<path id="Vector" d="M13.37 13.1637C13.4151 13.2122 13.4501 13.2691 13.473 13.3311C13.496 13.3932 13.5064 13.4592 13.5036 13.5253C13.5008 13.5914 13.485 13.6563 13.4569 13.7163C13.4289 13.7762 13.3893 13.83 13.3403 13.8745C13.2913 13.919 13.234 13.9533 13.1717 13.9755C13.1094 13.9977 13.0432 14.0073 12.9772 14.0037C12.9111 14.0002 12.8464 13.9835 12.7868 13.9548C12.7272 13.926 12.6739 13.8857 12.63 13.8363L9.38 10.2644C8.79227 10.0312 8.15512 9.95038 7.52779 10.0295C6.90045 10.1086 6.30331 10.3451 5.79188 10.7169C5.7389 10.7569 5.67849 10.786 5.61415 10.8024C5.54982 10.8189 5.48286 10.8223 5.41718 10.8126C5.35149 10.8029 5.28841 10.7801 5.2316 10.7458C5.17478 10.7114 5.12539 10.6661 5.08629 10.6124C5.04719 10.5587 5.01917 10.4978 5.00387 10.4332C4.98857 10.3686 4.98629 10.3016 4.99717 10.2361C5.00804 10.1706 5.03186 10.1079 5.06722 10.0517C5.10258 9.99549 5.14878 9.9469 5.20313 9.90875C6.01467 9.31536 6.99466 8.99695 8 9C8.08 9 8.15938 9 8.23875 9.00625L6.55625 7.15562C5.5547 7.37535 4.61638 7.82036 3.8125 8.45687C3.76095 8.49793 3.70179 8.52839 3.63843 8.5465C3.57507 8.56461 3.50875 8.57002 3.44329 8.56241C3.37783 8.5548 3.31452 8.53432 3.257 8.50216C3.19948 8.47 3.14888 8.42678 3.10813 8.375C3.02571 8.27135 2.98779 8.13923 3.00267 8.00765C3.01755 7.87606 3.08402 7.75576 3.1875 7.67312C3.96244 7.06017 4.84722 6.6007 5.79438 6.31938L4.33563 4.7125C3.42522 5.08226 2.57618 5.58802 1.8175 6.2125C1.76661 6.25419 1.70801 6.28546 1.64504 6.30451C1.58207 6.32355 1.51597 6.33001 1.4505 6.32351C1.38504 6.31701 1.32149 6.29768 1.2635 6.26662C1.2055 6.23556 1.15419 6.19339 1.1125 6.1425C1.07081 6.09161 1.03954 6.03301 1.02049 5.97004C1.00145 5.90707 0.99499 5.84097 1.00149 5.7755C1.01462 5.64329 1.07973 5.52171 1.1825 5.4375C1.92549 4.82756 2.74699 4.32011 3.625 3.92875L2.63 2.83625C2.58492 2.78782 2.54989 2.73093 2.52696 2.66886C2.50403 2.6068 2.49364 2.5408 2.4964 2.47469C2.49917 2.40858 2.51502 2.34368 2.54305 2.28375C2.57108 2.22381 2.61073 2.17004 2.65969 2.12554C2.70866 2.08104 2.76597 2.0467 2.82831 2.02451C2.89064 2.00233 2.95676 1.99273 3.02283 1.99629C3.0889 1.99984 3.15361 2.01647 3.2132 2.04522C3.27279 2.07397 3.32609 2.11425 3.37 2.16375L13.37 13.1637ZM8 12C7.85167 12 7.70666 12.044 7.58332 12.1264C7.45999 12.2088 7.36386 12.3259 7.30709 12.463C7.25033 12.6 7.23547 12.7508 7.26441 12.8963C7.29335 13.0418 7.36478 13.1754 7.46967 13.2803C7.57456 13.3852 7.7082 13.4567 7.85368 13.4856C7.99917 13.5145 8.14997 13.4997 8.28701 13.4429C8.42406 13.3861 8.54119 13.29 8.6236 13.1667C8.70601 13.0433 8.75 12.8983 8.75 12.75C8.75 12.5511 8.67098 12.3603 8.53033 12.2197C8.38968 12.079 8.19891 12 8 12ZM14.8175 5.4375C13.6837 4.50896 12.3723 3.8216 10.9636 3.41752C9.55494 3.01344 8.0786 2.90114 6.625 3.0875C6.55869 3.09427 6.4944 3.11423 6.43592 3.1462C6.37743 3.17818 6.32593 3.22153 6.28444 3.27369C6.24295 3.32586 6.21231 3.3858 6.19432 3.44999C6.17633 3.51417 6.17136 3.5813 6.1797 3.64743C6.18803 3.71357 6.2095 3.77736 6.24285 3.83508C6.2762 3.89279 6.32076 3.94325 6.37389 3.9835C6.42703 4.02374 6.48767 4.05296 6.55226 4.06942C6.61685 4.08589 6.68408 4.08927 6.75 4.07937C7.16457 4.02655 7.58208 4.00004 8 4C10.2542 4.00123 12.4386 4.78228 14.1825 6.21063C14.285 6.29483 14.4168 6.33486 14.5488 6.32191C14.6809 6.30896 14.8024 6.24409 14.8866 6.14156C14.9708 6.03904 15.0108 5.90727 14.9978 5.77523C14.9849 5.64319 14.92 5.52171 14.8175 5.4375ZM12.1875 8.45687C12.239 8.49767 12.298 8.52794 12.3611 8.54593C12.4243 8.56393 12.4903 8.56931 12.5556 8.56176C12.6208 8.55422 12.6839 8.5339 12.7413 8.50196C12.7987 8.47002 12.8492 8.42709 12.89 8.37562C12.9308 8.32417 12.9611 8.26517 12.9791 8.20202C12.9971 8.13886 13.0024 8.07278 12.9949 8.00755C12.9873 7.94231 12.967 7.8792 12.9351 7.82182C12.9031 7.76444 12.8602 7.71391 12.8088 7.67312C11.8631 6.92476 10.7562 6.40691 9.57563 6.16062C9.51065 6.14568 9.44335 6.14389 9.37767 6.15534C9.31199 6.1668 9.24927 6.19127 9.19319 6.22732C9.13711 6.26338 9.0888 6.31028 9.05112 6.36528C9.01343 6.42028 8.98713 6.48225 8.97375 6.54757C8.96037 6.61288 8.96019 6.68021 8.97321 6.74559C8.98624 6.81098 9.01221 6.8731 9.04959 6.9283C9.08698 6.9835 9.13503 7.03066 9.19091 7.06702C9.2468 7.10338 9.30939 7.12819 9.375 7.14C10.402 7.35466 11.3649 7.80553 12.1875 8.45687Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/icons/svgs/x-logo.svg b/packages/icons/svgs/x-logo.svg
new file mode 100644
index 000000000..337284053
--- /dev/null
+++ b/packages/icons/svgs/x-logo.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="XLogo">
+<path id="Vector" d="M13.4219 13.2319L9.50938 7.08313L13.37 2.83625C13.4573 2.73783 13.5023 2.60896 13.4952 2.47758C13.4882 2.3462 13.4296 2.2229 13.3322 2.13441C13.2349 2.04592 13.1066 1.99938 12.9751 2.00487C12.8436 2.01036 12.7196 2.06745 12.63 2.16375L8.9525 6.20875L6.42188 2.23188C6.37675 2.16085 6.31443 2.10236 6.24068 2.06182C6.16693 2.02129 6.08415 2.00003 6 2H3C2.91035 1.99996 2.82234 2.02402 2.74518 2.06966C2.66802 2.11531 2.60455 2.18086 2.56142 2.25945C2.51829 2.33804 2.49709 2.42679 2.50003 2.51639C2.50296 2.60599 2.52994 2.69315 2.57813 2.76875L6.49063 8.91687L2.63 13.1669C2.58492 13.2153 2.54989 13.2722 2.52696 13.3343C2.50403 13.3963 2.49364 13.4623 2.4964 13.5284C2.49917 13.5945 2.51502 13.6594 2.54305 13.7194C2.57108 13.7793 2.61073 13.8331 2.65969 13.8776C2.70866 13.9221 2.76597 13.9564 2.82831 13.9786C2.89064 14.0008 2.95676 14.0104 3.02283 14.0068C3.0889 14.0033 3.15361 13.9867 3.2132 13.9579C3.27279 13.9292 3.32609 13.8889 3.37 13.8394L7.0475 9.79438L9.57813 13.7712C9.62362 13.8417 9.6861 13.8996 9.75983 13.9395C9.83355 13.9795 9.91614 14.0003 10 14H13C13.0896 14 13.1775 13.9759 13.2545 13.9303C13.3316 13.8847 13.395 13.8192 13.4381 13.7407C13.4812 13.6622 13.5024 13.5736 13.4996 13.4841C13.4967 13.3946 13.4699 13.3075 13.4219 13.2319ZM10.2744 13L3.91063 3H5.72313L12.0894 13H10.2744Z" fill="var(--fill-0, #181818)"/>
+</g>
+</svg>
diff --git a/packages/intl/locale/en.po b/packages/intl/locale/en.po
index 97de1cf00..ad6163b7c 100644
--- a/packages/intl/locale/en.po
+++ b/packages/intl/locale/en.po
@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/strings.ts:2442
+#: src/strings.ts:2446
 msgid " \"Notebook > Notes\""
 msgstr " \"Notebook > Notes\""
 
@@ -21,27 +21,27 @@ msgstr " \"Notebook > Notes\""
 msgid " Unlock with password once to enable biometric access."
 msgstr " Unlock with password once to enable biometric access."
 
-#: src/strings.ts:1962
+#: src/strings.ts:1966
 msgid " Upgrade to Notesnook Pro to add more notebooks."
 msgstr " Upgrade to Notesnook Pro to add more notebooks."
 
-#: src/strings.ts:1965
+#: src/strings.ts:1969
 msgid " Upgrade to Notesnook Pro to customize the toolbar."
 msgstr " Upgrade to Notesnook Pro to customize the toolbar."
 
-#: src/strings.ts:1964
+#: src/strings.ts:1968
 msgid " Upgrade to Notesnook Pro to use custom toolbar presets."
 msgstr " Upgrade to Notesnook Pro to use custom toolbar presets."
 
-#: src/strings.ts:1963
+#: src/strings.ts:1967
 msgid " Upgrade to Notesnook Pro to use the notes vault."
 msgstr " Upgrade to Notesnook Pro to use the notes vault."
 
-#: src/strings.ts:1966
+#: src/strings.ts:1970
 msgid " Upgrade to Notesnook Pro to use this feature."
 msgstr " Upgrade to Notesnook Pro to use this feature."
 
-#: src/strings.ts:842
+#: src/strings.ts:844
 msgid "— not just the privileged few"
 msgstr "— not just the privileged few"
 
@@ -49,7 +49,7 @@ msgstr "— not just the privileged few"
 msgid "\"Refunded"
 msgstr "\"Refunded"
 
-#: src/strings.ts:236
+#: src/strings.ts:235
 msgid "(empty block)"
 msgstr "(empty block)"
 
@@ -59,29 +59,29 @@ msgid "{0}"
 msgstr "{0}"
 
 #. placeholder {0}: name || "File"
-#: src/strings.ts:515
+#: src/strings.ts:517
 msgid "{0} downloaded"
 msgstr "{0} downloaded"
 
 #. placeholder {0}: version ? `v${version} ` : "New version"
-#: src/strings.ts:533
+#: src/strings.ts:535
 msgid "{0} Highlights 🎉"
 msgstr "{0} Highlights 🎉"
 
 #. placeholder {0}: platform === "ios" ? "Apple" : "Google"
-#: src/strings.ts:2598
+#: src/strings.ts:2612
 msgid "{0} will remind you before your trial ends"
 msgstr "{0} will remind you before your trial ends"
 
-#: src/strings.ts:1774
+#: src/strings.ts:1778
 msgid "{count, plural, one {# error occured} other {# errors occured}}"
 msgstr "{count, plural, one {# error occured} other {# errors occured}}"
 
-#: src/strings.ts:1780
+#: src/strings.ts:1784
 msgid "{count, plural, one {# file ready for import} other {# files ready for import}}"
 msgstr "{count, plural, one {# file ready for import} other {# files ready for import}}"
 
-#: src/strings.ts:1735
+#: src/strings.ts:1739
 msgid "{count, plural, one {# file} other {# files}}"
 msgstr "{count, plural, one {# file} other {# files}}"
 
@@ -89,15 +89,15 @@ msgstr "{count, plural, one {# file} other {# files}}"
 msgid "{count, plural, one {# note} other {# notes}}"
 msgstr "{count, plural, one {# note} other {# notes}}"
 
-#: src/strings.ts:1599
+#: src/strings.ts:1603
 msgid "{count, plural, one {1 hour} other {# hours}}"
 msgstr "{count, plural, one {1 hour} other {# hours}}"
 
-#: src/strings.ts:1594
+#: src/strings.ts:1598
 msgid "{count, plural, one {1 minute} other {# minutes}}"
 msgstr "{count, plural, one {1 minute} other {# minutes}}"
 
-#: src/strings.ts:408
+#: src/strings.ts:411
 msgid "{count, plural, one {1 result} other {# results}}"
 msgstr "{count, plural, one {1 result} other {# results}}"
 
@@ -134,7 +134,7 @@ msgstr "{count, plural, one {Are you sure you want to delete this tag?} other {A
 msgid "{count, plural, one {Are you sure you want to download all attachments of this note?} other {Are you sure you want to download all attachments?}}"
 msgstr "{count, plural, one {Are you sure you want to download all attachments of this note?} other {Are you sure you want to download all attachments?}}"
 
-#: src/strings.ts:877
+#: src/strings.ts:879
 msgid "{count, plural, one {Are you sure you want to move this notebook to {selectedNotebookTitle}?} other {Are you sure you want to move these # notebooks {selectedNotebookTitle}?}}"
 msgstr "{count, plural, one {Are you sure you want to move this notebook to {selectedNotebookTitle}?} other {Are you sure you want to move these # notebooks {selectedNotebookTitle}?}}"
 
@@ -301,15 +301,15 @@ msgstr "{count, plural, one {Item restored} other {# items restored}}"
 msgid "{count, plural, one {Item unpublished} other {# items unpublished}}"
 msgstr "{count, plural, one {Item unpublished} other {# items unpublished}}"
 
-#: src/strings.ts:2459
+#: src/strings.ts:2463
 msgid "{count, plural, one {Move all notes in this notebook to trash} other {Move all notes in these notebooks to trash}}"
 msgstr "{count, plural, one {Move all notes in this notebook to trash} other {Move all notes in these notebooks to trash}}"
 
-#: src/strings.ts:875
+#: src/strings.ts:877
 msgid "{count, plural, one {Move notebook} other {Move # notebooks}}"
 msgstr "{count, plural, one {Move notebook} other {Move # notebooks}}"
 
-#: src/strings.ts:481
+#: src/strings.ts:483
 msgid "{count, plural, one {Moving {title}} other {Moving # notebooks}}"
 msgstr "{count, plural, one {Moving {title}} other {Moving # notebooks}}"
 
@@ -349,7 +349,7 @@ msgstr "{count, plural, one {Note restored} other {# notes restored}}"
 msgid "{count, plural, one {Note unpublished} other {# notes unpublished}}"
 msgstr "{count, plural, one {Note unpublished} other {# notes unpublished}}"
 
-#: src/strings.ts:936
+#: src/strings.ts:938
 msgid "{count, plural, one {Note will be automatically deleted from all other devices & any future changes won't get synced. Are you sure you want to continue?} other {# notes will be automatically deleted from all other devices & any future changes won't get synced. Are you sure you want to continue?}}"
 msgstr "{count, plural, one {Note will be automatically deleted from all other devices & any future changes won't get synced. Are you sure you want to continue?} other {# notes will be automatically deleted from all other devices & any future changes won't get synced. Are you sure you want to continue?}}"
 
@@ -403,7 +403,7 @@ msgstr "{count, plural, one {Pin note} other {Pin # notes}}"
 msgid "{count, plural, one {Pin notebook} other {Pin # notebooks}}"
 msgstr "{count, plural, one {Pin notebook} other {Pin # notebooks}}"
 
-#: src/strings.ts:931
+#: src/strings.ts:933
 msgid "{count, plural, one {Prevent note from syncing} other {Prevent # notes from syncing}}"
 msgstr "{count, plural, one {Prevent note from syncing} other {Prevent # notes from syncing}}"
 
@@ -508,39 +508,39 @@ msgstr "{count, plural, one {Unpublish note} other {Unpublish # notes}}"
 msgid "{count, plural, one {Version deleted} other {# versions deleted}}"
 msgstr "{count, plural, one {Version deleted} other {# versions deleted}}"
 
-#: src/strings.ts:2529
+#: src/strings.ts:2533
 msgid "{count} characters"
 msgstr "{count} characters"
 
-#: src/strings.ts:1585
+#: src/strings.ts:1589
 msgid "{days, plural, one {1 day} other {# days}}"
 msgstr "{days, plural, one {1 day} other {# days}}"
 
-#: src/strings.ts:2589
+#: src/strings.ts:2603
 msgid "{days} days free"
 msgstr "{days} days free"
 
-#: src/strings.ts:2851
+#: src/strings.ts:2876
 msgid "{duration} days free trial includes all features"
 msgstr "{duration} days free trial includes all features"
 
-#: src/strings.ts:351
+#: src/strings.ts:350
 msgid "{freq, plural, one {Repeats every day on {selectedDays} at {date}} other {Repeats every # day every {selectedDays} at {date}}}"
 msgstr "{freq, plural, one {Repeats every day on {selectedDays} at {date}} other {Repeats every # day every {selectedDays} at {date}}}"
 
-#: src/strings.ts:359
+#: src/strings.ts:358
 msgid "{freq, plural, one {Repeats every month on {selectedDays} at {date}} other {Repeats every # month every {selectedDays} at {date}}}"
 msgstr "{freq, plural, one {Repeats every month on {selectedDays} at {date}} other {Repeats every # month every {selectedDays} at {date}}}"
 
-#: src/strings.ts:355
+#: src/strings.ts:354
 msgid "{freq, plural, one {Repeats every week on {selectedDays} at {date}} other {Repeats every # week every {selectedDays} at {date}}}"
 msgstr "{freq, plural, one {Repeats every week on {selectedDays} at {date}} other {Repeats every # week every {selectedDays} at {date}}}"
 
-#: src/strings.ts:363
+#: src/strings.ts:362
 msgid "{freq, plural, one {Repeats every year on {selectedDays} at {date}} other {Repeats every # year every {selectedDays} at {date}}}"
 msgstr "{freq, plural, one {Repeats every year on {selectedDays} at {date}} other {Repeats every # year every {selectedDays} at {date}}}"
 
-#: src/strings.ts:327
+#: src/strings.ts:326
 msgid "{itemType, select, tag {Add a tag} notebook {Add a notebook} reminder {Add a reminder} note {Add a note} other {Add an item}}"
 msgstr "{itemType, select, tag {Add a tag} notebook {Add a notebook} reminder {Add a reminder} note {Add a note} other {Add an item}}"
 
@@ -548,55 +548,55 @@ msgstr "{itemType, select, tag {Add a tag} notebook {Add a notebook} reminder {A
 msgid "{key, select, dateCreated {Created at} dateEdited {Last edited at} dateModified {Last modified at} dateUploaded {Uploaded at} dateDeleted {Deleted at} other {{key}}}"
 msgstr "{key, select, dateCreated {Created at} dateEdited {Last edited at} dateModified {Last modified at} dateUploaded {Uploaded at} dateDeleted {Deleted at} other {{key}}}"
 
-#: src/strings.ts:440
+#: src/strings.ts:443
 msgid "{mode, select, create {Create app lock {keyboardType}} change {Change app lock {keyboardType}} remove {Remove app lock {keyboardType}} other {}}"
 msgstr "{mode, select, create {Create app lock {keyboardType}} change {Change app lock {keyboardType}} remove {Remove app lock {keyboardType}} other {}}"
 
-#: src/strings.ts:605
+#: src/strings.ts:607
 msgid "{mode, select, day {Daily} week {Weekly} month {Monthly} year {Yearly} other {Unknown mode}}"
 msgstr "{mode, select, day {Daily} week {Weekly} month {Monthly} year {Yearly} other {Unknown mode}}"
 
-#: src/strings.ts:598
+#: src/strings.ts:600
 msgid "{mode, select, repeat {Repeat} once {Once} permanent {Permanent} other {Unknown mode}}"
 msgstr "{mode, select, repeat {Repeat} once {Once} permanent {Permanent} other {Unknown mode}}"
 
-#: src/strings.ts:1997
+#: src/strings.ts:2001
 msgid "{n} {added, plural, one {added to 1 notebook} other {added to # notebooks}} and {removed, plural, one {removed from 1 notebook} other {removed from # notebooks}}."
 msgstr "{n} {added, plural, one {added to 1 notebook} other {added to # notebooks}} and {removed, plural, one {removed from 1 notebook} other {removed from # notebooks}}."
 
-#: src/strings.ts:1992
+#: src/strings.ts:1996
 msgid "{n} {added, plural, one {added to 1 notebook} other {added to # notebooks}}."
 msgstr "{n} {added, plural, one {added to 1 notebook} other {added to # notebooks}}."
 
-#: src/strings.ts:1987
+#: src/strings.ts:1991
 msgid "{n} {removed, plural, one {removed from 1 notebook} other {removed from # notebooks}}."
 msgstr "{n} {removed, plural, one {removed from 1 notebook} other {removed from # notebooks}}."
 
-#: src/strings.ts:1982
+#: src/strings.ts:1986
 msgid "{notes, plural, one {1 note} other {# notes}}"
 msgstr "{notes, plural, one {1 note} other {# notes}}"
 
-#: src/strings.ts:471
+#: src/strings.ts:474
 msgid "{notes, plural, one {Export note} other {Export # notes}}"
 msgstr "{notes, plural, one {Export note} other {Export # notes}}"
 
-#: src/strings.ts:1727
+#: src/strings.ts:1731
 msgid "{percentage}% updating..."
 msgstr "{percentage}% updating..."
 
-#: src/strings.ts:2573
+#: src/strings.ts:2587
 msgid "{plan} plan"
 msgstr "{plan} plan"
 
-#: src/strings.ts:743
+#: src/strings.ts:745
 msgid "{platform, select, android {{name} saved to selected path} other {{name} saved to File Manager/Notesnook/downloads}}"
 msgstr "{platform, select, android {{name} saved to selected path} other {{name} saved to File Manager/Notesnook/downloads}}"
 
-#: src/strings.ts:1353
+#: src/strings.ts:1357
 msgid "{platform, select, android {Backup file saved in \"Notesnook backups\" folder on your phone.} other {Backup file is saved in File Manager/Notesnook folder}}"
 msgstr "{platform, select, android {Backup file saved in \"Notesnook backups\" folder on your phone.} other {Backup file is saved in File Manager/Notesnook folder}}"
 
-#: src/strings.ts:2389
+#: src/strings.ts:2393
 msgid "{selected} selected"
 msgstr "{selected} selected"
 
@@ -612,216 +612,236 @@ msgstr "{type, select, other {This list is empty} notebook {No notebooks} tag {N
 msgid "{type, select, upload {Uploading} download {Downloading} sync {Syncing} other {Loading}}"
 msgstr "{type, select, upload {Uploading} download {Downloading} sync {Syncing} other {Loading}}"
 
-#: src/strings.ts:785
+#: src/strings.ts:787
 msgid "{type} does not match"
 msgstr "{type} does not match"
 
-#: src/strings.ts:1620
+#: src/strings.ts:1624
 msgid "{words, plural, one {# word} other {# words}}"
 msgstr "{words, plural, one {# word} other {# words}}"
 
-#: src/strings.ts:1683
+#: src/strings.ts:1687
 msgid "{words, plural, other {# selected}}"
 msgstr "{words, plural, other {# selected}}"
 
-#: src/strings.ts:1811
+#: src/strings.ts:1815
 msgid "#notesnook"
 msgstr "#notesnook"
 
-#: src/strings.ts:2698
+#: src/strings.ts:2716
 msgid "1 day"
 msgstr "1 day"
 
-#: src/strings.ts:2700
+#: src/strings.ts:2718
 msgid "1 month"
 msgstr "1 month"
 
-#: src/strings.ts:2699
+#: src/strings.ts:2717
 msgid "1 week"
 msgstr "1 week"
 
-#: src/strings.ts:2701
+#: src/strings.ts:2719
 msgid "1 year"
 msgstr "1 year"
 
-#: src/strings.ts:1604
+#: src/strings.ts:1608
 msgid "12-hour"
 msgstr "12-hour"
 
-#: src/strings.ts:1605
+#: src/strings.ts:1609
 msgid "24-hour"
 msgstr "24-hour"
 
-#: src/strings.ts:1925
+#: src/strings.ts:1929
 msgid "2FA code is required()"
 msgstr "2FA code is required()"
 
-#: src/strings.ts:1024
+#: src/strings.ts:1026
 msgid "2FA code sent via {method}"
 msgstr "2FA code sent via {method}"
 
-#: src/strings.ts:2616
+#: src/strings.ts:2632
 msgid "5 year plan"
 msgstr "5 year plan"
 
-#: src/strings.ts:1866
+#: src/strings.ts:1870
 msgid "6 digit code"
 msgstr "6 digit code"
 
-#: src/strings.ts:1447
+#: src/strings.ts:2585
+msgid "7-day free trial"
+msgstr "7-day free trial"
+
+#: src/strings.ts:1451
 msgid "A notebook can have unlimited topics with unlimited notes."
 msgstr "A notebook can have unlimited topics with unlimited notes."
 
-#: src/strings.ts:647
+#: src/strings.ts:649
 msgid "A to Z"
 msgstr "A to Z"
 
-#: src/strings.ts:448
+#: src/strings.ts:451
 msgid "A vault stores your notes in an encrypted storage."
 msgstr "A vault stores your notes in an encrypted storage."
 
-#: src/strings.ts:662
+#: src/strings.ts:664
 msgid "Abc"
 msgstr "Abc"
 
-#: src/strings.ts:1305
+#: src/strings.ts:1309
 msgid "About"
 msgstr "About"
 
-#: src/strings.ts:2845
+#: src/strings.ts:2895
+msgid "Access on all devices"
+msgstr "Access on all devices"
+
+#: src/strings.ts:2870
 msgid "Access on all your devices"
 msgstr "Access on all your devices"
 
-#: src/strings.ts:1040
+#: src/strings.ts:1042
 msgid "Account"
 msgstr "Account"
 
-#: src/strings.ts:1868
+#: src/strings.ts:2913
+msgid "Account actions"
+msgstr "Account actions"
+
+#: src/strings.ts:1872
 msgid "Account password"
 msgstr "Account password"
 
-#: src/strings.ts:2484
+#: src/strings.ts:2488
 msgid "Actions for note: {title}"
 msgstr "Actions for note: {title}"
 
-#: src/strings.ts:2485
+#: src/strings.ts:2489
 msgid "Actions for notebook: {title}"
 msgstr "Actions for notebook: {title}"
 
-#: src/strings.ts:2486
+#: src/strings.ts:2490
 msgid "Actions for tag: {title}"
 msgstr "Actions for tag: {title}"
 
-#: src/strings.ts:2058
+#: src/strings.ts:2062
 msgid "Activate"
 msgstr "Activate"
 
-#: src/strings.ts:1844
+#: src/strings.ts:1848
 msgid "Activating trial"
 msgstr "Activating trial"
 
-#: src/strings.ts:530
+#: src/strings.ts:532
 msgid "Add"
 msgstr "Add"
 
-#: src/strings.ts:1072
+#: src/strings.ts:1074
 msgid "Add 2FA fallback method"
 msgstr "Add 2FA fallback method"
 
-#: src/strings.ts:1525
+#: src/strings.ts:1529
 msgid "Add a short note"
 msgstr "Add a short note"
 
-#: src/strings.ts:1621
+#: src/strings.ts:1625
 msgid "Add a tag"
 msgstr "Add a tag"
 
-#: src/strings.ts:557
+#: src/strings.ts:559
 msgid "Add color"
 msgstr "Add color"
 
-#: src/strings.ts:2686
+#: src/strings.ts:2702
 msgid "Add key"
 msgstr "Add key"
 
-#: src/strings.ts:909
+#: src/strings.ts:911
 msgid "Add notebook"
 msgstr "Add notebook"
 
-#: src/strings.ts:2511
+#: src/strings.ts:2515
 msgid "Add notes"
 msgstr "Add notes"
 
-#: src/strings.ts:485
+#: src/strings.ts:487
 msgid "Add notes to {title}"
 msgstr "Add notes to {title}"
 
-#: src/strings.ts:908
+#: src/strings.ts:910
 msgid "Add shortcut"
 msgstr "Add shortcut"
 
-#: src/strings.ts:737
+#: src/strings.ts:739
 msgid "Add shortcuts for notebooks and tags here."
 msgstr "Add shortcuts for notebooks and tags here."
 
-#: src/strings.ts:572
+#: src/strings.ts:574
 msgid "Add tag"
 msgstr "Add tag"
 
-#: src/strings.ts:949
+#: src/strings.ts:951
 msgid "Add tags"
 msgstr "Add tags"
 
-#: src/strings.ts:950
+#: src/strings.ts:952
 msgid "Add tags to multiple notes at once"
 msgstr "Add tags to multiple notes at once"
 
-#: src/strings.ts:2276
+#: src/strings.ts:2280
 msgid "Add to dictionary"
 msgstr "Add to dictionary"
 
-#: src/strings.ts:2649
+#: src/strings.ts:2665
 msgid "Add to home"
 msgstr "Add to home"
 
-#: src/strings.ts:2509
+#: src/strings.ts:2513
 msgid "Add to notebook"
 msgstr "Add to notebook"
 
-#: src/strings.ts:990
-#: src/strings.ts:2861
+#: src/strings.ts:992
+#: src/strings.ts:2886
 msgid "Add your first note"
 msgstr "Add your first note"
 
-#: src/strings.ts:991
+#: src/strings.ts:993
 msgid "Add your first notebook"
 msgstr "Add your first notebook"
 
-#: src/strings.ts:2652
+#: src/strings.ts:2668
 msgid "Adjust the line height of the editor"
 msgstr "Adjust the line height of the editor"
 
-#: src/strings.ts:2202
+#: src/strings.ts:2206
 msgid "Advanced"
 msgstr "Advanced"
 
-#: src/strings.ts:1747
+#: src/strings.ts:2583
+msgid "Advanced note elements"
+msgstr "Advanced note elements"
+
+#: src/strings.ts:1104
+msgid "Advanced settings"
+msgstr "Advanced settings"
+
+#: src/strings.ts:1751
 msgid "After scanning the QR code image, the app will display a code that you can enter below."
 msgstr "After scanning the QR code image, the app will display a code that you can enter below."
 
-#: src/strings.ts:2341
+#: src/strings.ts:2345
 msgid "Align left"
 msgstr "Align left"
 
-#: src/strings.ts:2342
+#: src/strings.ts:2346
 msgid "Align right"
 msgstr "Align right"
 
-#: src/strings.ts:2311
+#: src/strings.ts:2315
 msgid "Alignment"
 msgstr "Alignment"
 
-#: src/strings.ts:726
+#: src/strings.ts:728
 msgid "All"
 msgstr "All"
 
@@ -829,55 +849,55 @@ msgstr "All"
 msgid "All attachments are end-to-end encrypted."
 msgstr "All attachments are end-to-end encrypted."
 
-#: src/strings.ts:2436
+#: src/strings.ts:2440
 msgid "All cached attachments have been cleared."
 msgstr "All cached attachments have been cleared."
 
-#: src/strings.ts:767
+#: src/strings.ts:769
 msgid "All fields are required"
 msgstr "All fields are required"
 
-#: src/strings.ts:754
+#: src/strings.ts:756
 msgid "All files"
 msgstr "All files"
 
-#: src/strings.ts:2781
+#: src/strings.ts:2806
 msgid "All items deleted"
 msgstr "All items deleted"
 
-#: src/strings.ts:1190
+#: src/strings.ts:1194
 msgid "All locked notes will be re-encrypted with the new password."
 msgstr "All locked notes will be re-encrypted with the new password."
 
-#: src/strings.ts:739
+#: src/strings.ts:741
 msgid "All logs are local only and are not sent to any server. You can share the logs from here with us if you face an issue to help us find the root cause."
 msgstr "All logs are local only and are not sent to any server. You can share the logs from here with us if you face an issue to help us find the root cause."
 
-#: src/strings.ts:1658
+#: src/strings.ts:1662
 msgid "All server urls are required."
 msgstr "All server urls are required."
 
-#: src/strings.ts:1927
+#: src/strings.ts:1931
 msgid "All the data in your account will be overwritten with the data in the backup file. There is no way to reverse this action."
 msgstr "All the data in your account will be overwritten with the data in the backup file. There is no way to reverse this action."
 
-#: src/strings.ts:2182
+#: src/strings.ts:2186
 msgid "All the source code for Notesnook is available & open for everyone on GitHub."
 msgstr "All the source code for Notesnook is available & open for everyone on GitHub."
 
-#: src/strings.ts:430
+#: src/strings.ts:433
 msgid "All tools are grouped"
 msgstr "All tools are grouped"
 
-#: src/strings.ts:1337
+#: src/strings.ts:1341
 msgid "All tools in the collapsed section will be removed"
 msgstr "All tools in the collapsed section will be removed"
 
-#: src/strings.ts:1332
+#: src/strings.ts:1336
 msgid "All tools in this group will be removed from the toolbar."
 msgstr "All tools in this group will be removed from the toolbar."
 
-#: src/strings.ts:1362
+#: src/strings.ts:1366
 msgid "All your backups are stored in 'Phone Storage/Notesnook/backups/' folder"
 msgstr "All your backups are stored in 'Phone Storage/Notesnook/backups/' folder"
 
@@ -885,15 +905,19 @@ msgstr "All your backups are stored in 'Phone Storage/Notesnook/backups/' folder
 msgid "Already have an account?"
 msgstr "Already have an account?"
 
-#: src/strings.ts:2252
+#: src/strings.ts:2921
+msgid "Always ask"
+msgstr "Always ask"
+
+#: src/strings.ts:2256
 msgid "Amount"
 msgstr "Amount"
 
-#: src/strings.ts:250
+#: src/strings.ts:249
 msgid "An error occurred while migrating your data. You can logout of your account and try to relogin. However this is not recommended as it may result in some data loss if your data was not synced."
 msgstr "An error occurred while migrating your data. You can logout of your account and try to relogin. However this is not recommended as it may result in some data loss if your data was not synced."
 
-#: src/strings.ts:2610
+#: src/strings.ts:2624
 msgid "and"
 msgstr "and"
 
@@ -901,485 +925,505 @@ msgstr "and"
 msgid "and "
 msgstr "and "
 
-#: src/strings.ts:1812
+#: src/strings.ts:1816
 msgid "and get a chance to win free promo codes."
 msgstr "and get a chance to win free promo codes."
 
-#: src/strings.ts:2566
+#: src/strings.ts:2570
 msgid "and much more."
 msgstr "and much more."
 
-#: src/strings.ts:1413
+#: src/strings.ts:1417
 msgid "and we will manually confirm your account."
 msgstr "and we will manually confirm your account."
 
-#: src/strings.ts:2627
+#: src/strings.ts:2643
 msgid "ANNOUNCEMENT"
 msgstr "ANNOUNCEMENT"
 
-#: src/strings.ts:2716
+#: src/strings.ts:2734
 msgid "API key copied to clipboard"
 msgstr "API key copied to clipboard"
 
-#: src/strings.ts:2694
+#: src/strings.ts:2711
 msgid "API key created successfully"
 msgstr "API key created successfully"
 
-#: src/strings.ts:2721
+#: src/strings.ts:2739
 msgid "API key revoked"
 msgstr "API key revoked"
 
-#: src/strings.ts:2687
+#: src/strings.ts:2703
 msgid "API Keys"
 msgstr "API Keys"
 
-#: src/strings.ts:2708
+#: src/strings.ts:2726
 msgid "API Keys Limit Reached"
 msgstr "API Keys Limit Reached"
 
-#: src/strings.ts:252
+#: src/strings.ts:251
 msgid "App data has been cleared. Kindly relaunch the app to login again."
 msgstr "App data has been cleared. Kindly relaunch the app to login again."
 
-#: src/strings.ts:1199
-#: src/strings.ts:1714
+#: src/strings.ts:1203
+#: src/strings.ts:1718
 msgid "App lock"
 msgstr "App lock"
 
-#: src/strings.ts:781
-#: src/strings.ts:1225
+#: src/strings.ts:2581
+msgid "App lock & security"
+msgstr "App lock & security"
+
+#: src/strings.ts:783
+#: src/strings.ts:1229
 msgid "App lock disabled"
 msgstr "App lock disabled"
 
-#: src/strings.ts:1205
+#: src/strings.ts:1209
 msgid "App lock timeout"
 msgstr "App lock timeout"
 
-#: src/strings.ts:1316
+#: src/strings.ts:1320
 msgid "App version"
 msgstr "App version"
 
-#: src/strings.ts:1795
+#: src/strings.ts:1799
 msgid "App will reload in {sec} seconds"
 msgstr "App will reload in {sec} seconds"
 
-#: src/strings.ts:1130
+#: src/strings.ts:1134
 msgid "Appearance"
 msgstr "Appearance"
 
-#: src/strings.ts:539
+#: src/strings.ts:541
 msgid "Applied as dark theme"
 msgstr "Applied as dark theme"
 
-#: src/strings.ts:540
+#: src/strings.ts:542
 msgid "Applied as light theme"
 msgstr "Applied as light theme"
 
-#: src/strings.ts:457
+#: src/strings.ts:460
 msgid "Apply changes"
 msgstr "Apply changes"
 
-#: src/strings.ts:2065
+#: src/strings.ts:2069
 msgid "Applying changes"
 msgstr "Applying changes"
 
-#: src/strings.ts:1551
-#: src/strings.ts:2516
+#: src/strings.ts:1555
+#: src/strings.ts:2520
 msgid "Archive"
 msgstr "Archive"
 
-#: src/strings.ts:1461
+#: src/strings.ts:1465
 msgid "Are you scrolling a lot to find a specific note? Pin it to the top from Note properties."
 msgstr "Are you scrolling a lot to find a specific note? Pin it to the top from Note properties."
 
-#: src/strings.ts:1032
+#: src/strings.ts:1034
 msgid "Are you sure you want to clear all logs from {key}?"
 msgstr "Are you sure you want to clear all logs from {key}?"
 
-#: src/strings.ts:1340
+#: src/strings.ts:1344
 msgid "Are you sure you want to clear trash?"
 msgstr "Are you sure you want to clear trash?"
 
-#: src/strings.ts:2780
+#: src/strings.ts:2805
 msgid "Are you sure you want to delete all failed inbox items?"
 msgstr "Are you sure you want to delete all failed inbox items?"
 
-#: src/strings.ts:2753
+#: src/strings.ts:2773
 msgid "Are you sure you want to delete this attachment?"
 msgstr "Are you sure you want to delete this attachment?"
 
-#: src/strings.ts:1563
+#: src/strings.ts:1567
 msgid "Are you sure you want to logout and clear all data stored on THIS DEVICE?"
 msgstr "Are you sure you want to logout and clear all data stored on THIS DEVICE?"
 
-#: src/strings.ts:775
+#: src/strings.ts:777
 msgid "Are you sure you want to logout from this device? Any unsynced changes will be lost."
 msgstr "Are you sure you want to logout from this device? Any unsynced changes will be lost."
 
-#: src/strings.ts:2791
+#: src/strings.ts:2816
 msgid "Are you sure you want to open this file: {filePath}?"
 msgstr "Are you sure you want to open this file: {filePath}?"
 
-#: src/strings.ts:1062
+#: src/strings.ts:1064
 msgid "Are you sure you want to remove your name?"
 msgstr "Are you sure you want to remove your name?"
 
-#: src/strings.ts:1059
+#: src/strings.ts:1061
 msgid "Are you sure you want to remove your profile picture?"
 msgstr "Are you sure you want to remove your profile picture?"
 
-#: src/strings.ts:2720
+#: src/strings.ts:2738
 msgid "Are you sure you want to revoke the key \"{name}\"? All inbox actions using this key will stop working immediately."
 msgstr "Are you sure you want to revoke the key \"{name}\"? All inbox actions using this key will stop working immediately."
 
-#: src/strings.ts:1339
+#: src/strings.ts:1343
 msgid "Are you sure?"
 msgstr "Are you sure?"
 
-#: src/strings.ts:1146
+#: src/strings.ts:1150
 msgid "Ask every time"
 msgstr "Ask every time"
 
-#: src/strings.ts:2054
+#: src/strings.ts:2058
 msgid "Assign color"
 msgstr "Assign color"
 
-#: src/strings.ts:948
+#: src/strings.ts:950
 msgid "Assign to..."
 msgstr "Assign to..."
 
-#: src/strings.ts:433
+#: src/strings.ts:436
 msgid "Atleast 8 characters required"
 msgstr "Atleast 8 characters required"
 
-#: src/strings.ts:2378
+#: src/strings.ts:2382
 msgid "Attach image from URL"
 msgstr "Attach image from URL"
 
-#: src/strings.ts:922
+#: src/strings.ts:924
 msgid "Attached files"
 msgstr "Attached files"
 
-#: src/strings.ts:2782
+#: src/strings.ts:2807
 msgid "Attaching files"
 msgstr "Attaching files"
 
-#: src/strings.ts:290
+#: src/strings.ts:289
 msgid "attachment"
 msgstr "attachment"
 
-#: src/strings.ts:300
-#: src/strings.ts:2375
+#: src/strings.ts:299
+#: src/strings.ts:2379
 msgid "Attachment"
 msgstr "Attachment"
 
-#: src/strings.ts:2754
+#: src/strings.ts:2774
 msgid "Attachment deleted"
 msgstr "Attachment deleted"
 
-#: src/strings.ts:2479
+#: src/strings.ts:2483
 msgid "Attachment manager"
 msgstr "Attachment manager"
 
-#: src/strings.ts:1956
+#: src/strings.ts:1960
 msgid "Attachment preview failed"
 msgstr "Attachment preview failed"
 
-#: src/strings.ts:2429
+#: src/strings.ts:2433
 msgid "Attachment recheck cancelled"
 msgstr "Attachment recheck cancelled"
 
-#: src/strings.ts:2346
+#: src/strings.ts:2350
 msgid "Attachment settings"
 msgstr "Attachment settings"
 
-#: src/strings.ts:310
+#: src/strings.ts:309
 msgid "attachments"
 msgstr "attachments"
 
-#: src/strings.ts:320
-#: src/strings.ts:921
+#: src/strings.ts:319
+#: src/strings.ts:923
 msgid "Attachments"
 msgstr "Attachments"
 
-#: src/strings.ts:1905
+#: src/strings.ts:1909
 msgid "Attachments cache cleared!"
 msgstr "Attachments cache cleared!"
 
-#: src/strings.ts:2431
+#: src/strings.ts:2435
 msgid "Attachments recheck complete"
 msgstr "Attachments recheck complete"
 
-#: src/strings.ts:760
+#: src/strings.ts:762
 msgid "Audios"
 msgstr "Audios"
 
-#: src/strings.ts:1647
+#: src/strings.ts:1651
 msgid "Auth server"
 msgstr "Auth server"
 
-#: src/strings.ts:2714
+#: src/strings.ts:2732
 msgid "Authenticate"
 msgstr "Authenticate"
 
-#: src/strings.ts:2711
+#: src/strings.ts:2729
 msgid "Authenticate to view API key"
 msgstr "Authenticate to view API key"
 
-#: src/strings.ts:1816
+#: src/strings.ts:1820
 msgid "Authenticated as {email}"
 msgstr "Authenticated as {email}"
 
-#: src/strings.ts:1919
+#: src/strings.ts:1923
 msgid "Authenticating user"
 msgstr "Authenticating user"
 
-#: src/strings.ts:2165
+#: src/strings.ts:2169
 msgid "Authentication"
 msgstr "Authentication"
 
-#: src/strings.ts:1751
+#: src/strings.ts:1755
 msgid "authentication app"
 msgstr "authentication app"
 
-#: src/strings.ts:1367
+#: src/strings.ts:1371
 msgid "Authentication cancelled by user"
 msgstr "Authentication cancelled by user"
 
-#: src/strings.ts:1368
+#: src/strings.ts:1372
 msgid "Authentication failed"
 msgstr "Authentication failed"
 
-#: src/strings.ts:2128
+#: src/strings.ts:2132
 msgid "Auto"
 msgstr "Auto"
 
-#: src/strings.ts:1682
+#: src/strings.ts:1686
 msgid "Auto save: off"
 msgstr "Auto save: off"
 
-#: src/strings.ts:2142
+#: src/strings.ts:2146
 msgid "Auto start on system startup"
 msgstr "Auto start on system startup"
 
-#: src/strings.ts:2769
+#: src/strings.ts:1106
+msgid "Auto sync"
+msgstr "Auto sync"
+
+#: src/strings.ts:2789
 msgid "Auto-generate keys"
 msgstr "Auto-generate keys"
 
-#: src/strings.ts:1234
-#: src/strings.ts:1710
+#: src/strings.ts:1238
+#: src/strings.ts:1714
 msgid "Automatic backups"
 msgstr "Automatic backups"
 
-#: src/strings.ts:1381
+#: src/strings.ts:1385
 msgid "Automatic backups are off"
 msgstr "Automatic backups are off"
 
-#: src/strings.ts:2026
+#: src/strings.ts:2030
 msgid "Automatic backups disabled"
 msgstr "Automatic backups disabled"
 
-#: src/strings.ts:1237
+#: src/strings.ts:1241
 msgid "Automatic backups with attachments"
 msgstr "Automatic backups with attachments"
 
-#: src/strings.ts:2138
+#: src/strings.ts:2937
+msgid "Automatic full backup"
+msgstr "Automatic full backup"
+
+#: src/strings.ts:2142
 msgid "Automatic updates"
 msgstr "Automatic updates"
 
-#: src/strings.ts:1154
+#: src/strings.ts:1158
 msgid "Automatically clear trash after a certain period of time"
 msgstr "Automatically clear trash after a certain period of time"
 
-#: src/strings.ts:2140
+#: src/strings.ts:2144
 msgid "Automatically download & install updates in the background without prompting first."
 msgstr "Automatically download & install updates in the background without prompting first."
 
-#: src/strings.ts:1207
+#: src/strings.ts:1211
 msgid "Automatically lock the app after a certain period"
 msgstr "Automatically lock the app after a certain period"
 
-#: src/strings.ts:1137
+#: src/strings.ts:1141
 msgid "Automatically switch between light and dark themes based on your system settings"
 msgstr "Automatically switch between light and dark themes based on your system settings"
 
-#: src/strings.ts:2185
+#: src/strings.ts:2189
 msgid "Available on iOS"
 msgstr "Available on iOS"
 
-#: src/strings.ts:2186
+#: src/strings.ts:2190
 msgid "Available on iOS & Android"
 msgstr "Available on iOS & Android"
 
-#: src/strings.ts:2739
+#: src/strings.ts:2759
 msgid "Back"
 msgstr "Back"
 
-#: src/strings.ts:2334
+#: src/strings.ts:2338
 msgid "Background color"
 msgstr "Background color"
 
-#: src/strings.ts:1109
+#: src/strings.ts:1113
 msgid "Background sync (experimental)"
 msgstr "Background sync (experimental)"
 
-#: src/strings.ts:2134
+#: src/strings.ts:2138
 msgid "Backup"
 msgstr "Backup"
 
-#: src/strings.ts:2172
+#: src/strings.ts:2176
 msgid "Backup & export"
 msgstr "Backup & export"
 
-#: src/strings.ts:1226
+#: src/strings.ts:1230
 msgid "Backup & restore"
 msgstr "Backup & restore"
 
-#: src/strings.ts:1351
+#: src/strings.ts:2934
+msgid "Backup actions"
+msgstr "Backup actions"
+
+#: src/strings.ts:1355
 msgid "Backup complete"
 msgstr "Backup complete"
 
-#: src/strings.ts:1582
+#: src/strings.ts:1586
 msgid "Backup directory not selected"
 msgstr "Backup directory not selected"
 
-#: src/strings.ts:1249
+#: src/strings.ts:1253
 msgid "Backup encryption"
 msgstr "Backup encryption"
 
-#: src/strings.ts:1879
+#: src/strings.ts:1883
 msgid "Backup files have .nnbackup extension"
 msgstr "Backup files have .nnbackup extension"
 
-#: src/strings.ts:896
+#: src/strings.ts:898
 msgid "Backup is encrypted"
 msgstr "Backup is encrypted"
 
-#: src/strings.ts:1635
+#: src/strings.ts:1639
 msgid "Backup is encrypted, decrypting..."
 msgstr "Backup is encrypted, decrypting..."
 
-#: src/strings.ts:1228
+#: src/strings.ts:1246
+msgid "Backup location"
+msgstr "Backup location"
+
+#: src/strings.ts:1232
 msgid "Backup now"
 msgstr "Backup now"
 
-#: src/strings.ts:1229
+#: src/strings.ts:1233
 msgid "Backup now with attachments"
 msgstr "Backup now with attachments"
 
-#: src/strings.ts:903
+#: src/strings.ts:905
 msgid "Backup restored"
 msgstr "Backup restored"
 
-#: src/strings.ts:1940
+#: src/strings.ts:1944
 msgid "Backup saved at {path}"
 msgstr "Backup saved at {path}"
 
-#: src/strings.ts:1363
+#: src/strings.ts:1367
 msgid "Backup successful"
 msgstr "Backup successful"
 
-#: src/strings.ts:2135
+#: src/strings.ts:2139
 msgid "Backup with attachments"
 msgstr "Backup with attachments"
 
-#: src/strings.ts:493
+#: src/strings.ts:495
 msgid "Backups"
 msgstr "Backups"
 
-#: src/strings.ts:541
+#: src/strings.ts:543
 msgid "Basic"
 msgstr "Basic"
 
-#: src/strings.ts:1814
+#: src/strings.ts:1818
 msgid "Because where's the fun in nookin' alone?"
 msgstr "Because where's the fun in nookin' alone?"
 
-#: src/strings.ts:1140
+#: src/strings.ts:1144
 msgid "Behavior"
 msgstr "Behavior"
 
-#: src/strings.ts:2167
+#: src/strings.ts:2171
 msgid "Behaviour"
 msgstr "Behaviour"
 
-#: src/strings.ts:2503
+#: src/strings.ts:2507
 msgid "Believer plan"
 msgstr "Believer plan"
 
-#: src/strings.ts:2613
+#: src/strings.ts:2627
 msgid "Best value"
 msgstr "Best value"
 
-#: src/strings.ts:2492
+#: src/strings.ts:2496
 msgid "Beta"
 msgstr "Beta"
 
-#: src/strings.ts:2292
+#: src/strings.ts:2296
 msgid "Bi-directional note link"
 msgstr "Bi-directional note link"
 
-#: src/strings.ts:2836
+#: src/strings.ts:2861
 msgid "Billed annually"
 msgstr "Billed annually"
 
-#: src/strings.ts:2586
+#: src/strings.ts:2600
 msgid "billed annually at {price}"
 msgstr "billed annually at {price}"
 
-#: src/strings.ts:2837
+#: src/strings.ts:2862
 msgid "Billed monthly"
 msgstr "Billed monthly"
 
-#: src/strings.ts:2587
+#: src/strings.ts:2601
 msgid "billed monthly at {price}"
 msgstr "billed monthly at {price}"
 
-#: src/strings.ts:2233
+#: src/strings.ts:2237
 msgid "Billing history"
 msgstr "Billing history"
 
-#: src/strings.ts:1193
+#: src/strings.ts:1197
 msgid "Biometric unlocking"
 msgstr "Biometric unlocking"
 
-#: src/strings.ts:812
+#: src/strings.ts:814
 msgid "Biometric unlocking disabled"
 msgstr "Biometric unlocking disabled"
 
-#: src/strings.ts:811
+#: src/strings.ts:813
 msgid "Biometric unlocking enabled"
 msgstr "Biometric unlocking enabled"
 
-#: src/strings.ts:1365
+#: src/strings.ts:1369
 msgid "Biometrics authentication failed. Please try again."
 msgstr "Biometrics authentication failed. Please try again."
 
-#: src/strings.ts:1202
+#: src/strings.ts:1206
 msgid "Biometrics not enrolled"
 msgstr "Biometrics not enrolled"
 
-#: src/strings.ts:2288
+#: src/strings.ts:2292
 msgid "Bold"
 msgstr "Bold"
 
-#: src/strings.ts:2441
+#: src/strings.ts:2445
 msgid "Boost your productivity with Notebooks and organize your notes."
 msgstr "Boost your productivity with Notebooks and organize your notes."
 
-#: src/strings.ts:1830
+#: src/strings.ts:1834
 msgid "Browse"
 msgstr "Browse"
 
-#: src/strings.ts:2305
+#: src/strings.ts:2309
 msgid "Bullet list"
 msgstr "Bullet list"
 
-#: src/strings.ts:405
+#: src/strings.ts:408
 msgid "By"
 msgstr "By"
 
-#: src/strings.ts:2608
+#: src/strings.ts:2622
 msgid "By joining you agree to our"
 msgstr "By joining you agree to our"
 
@@ -1387,64 +1431,68 @@ msgstr "By joining you agree to our"
 msgid "By signing up, you agree to our "
 msgstr "By signing up, you agree to our "
 
-#: src/strings.ts:2366
+#: src/strings.ts:2370
 msgid "Callout"
 msgstr "Callout"
 
-#: src/strings.ts:2546
+#: src/strings.ts:2550
 msgid "Can I cancel my free trial anytime?"
 msgstr "Can I cancel my free trial anytime?"
 
-#: src/strings.ts:549
+#: src/strings.ts:551
 msgid "Cancel"
 msgstr "Cancel"
 
-#: src/strings.ts:2606
+#: src/strings.ts:2573
+msgid "Cancel anytime"
+msgstr "Cancel anytime"
+
+#: src/strings.ts:2620
 msgid "Cancel anytime, Subscription auto-renews."
 msgstr "Cancel anytime, Subscription auto-renews."
 
-#: src/strings.ts:2568
+#: src/strings.ts:2572
 msgid "Cancel anytime."
 msgstr "Cancel anytime."
 
-#: src/strings.ts:517
+#: src/strings.ts:519
 msgid "Cancel download"
 msgstr "Cancel download"
 
-#: src/strings.ts:554
+#: src/strings.ts:556
 msgid "Cancel login"
 msgstr "Cancel login"
 
-#: src/strings.ts:1847
+#: src/strings.ts:1851
 msgid "Cancel subscription"
 msgstr "Cancel subscription"
 
-#: src/strings.ts:518
+#: src/strings.ts:520
 msgid "Cancel upload"
 msgstr "Cancel upload"
 
-#: src/strings.ts:2710
+#: src/strings.ts:2728
 msgid "Cannot create more than 10 api keys at a time. Please revoke some existing keys before creating new ones."
 msgstr "Cannot create more than 10 api keys at a time. Please revoke some existing keys before creating new ones."
 
-#: src/strings.ts:2333
+#: src/strings.ts:2337
 msgid "Cell background color"
 msgstr "Cell background color"
 
-#: src/strings.ts:2335
+#: src/strings.ts:2339
 msgid "Cell border color"
 msgstr "Cell border color"
 
-#: src/strings.ts:2337
-#: src/strings.ts:2338
+#: src/strings.ts:2341
+#: src/strings.ts:2342
 msgid "Cell border width"
 msgstr "Cell border width"
 
-#: src/strings.ts:2319
+#: src/strings.ts:2323
 msgid "Cell properties"
 msgstr "Cell properties"
 
-#: src/strings.ts:2336
+#: src/strings.ts:2340
 msgid "Cell text color"
 msgstr "Cell text color"
 
@@ -1452,135 +1500,135 @@ msgstr "Cell text color"
 msgid "Change"
 msgstr "Change"
 
-#: src/strings.ts:1075
+#: src/strings.ts:1077
 msgid "Change 2FA fallback method"
 msgstr "Change 2FA fallback method"
 
-#: src/strings.ts:678
+#: src/strings.ts:680
 msgid "Change 2FA method"
 msgstr "Change 2FA method"
 
-#: src/strings.ts:1214
+#: src/strings.ts:1218
 msgid "Change app lock password"
 msgstr "Change app lock password"
 
-#: src/strings.ts:1213
+#: src/strings.ts:1217
 msgid "Change app lock pin"
 msgstr "Change app lock pin"
 
-#: src/strings.ts:1248
-msgid "Change backup directory"
-msgstr "Change backup directory"
+#: src/strings.ts:1252
+msgid "Change backup location"
+msgstr "Change backup location"
 
-#: src/strings.ts:465
+#: src/strings.ts:468
 msgid "Change email address"
 msgstr "Change email address"
 
-#: src/strings.ts:1141
+#: src/strings.ts:1145
 msgid "Change how the app behaves in different situations"
 msgstr "Change how the app behaves in different situations"
 
-#: src/strings.ts:2384
+#: src/strings.ts:2388
 msgid "Change language"
 msgstr "Change language"
 
-#: src/strings.ts:1269
+#: src/strings.ts:1273
 msgid "Change notification sound"
 msgstr "Change notification sound"
 
-#: src/strings.ts:434
+#: src/strings.ts:437
 msgid "Change password"
 msgstr "Change password"
 
-#: src/strings.ts:2620
+#: src/strings.ts:2636
 msgid "Change plan"
 msgstr "Change plan"
 
-#: src/strings.ts:1839
+#: src/strings.ts:1843
 msgid "Change profile picture"
 msgstr "Change profile picture"
 
-#: src/strings.ts:2211
+#: src/strings.ts:2911
+msgid "Change profile picture, full name and email"
+msgstr "Change profile picture, full name and email"
+
+#: src/strings.ts:2215
 msgid "Change proxy"
 msgstr "Change proxy"
 
-#: src/strings.ts:2232
+#: src/strings.ts:2236
 msgid "Change the payment method you used to purchase this subscription."
 msgstr "Change the payment method you used to purchase this subscription."
 
-#: src/strings.ts:1271
+#: src/strings.ts:1275
 msgid "Change the sound that plays when you receive a notification"
 msgstr "Change the sound that plays when you receive a notification"
 
-#: src/strings.ts:451
+#: src/strings.ts:454
 msgid "Change vault password"
 msgstr "Change vault password"
 
-#: src/strings.ts:1069
+#: src/strings.ts:1071
 msgid "Change your account password"
 msgstr "Change your account password"
 
-#: src/strings.ts:1071
+#: src/strings.ts:1073
 msgid "Change your primary two-factor authentication method"
 msgstr "Change your primary two-factor authentication method"
 
-#: src/strings.ts:1105
-msgid "Changes from other devices won't be updated in the editor in real-time."
-msgstr "Changes from other devices won't be updated in the editor in real-time."
-
-#: src/strings.ts:2730
+#: src/strings.ts:2750
 msgid "Changing Inbox PGP keys will delete all your unsynced inbox items."
 msgstr "Changing Inbox PGP keys will delete all your unsynced inbox items."
 
-#: src/strings.ts:734
-msgid "Changing password is an irreversible process. You will be logged out from all your devices. Please make sure you do not close the app while your password is changing and have good internet connection."
-msgstr "Changing password is an irreversible process. You will be logged out from all your devices. Please make sure you do not close the app while your password is changing and have good internet connection."
+#: src/strings.ts:736
+msgid "Changing your password is irreversible process. Once your password is changed please make sure to save the new account recovery key."
+msgstr "Changing your password is irreversible process. Once your password is changed please make sure to save the new account recovery key."
 
-#: src/strings.ts:2522
+#: src/strings.ts:2526
 msgid "Characters"
 msgstr "Characters"
 
-#: src/strings.ts:1312
+#: src/strings.ts:1316
 msgid "Check for new version of Notesnook"
 msgstr "Check for new version of Notesnook"
 
-#: src/strings.ts:1315
+#: src/strings.ts:1319
 msgid "Check for new version of the app available on app launch"
 msgstr "Check for new version of the app available on app launch"
 
-#: src/strings.ts:1311
+#: src/strings.ts:1315
 msgid "Check for updates"
 msgstr "Check for updates"
 
-#: src/strings.ts:1313
+#: src/strings.ts:1317
 msgid "Check for updates automatically"
 msgstr "Check for updates automatically"
 
-#: src/strings.ts:2184
+#: src/strings.ts:2188
 msgid "Check roadmap"
 msgstr "Check roadmap"
 
-#: src/strings.ts:684
+#: src/strings.ts:686
 msgid "Check your spam folder if you haven't received an email yet."
 msgstr "Check your spam folder if you haven't received an email yet."
 
-#: src/strings.ts:2433
+#: src/strings.ts:2437
 msgid "Checking all attachments"
 msgstr "Checking all attachments"
 
-#: src/strings.ts:378
+#: src/strings.ts:377
 msgid "Checking for new version"
 msgstr "Checking for new version"
 
-#: src/strings.ts:1726
+#: src/strings.ts:1730
 msgid "Checking for updates"
 msgstr "Checking for updates"
 
-#: src/strings.ts:2432
+#: src/strings.ts:2436
 msgid "Checking note attachments"
 msgstr "Checking note attachments"
 
-#: src/strings.ts:2307
+#: src/strings.ts:2311
 msgid "Checklist"
 msgstr "Checklist"
 
@@ -1588,115 +1636,119 @@ msgstr "Checklist"
 msgid "Choose 2FA Method"
 msgstr "Choose 2FA Method"
 
-#: src/strings.ts:2361
+#: src/strings.ts:2365
 msgid "Choose a block to insert"
 msgstr "Choose a block to insert"
 
-#: src/strings.ts:1818
+#: src/strings.ts:1822
 msgid "Choose a recovery method"
 msgstr "Choose a recovery method"
 
-#: src/strings.ts:2133
+#: src/strings.ts:2137
 msgid "Choose backup format"
 msgstr "Choose backup format"
 
-#: src/strings.ts:2397
+#: src/strings.ts:2401
 msgid "Choose custom color"
 msgstr "Choose custom color"
 
-#: src/strings.ts:1134
+#: src/strings.ts:1138
 msgid "Choose from pre-built themes or create your own"
 msgstr "Choose from pre-built themes or create your own"
 
-#: src/strings.ts:1149
+#: src/strings.ts:1153
 msgid "Choose how dates are displayed in the app"
 msgstr "Choose how dates are displayed in the app"
 
-#: src/strings.ts:2655
+#: src/strings.ts:2671
 msgid "Choose how day is displayed in the app"
 msgstr "Choose how day is displayed in the app"
 
-#: src/strings.ts:1174
+#: src/strings.ts:1178
 msgid "Choose how the new note titles are formatted"
 msgstr "Choose how the new note titles are formatted"
 
-#: src/strings.ts:1151
+#: src/strings.ts:1155
 msgid "Choose how time is displayed in the app"
 msgstr "Choose how time is displayed in the app"
 
-#: src/strings.ts:402
+#: src/strings.ts:405
 msgid "Choose how you want to secure your notes locally."
 msgstr "Choose how you want to secure your notes locally."
 
-#: src/strings.ts:2768
+#: src/strings.ts:2788
 msgid "Choose how you want to set up your Inbox PGP keys:"
 msgstr "Choose how you want to set up your Inbox PGP keys:"
 
-#: src/strings.ts:2660
+#: src/strings.ts:2676
 msgid "Choose what day to display as the first day of the week"
 msgstr "Choose what day to display as the first day of the week"
 
-#: src/strings.ts:1244
+#: src/strings.ts:1248
 msgid "Choose where to save your backups"
 msgstr "Choose where to save your backups"
 
-#: src/strings.ts:2093
+#: src/strings.ts:2097
 msgid "Choose your style"
 msgstr "Choose your style"
 
-#: src/strings.ts:1638
+#: src/strings.ts:2945
+msgid "Choosing storage location..."
+msgstr "Choosing storage location..."
+
+#: src/strings.ts:1642
 msgid "cleaningUp"
 msgstr "cleaningUp"
 
-#: src/strings.ts:1030
+#: src/strings.ts:1032
 msgid "Clear"
 msgstr "Clear"
 
-#: src/strings.ts:1891
-msgid "Clear all cached attachments. Current cache size: {cacheSize}"
-msgstr "Clear all cached attachments. Current cache size: {cacheSize}"
+#: src/strings.ts:1895
+msgid "Clear all cached attachments. Size: {cacheSize}"
+msgstr "Clear all cached attachments. Size: {cacheSize}"
 
-#: src/strings.ts:2301
+#: src/strings.ts:2305
 msgid "Clear all formatting"
 msgstr "Clear all formatting"
 
-#: src/strings.ts:1892
+#: src/strings.ts:1896
 msgid "Clear attachments cache?"
 msgstr "Clear attachments cache?"
 
-#: src/strings.ts:1889
+#: src/strings.ts:1893
 msgid "Clear cache"
 msgstr "Clear cache"
 
-#: src/strings.ts:2395
+#: src/strings.ts:2399
 msgid "Clear completed tasks"
 msgstr "Clear completed tasks"
 
-#: src/strings.ts:1826
+#: src/strings.ts:1830
 msgid "Clear data & reset account"
 msgstr "Clear data & reset account"
 
-#: src/strings.ts:1155
+#: src/strings.ts:1159
 msgid "Clear default notebook"
 msgstr "Clear default notebook"
 
-#: src/strings.ts:2822
+#: src/strings.ts:2847
 msgid "Clear history"
 msgstr "Clear history"
 
-#: src/strings.ts:1029
+#: src/strings.ts:1031
 msgid "Clear logs"
 msgstr "Clear logs"
 
-#: src/strings.ts:2227
+#: src/strings.ts:2231
 msgid "clear sessions"
 msgstr "clear sessions"
 
-#: src/strings.ts:1338
+#: src/strings.ts:1342
 msgid "Clear trash"
 msgstr "Clear trash"
 
-#: src/strings.ts:1152
+#: src/strings.ts:1156
 msgid "Clear trash interval"
 msgstr "Clear trash interval"
 
@@ -1704,7 +1756,7 @@ msgstr "Clear trash interval"
 msgid "Clear vault"
 msgstr "Clear vault"
 
-#: src/strings.ts:1894
+#: src/strings.ts:1898
 msgid ""
 "Clearing attachments cache will perform the following actions:\n"
 "\n"
@@ -1730,140 +1782,148 @@ msgstr ""
 "\n"
 "**Only use this for troubleshooting purposes. If you are having persistent issues, it is recommended that you reach out to us via support@streetwriters.co so we can help you resolve it permanently.**"
 
-#: src/strings.ts:2260
+#: src/strings.ts:2264
 msgid "Clearing trash will permanently delete all the items in your trash. This action is IRREVERSIBLE."
 msgstr "Clearing trash will permanently delete all the items in your trash. This action is IRREVERSIBLE."
 
-#: src/strings.ts:2642
+#: src/strings.ts:2916
+msgid "Click here"
+msgstr "Click here"
+
+#: src/strings.ts:2658
 msgid "Click here to directly claim the promotion."
 msgstr "Click here to directly claim the promotion."
 
-#: src/strings.ts:239
+#: src/strings.ts:238
 msgid "Click to deselect"
 msgstr "Click to deselect"
 
-#: src/strings.ts:1888
+#: src/strings.ts:1892
 msgid "Click to preview"
 msgstr "Click to preview"
 
-#: src/strings.ts:1793
+#: src/strings.ts:1797
 msgid "Click to remove"
 msgstr "Click to remove"
 
-#: src/strings.ts:2424
+#: src/strings.ts:2428
 msgid "Click to reset {title}"
 msgstr "Click to reset {title}"
 
-#: src/strings.ts:2650
+#: src/strings.ts:2666
 msgid "Click to save"
 msgstr "Click to save"
 
-#: src/strings.ts:2646
+#: src/strings.ts:2662
 msgid "Click to update"
 msgstr "Click to update"
 
-#: src/strings.ts:1397
+#: src/strings.ts:1401
 msgid "Close"
 msgstr "Close"
 
-#: src/strings.ts:2783
+#: src/strings.ts:2808
 msgid "Close ({seconds})"
 msgstr "Close ({seconds})"
 
-#: src/strings.ts:2040
+#: src/strings.ts:2044
 msgid "Close all"
 msgstr "Close all"
 
-#: src/strings.ts:2482
+#: src/strings.ts:2486
 msgid "Close all tabs"
 msgstr "Close all tabs"
 
-#: src/strings.ts:2481
+#: src/strings.ts:2485
 msgid "Close current tab"
 msgstr "Close current tab"
 
-#: src/strings.ts:2037
+#: src/strings.ts:2041
 msgid "Close others"
 msgstr "Close others"
 
-#: src/strings.ts:2151
+#: src/strings.ts:2155
 msgid "Close to system tray"
 msgstr "Close to system tray"
 
-#: src/strings.ts:2039
+#: src/strings.ts:2043
 msgid "Close to the left"
 msgstr "Close to the left"
 
-#: src/strings.ts:2038
+#: src/strings.ts:2042
 msgid "Close to the right"
 msgstr "Close to the right"
 
-#: src/strings.ts:2560
+#: src/strings.ts:2579
+msgid "cloud storage"
+msgstr "cloud storage"
+
+#: src/strings.ts:2564
 msgid "cloud storage space for storing images and files."
 msgstr "cloud storage space for storing images and files."
 
-#: src/strings.ts:2299
+#: src/strings.ts:2303
 msgid "Code"
 msgstr "Code"
 
-#: src/strings.ts:2363
+#: src/strings.ts:2367
 msgid "Code block"
 msgstr "Code block"
 
-#: src/strings.ts:2300
+#: src/strings.ts:2304
 msgid "Code remove"
 msgstr "Code remove"
 
-#: src/strings.ts:431
+#: src/strings.ts:434
 msgid "COLLAPSED"
 msgstr "COLLAPSED"
 
-#: src/strings.ts:289
+#: src/strings.ts:288
 msgid "color"
 msgstr "color"
 
-#: src/strings.ts:299
-#: src/strings.ts:1865
+#: src/strings.ts:298
+#: src/strings.ts:1869
 msgid "Color"
 msgstr "Color"
 
-#: src/strings.ts:787
+#: src/strings.ts:789
 msgid "Color #{color} already exists"
 msgstr "Color #{color} already exists"
 
-#: src/strings.ts:2126
+#: src/strings.ts:2130
 msgid "Color scheme"
 msgstr "Color scheme"
 
-#: src/strings.ts:1507
+#: src/strings.ts:1511
 msgid "Color title"
 msgstr "Color title"
 
-#: src/strings.ts:2815
+#: src/strings.ts:2840
 msgid "Colornote password for {filename}"
 msgstr "Colornote password for {filename}"
 
-#: src/strings.ts:309
+#: src/strings.ts:308
 msgid "colors"
 msgstr "colors"
 
-#: src/strings.ts:319
+#: src/strings.ts:318
 msgid "Colors"
 msgstr "Colors"
 
-#: src/strings.ts:2317
+#: src/strings.ts:2321
 msgid "Column properties"
 msgstr "Column properties"
 
-#: src/strings.ts:2473
+#: src/strings.ts:2477
 msgid "Command palette"
 msgstr "Command palette"
 
-#: src/strings.ts:1287
+#: src/strings.ts:1291
 msgid "Community"
 msgstr "Community"
 
-#: src/strings.ts:2580
+#: src/strings.ts:2594
 msgid "Compare Plans"
 msgstr "Compare Plans"
 
@@ -1875,7 +1935,7 @@ msgstr "Completed"
 msgid "Compress"
 msgstr "Compress"
 
-#: src/strings.ts:1145
+#: src/strings.ts:1149
 msgid "Compress images before uploading"
 msgstr "Compress images before uploading"
 
@@ -1883,452 +1943,496 @@ msgstr "Compress images before uploading"
 msgid "Compressed images are uploaded in Full HD resolution and usually are good enough for most use cases."
 msgstr "Compressed images are uploaded in Full HD resolution and usually are good enough for most use cases."
 
-#: src/strings.ts:2784
+#: src/strings.ts:2809
 msgid "Compressing"
 msgstr "Compressing"
 
-#: src/strings.ts:2788
+#: src/strings.ts:2947
+msgid "Compressing logs into an archive..."
+msgstr "Compressing logs into an archive..."
+
+#: src/strings.ts:2813
 msgid "Compression failed"
 msgstr "Compression failed"
 
-#: src/strings.ts:2283
+#: src/strings.ts:2287
 msgid "Configure"
 msgstr "Configure"
 
-#: src/strings.ts:2438
+#: src/strings.ts:2442
 msgid "Configure server URLs for Notesnook"
 msgstr "Configure server URLs for Notesnook"
 
-#: src/strings.ts:682
+#: src/strings.ts:684
 msgid "Confirm email"
 msgstr "Confirm email"
 
-#: src/strings.ts:917
+#: src/strings.ts:919
 msgid "Confirm email to publish note"
 msgstr "Confirm email to publish note"
 
-#: src/strings.ts:1506
+#: src/strings.ts:1510
 msgid "Confirm new password"
 msgstr "Confirm new password"
 
-#: src/strings.ts:1501
+#: src/strings.ts:1505
 msgid "Confirm password"
 msgstr "Confirm password"
 
-#: src/strings.ts:2748
+#: src/strings.ts:2768
 msgid "Confirm password required"
 msgstr "Confirm password required"
 
-#: src/strings.ts:1505
+#: src/strings.ts:1509
 msgid "Confirm pin"
 msgstr "Confirm pin"
 
-#: src/strings.ts:1380
+#: src/strings.ts:1384
 msgid "Confirm your email to sync notes"
 msgstr "Confirm your email to sync notes"
 
-#: src/strings.ts:2674
+#: src/strings.ts:2690
 msgid "Confirmation email sent"
 msgstr "Confirmation email sent"
 
-#: src/strings.ts:2111
+#: src/strings.ts:2115
 msgid "Congratulations!"
 msgstr "Congratulations!"
 
-#: src/strings.ts:1657
+#: src/strings.ts:1661
 msgid "Connected to all servers sucessfully."
 msgstr "Connected to all servers sucessfully."
 
-#: src/strings.ts:1692
+#: src/strings.ts:2946
+msgid "Consolidating network sync logs..."
+msgstr "Consolidating network sync logs..."
+
+#: src/strings.ts:1696
 msgid "Contact support"
 msgstr "Contact support"
 
-#: src/strings.ts:1278
+#: src/strings.ts:1282
 msgid "Contact us directly via support@streetwriters.co for any help or support"
 msgstr "Contact us directly via support@streetwriters.co for any help or support"
 
-#: src/strings.ts:543
+#: src/strings.ts:545
 msgid "Continue"
 msgstr "Continue"
 
-#: src/strings.ts:1180
+#: src/strings.ts:1184
 msgid "Contribute towards a better Notesnook. All tracking information is anonymous."
 msgstr "Contribute towards a better Notesnook. All tracking information is anonymous."
 
-#: src/strings.ts:1264
+#: src/strings.ts:1268
 msgid "Controls whether this device should receive reminder notifications."
 msgstr "Controls whether this device should receive reminder notifications."
 
-#: src/strings.ts:2011
+#: src/strings.ts:2015
 msgid "Copied"
 msgstr "Copied"
 
-#: src/strings.ts:675
+#: src/strings.ts:677
 msgid "Copy"
 msgstr "Copy"
 
 #. placeholder {0}: format ? " " + format : ""
-#: src/strings.ts:2057
+#: src/strings.ts:2061
 msgid "Copy as{0}"
 msgstr "Copy as{0}"
 
-#: src/strings.ts:679
+#: src/strings.ts:681
 msgid "Copy codes"
 msgstr "Copy codes"
 
-#: src/strings.ts:926
+#: src/strings.ts:928
 msgid "Copy ID"
 msgstr "Copy ID"
 
-#: src/strings.ts:2279
+#: src/strings.ts:2283
 msgid "Copy image"
 msgstr "Copy image"
 
-#: src/strings.ts:924
+#: src/strings.ts:926
 msgid "Copy link"
 msgstr "Copy link"
 
-#: src/strings.ts:2278
+#: src/strings.ts:2282
 msgid "Copy link text"
 msgstr "Copy link text"
 
-#: src/strings.ts:2807
+#: src/strings.ts:2832
 msgid "Copy logs"
 msgstr "Copy logs"
 
-#: src/strings.ts:454
+#: src/strings.ts:457
 msgid "Copy note"
 msgstr "Copy note"
 
-#: src/strings.ts:591
+#: src/strings.ts:593
 msgid "Copy to clipboard"
 msgstr "Copy to clipboard"
 
-#: src/strings.ts:1640
+#: src/strings.ts:2712
+msgid "Copy your API key and store it somewhere safe."
+msgstr "Copy your API key and store it somewhere safe."
+
+#: src/strings.ts:1644
 msgid "Copying backup files to cache"
 msgstr "Copying backup files to cache"
 
-#: src/strings.ts:1184
+#: src/strings.ts:1188
 msgid "CORS bypass"
 msgstr "CORS bypass"
 
-#: src/strings.ts:2007
+#: src/strings.ts:2011
 msgid "Could not activate trial. Please try again later."
 msgstr "Could not activate trial. Please try again later."
 
-#: src/strings.ts:2025
+#: src/strings.ts:2029
 msgid "Could not clear trash."
 msgstr "Could not clear trash."
 
-#: src/strings.ts:1660
+#: src/strings.ts:1664
 msgid "Could not connect to {server}."
 msgstr "Could not connect to {server}."
 
-#: src/strings.ts:1972
+#: src/strings.ts:1976
 msgid "Could not convert note to {format}."
 msgstr "Could not convert note to {format}."
 
-#: src/strings.ts:769
+#: src/strings.ts:771
 msgid "Could not create backup"
 msgstr "Could not create backup"
 
-#: src/strings.ts:559
+#: src/strings.ts:561
 msgid "Could not unlock"
 msgstr "Could not unlock"
 
+#: src/strings.ts:2952
+msgid "Couldn't download logs"
+msgstr "Couldn't download logs"
+
 #: src/strings.ts:158
 msgid "Create"
 msgstr "Create"
 
-#: src/strings.ts:730
+#: src/strings.ts:732
 msgid "Create a group"
 msgstr "Create a group"
 
-#: src/strings.ts:954
+#: src/strings.ts:956
 msgid "Create a new note"
 msgstr "Create a new note"
 
-#: src/strings.ts:967
+#: src/strings.ts:969
 msgid "Create a note first"
 msgstr "Create a note first"
 
-#: src/strings.ts:670
+#: src/strings.ts:672
 msgid "Create a shortcut"
 msgstr "Create a shortcut"
 
-#: src/strings.ts:573
+#: src/strings.ts:575
 msgid "Create a tag to group related notes together."
 msgstr "Create a tag to group related notes together."
 
-#: src/strings.ts:1870
+#: src/strings.ts:1874
 msgid "Create account"
 msgstr "Create account"
 
-#: src/strings.ts:2689
+#: src/strings.ts:2705
 msgid "Create API Key"
 msgstr "Create API Key"
 
-#: src/strings.ts:2706
-msgid "Create Key"
-msgstr "Create Key"
-
-#: src/strings.ts:581
+#: src/strings.ts:583
 msgid "Create link"
 msgstr "Create link"
 
-#: src/strings.ts:1532
+#: src/strings.ts:2724
+msgid "Create new key"
+msgstr "Create new key"
+
+#: src/strings.ts:1536
 msgid "Create notebook"
 msgstr "Create notebook"
 
-#: src/strings.ts:1489
+#: src/strings.ts:1493
 msgid "Create shortcut of this notebook in side menu"
 msgstr "Create shortcut of this notebook in side menu"
 
-#: src/strings.ts:1403
+#: src/strings.ts:1407
 msgid "Create unlimited notebooks with Notesnook Pro"
 msgstr "Create unlimited notebooks with Notesnook Pro"
 
-#: src/strings.ts:1402
+#: src/strings.ts:1406
 msgid "Create unlimited tags with Notesnook Pro"
 msgstr "Create unlimited tags with Notesnook Pro"
 
-#: src/strings.ts:1404
+#: src/strings.ts:1408
 msgid "Create unlimited vaults with Notesnook Pro"
 msgstr "Create unlimited vaults with Notesnook Pro"
 
-#: src/strings.ts:447
+#: src/strings.ts:450
 msgid "Create vault"
 msgstr "Create vault"
 
-#: src/strings.ts:522
+#: src/strings.ts:524
 msgid "Create your account"
 msgstr "Create your account"
 
-#: src/strings.ts:2705
+#: src/strings.ts:2706
+msgid "Create your API key"
+msgstr "Create your API key"
+
+#: src/strings.ts:2723
 msgid "Create your first api key to get started."
 msgstr "Create your first api key to get started."
 
-#: src/strings.ts:2854
+#: src/strings.ts:2879
 msgid "Create your first tag to start organizing your workspace."
 msgstr "Create your first tag to start organizing your workspace."
 
-#: src/strings.ts:2261
+#: src/strings.ts:2744
+msgid "Created"
+msgstr "Created"
+
+#: src/strings.ts:2265
 msgid "Created at"
 msgstr "Created at"
 
-#: src/strings.ts:2725
+#: src/strings.ts:2743
 msgid "Created on"
 msgstr "Created on"
 
 #. placeholder {0}: type === "full" ? " full" : ""
-#: src/strings.ts:1360
+#: src/strings.ts:1364
 msgid "Creating a{0} backup"
 msgstr "Creating a{0} backup"
 
-#: src/strings.ts:2697
+#: src/strings.ts:2715
 msgid "Creating..."
 msgstr "Creating..."
 
-#: src/strings.ts:2799
+#: src/strings.ts:2824
 msgid "Creation date cannot be after last edited date"
 msgstr "Creation date cannot be after last edited date"
 
-#: src/strings.ts:2070
+#: src/strings.ts:2074
 msgid "Credentials"
 msgstr "Credentials"
 
-#: src/strings.ts:2096
+#: src/strings.ts:2100
 msgid "Cross platform & 100% encrypted"
 msgstr "Cross platform & 100% encrypted"
 
-#: src/strings.ts:741
+#: src/strings.ts:743
 msgid "Curate the toolbar that fits your needs and matches your personality."
 msgstr "Curate the toolbar that fits your needs and matches your personality."
 
-#: src/strings.ts:1857
+#: src/strings.ts:2928
+msgid "Current date"
+msgstr "Current date"
+
+#: src/strings.ts:2930
+msgid "Current day"
+msgstr "Current day"
+
+#: src/strings.ts:1861
 msgid "Current note"
 msgstr "Current note"
 
-#: src/strings.ts:1495
-#: src/strings.ts:1503
+#: src/strings.ts:1499
+#: src/strings.ts:1507
 msgid "Current password"
 msgstr "Current password"
 
-#: src/strings.ts:2757
+#: src/strings.ts:2777
 msgid "Current password required"
 msgstr "Current password required"
 
-#: src/strings.ts:1245
+#: src/strings.ts:1249
 msgid "Current path: {path}"
 msgstr "Current path: {path}"
 
-#: src/strings.ts:1502
+#: src/strings.ts:1506
 msgid "Current pin"
 msgstr "Current pin"
 
-#: src/strings.ts:1794
+#: src/strings.ts:1798
 msgid "Current Plan"
 msgstr "Current Plan"
 
-#: src/strings.ts:2031
+#: src/strings.ts:2929
+msgid "Current time"
+msgstr "Current time"
+
+#: src/strings.ts:2035
 msgid "Custom"
 msgstr "Custom"
 
-#: src/strings.ts:2162
+#: src/strings.ts:2166
 msgid "Custom dictionary words"
 msgstr "Custom dictionary words"
 
-#: src/strings.ts:1129
+#: src/strings.ts:1133
 msgid "Customization"
 msgstr "Customization"
 
-#: src/strings.ts:1132
+#: src/strings.ts:1136
 msgid "Customize the appearance of the app with custom themes"
 msgstr "Customize the appearance of the app with custom themes"
 
-#: src/strings.ts:1159
+#: src/strings.ts:1163
 msgid "Customize the note editor"
 msgstr "Customize the note editor"
 
-#: src/strings.ts:1161
+#: src/strings.ts:1165
 msgid "Customize the toolbar in the note editor"
 msgstr "Customize the toolbar in the note editor"
 
-#: src/strings.ts:1160
+#: src/strings.ts:1164
 msgid "Customize toolbar"
 msgstr "Customize toolbar"
 
-#: src/strings.ts:2277
+#: src/strings.ts:2281
 msgid "Cut"
 msgstr "Cut"
 
 #: src/strings.ts:167
-#: src/strings.ts:1589
+#: src/strings.ts:1593
 msgid "Daily"
 msgstr "Daily"
 
-#: src/strings.ts:724
+#: src/strings.ts:726
 msgid "Dark"
 msgstr "Dark"
 
-#: src/strings.ts:1138
+#: src/strings.ts:1142
 msgid "Dark mode"
 msgstr "Dark mode"
 
-#: src/strings.ts:2127
+#: src/strings.ts:2131
 msgid "Dark or light, we won't judge."
 msgstr "Dark or light, we won't judge."
 
-#: src/strings.ts:1568
+#: src/strings.ts:2912
+msgid "Data and storage"
+msgstr "Data and storage"
+
+#: src/strings.ts:1572
 msgid "Database setup failed, could not get database key"
 msgstr "Database setup failed, could not get database key"
 
-#: src/strings.ts:1860
+#: src/strings.ts:1864
 msgid "Date"
 msgstr "Date"
 
-#: src/strings.ts:2136
+#: src/strings.ts:2140
 msgid "Date & time"
 msgstr "Date & time"
 
-#: src/strings.ts:653
+#: src/strings.ts:655
 msgid "Date created"
 msgstr "Date created"
 
-#: src/strings.ts:656
+#: src/strings.ts:658
 msgid "Date deleted"
 msgstr "Date deleted"
 
-#: src/strings.ts:652
+#: src/strings.ts:654
 msgid "Date edited"
 msgstr "Date edited"
 
-#: src/strings.ts:1148
+#: src/strings.ts:1152
 msgid "Date format"
 msgstr "Date format"
 
-#: src/strings.ts:651
+#: src/strings.ts:653
 msgid "Date modified"
 msgstr "Date modified"
 
-#: src/strings.ts:2772
+#: src/strings.ts:2796
 msgid "Date synced"
 msgstr "Date synced"
 
-#: src/strings.ts:2063
+#: src/strings.ts:2067
 msgid "Date uploaded"
 msgstr "Date uploaded"
 
-#: src/strings.ts:1862
+#: src/strings.ts:1866
 msgid "Day"
 msgstr "Day"
 
-#: src/strings.ts:2654
+#: src/strings.ts:2670
 msgid "Day format"
 msgstr "Day format"
 
-#: src/strings.ts:2059
+#: src/strings.ts:2063
 msgid "Deactivate"
 msgstr "Deactivate"
 
-#: src/strings.ts:1027
+#: src/strings.ts:1029
 msgid "Debug log copied!"
 msgstr "Debug log copied!"
 
-#: src/strings.ts:1285
+#: src/strings.ts:1289
 msgid "Debug logs"
 msgstr "Debug logs"
 
-#: src/strings.ts:1028
+#: src/strings.ts:1030
 msgid "Debug logs downloaded"
 msgstr "Debug logs downloaded"
 
-#: src/strings.ts:1282
+#: src/strings.ts:2949
+msgid "Debug logs downloaded!"
+msgstr "Debug logs downloaded!"
+
+#: src/strings.ts:1286
 msgid "Debugging"
 msgstr "Debugging"
 
-#: src/strings.ts:2426
+#: src/strings.ts:2430
 msgid "Decrease {title}"
 msgstr "Decrease {title}"
 
-#: src/strings.ts:660
-#: src/strings.ts:2029
+#: src/strings.ts:662
+#: src/strings.ts:2033
 msgid "Default"
 msgstr "Default"
 
-#: src/strings.ts:1171
+#: src/strings.ts:1175
 msgid "Default font family"
 msgstr "Default font family"
 
-#: src/strings.ts:1172
+#: src/strings.ts:1176
 msgid "Default font family in editor"
 msgstr "Default font family in editor"
 
-#: src/strings.ts:1169
+#: src/strings.ts:1173
 msgid "Default font size"
 msgstr "Default font size"
 
-#: src/strings.ts:1170
+#: src/strings.ts:1174
 msgid "Default font size in editor"
 msgstr "Default font size in editor"
 
-#: src/strings.ts:1157
+#: src/strings.ts:1161
 msgid "Default notebook cleared"
 msgstr "Default notebook cleared"
 
-#: src/strings.ts:1143
+#: src/strings.ts:1147
 msgid "Default screen to open on app launch"
 msgstr "Default screen to open on app launch"
 
-#: src/strings.ts:2513
+#: src/strings.ts:2517
 msgid "Default sidebar tab"
 msgstr "Default sidebar tab"
 
-#: src/strings.ts:1265
+#: src/strings.ts:1269
 msgid "Default snooze time"
 msgstr "Default snooze time"
 
-#: src/strings.ts:1317
+#: src/strings.ts:1321
 msgid "Default sound"
 msgstr "Default sound"
 
@@ -2336,59 +2440,59 @@ msgstr "Default sound"
 msgid "Delete"
 msgstr "Delete"
 
-#: src/strings.ts:1092
+#: src/strings.ts:1094
 msgid "Delete account"
 msgstr "Delete account"
 
-#: src/strings.ts:2778
+#: src/strings.ts:2803
 msgid "Delete all"
 msgstr "Delete all"
 
-#: src/strings.ts:2824
+#: src/strings.ts:2849
 msgid "Delete all version history for this note?"
 msgstr "Delete all version history for this note?"
 
-#: src/strings.ts:2751
+#: src/strings.ts:2771
 msgid "Delete attachment"
 msgstr "Delete attachment"
 
-#: src/strings.ts:1335
+#: src/strings.ts:1339
 msgid "Delete collapsed section"
 msgstr "Delete collapsed section"
 
-#: src/strings.ts:2324
+#: src/strings.ts:2328
 msgid "Delete column"
 msgstr "Delete column"
 
-#: src/strings.ts:2671
+#: src/strings.ts:2687
 msgid "Delete data"
 msgstr "Delete data"
 
-#: src/strings.ts:1330
+#: src/strings.ts:1334
 msgid "Delete group"
 msgstr "Delete group"
 
-#: src/strings.ts:2818
+#: src/strings.ts:2843
 msgid "Delete item"
 msgstr "Delete item"
 
-#: src/strings.ts:2398
+#: src/strings.ts:2402
 msgid "Delete mode"
 msgstr "Delete mode"
 
-#: src/strings.ts:562
+#: src/strings.ts:564
 msgid "Delete notes in this vault permanently"
 msgstr "Delete notes in this vault permanently"
 
-#: src/strings.ts:569
+#: src/strings.ts:571
 msgid "Delete permanently"
 msgstr "Delete permanently"
 
-#: src/strings.ts:2331
+#: src/strings.ts:2335
 msgid "Delete row"
 msgstr "Delete row"
 
-#: src/strings.ts:2332
+#: src/strings.ts:2336
 msgid "Delete table"
 msgstr "Delete table"
 
@@ -2396,7 +2500,7 @@ msgstr "Delete table"
 msgid "Delete vault"
 msgstr "Delete vault"
 
-#: src/strings.ts:1192
+#: src/strings.ts:1196
 msgid "Delete vault (and optionally remove all notes)."
 msgstr "Delete vault (and optionally remove all notes)."
 
@@ -2404,71 +2508,63 @@ msgstr "Delete vault (and optionally remove all notes)."
 msgid "Deleted on {date}"
 msgstr "Deleted on {date}"
 
-#: src/strings.ts:1949
+#: src/strings.ts:1953
 msgid "Deleting"
 msgstr "Deleting"
 
-#: src/strings.ts:1859
+#: src/strings.ts:1863
 msgid "Description"
 msgstr "Description"
 
-#: src/strings.ts:2137
+#: src/strings.ts:2141
 msgid "Desktop app"
 msgstr "Desktop app"
 
-#: src/strings.ts:2141
+#: src/strings.ts:2145
 msgid "Desktop integration"
 msgstr "Desktop integration"
 
-#: src/strings.ts:2771
+#: src/strings.ts:2795
 msgid "Details"
 msgstr "Details"
 
-#: src/strings.ts:885
+#: src/strings.ts:887
 msgid "Did you save recovery key?"
 msgstr "Did you save recovery key?"
 
-#: src/strings.ts:1392
+#: src/strings.ts:1396
 msgid "Disable"
 msgstr "Disable"
 
-#: src/strings.ts:1100
-msgid "Disable auto sync"
-msgstr "Disable auto sync"
-
-#: src/strings.ts:2032
+#: src/strings.ts:2036
 msgid "Disable editor margins"
 msgstr "Disable editor margins"
 
-#: src/strings.ts:2683
+#: src/strings.ts:2699
 msgid "Disable Inbox API"
 msgstr "Disable Inbox API"
 
-#: src/strings.ts:1103
-msgid "Disable realtime sync"
-msgstr "Disable realtime sync"
-
-#: src/strings.ts:1106
-msgid "Disable sync"
-msgstr "Disable sync"
-
 #: src/strings.ts:165
 msgid "Disabled"
 msgstr "Disabled"
 
-#: src/strings.ts:2685
+#: src/strings.ts:2701
 msgid "Disabling will delete all your unsynced inbox items. Additionally, disabling will revoke all existing API keys, they will no longer work. Are you sure?"
 msgstr "Disabling will delete all your unsynced inbox items. Additionally, disabling will revoke all existing API keys, they will no longer work. Are you sure?"
 
-#: src/strings.ts:565
+#: src/strings.ts:567
 msgid "Discard"
 msgstr "Discard"
 
-#: src/strings.ts:1618
+#: src/strings.ts:233
+msgid "Discord."
+msgstr "Discord."
+
+#: src/strings.ts:1622
 msgid "Dismiss"
 msgstr "Dismiss"
 
-#: src/strings.ts:1671
+#: src/strings.ts:1675
 msgid "Dismiss announcement"
 msgstr "Dismiss announcement"
 
@@ -2476,27 +2572,27 @@ msgstr "Dismiss announcement"
 msgid "Disputed"
 msgstr "Disputed"
 
-#: src/strings.ts:273
+#: src/strings.ts:272
 msgid "Do you enjoy using Notesnook?"
 msgstr "Do you enjoy using Notesnook?"
 
-#: src/strings.ts:1279
+#: src/strings.ts:1283
 msgid "Documentation"
 msgstr "Documentation"
 
-#: src/strings.ts:757
+#: src/strings.ts:759
 msgid "Documents"
 msgstr "Documents"
 
-#: src/strings.ts:1000
+#: src/strings.ts:1002
 msgid "Don't have access to your authenticator app?"
 msgstr "Don't have access to your authenticator app?"
 
-#: src/strings.ts:1007
+#: src/strings.ts:1009
 msgid "Don't have access to your email address?"
 msgstr "Don't have access to your email address?"
 
-#: src/strings.ts:1016
+#: src/strings.ts:1018
 msgid "Don't have access to your phone number?"
 msgstr "Don't have access to your phone number?"
 
@@ -2504,23 +2600,23 @@ msgstr "Don't have access to your phone number?"
 msgid "Don't have an account?"
 msgstr "Don't have an account?"
 
-#: src/strings.ts:1853
+#: src/strings.ts:1857
 msgid "Don't have backup file?"
 msgstr "Don't have backup file?"
 
-#: src/strings.ts:1852
+#: src/strings.ts:1856
 msgid "Don't have your account recovery key?"
 msgstr "Don't have your account recovery key?"
 
-#: src/strings.ts:1019
+#: src/strings.ts:1021
 msgid "Don't have your recovery codes?"
 msgstr "Don't have your recovery codes?"
 
-#: src/strings.ts:1831
+#: src/strings.ts:1835
 msgid "Don't show again"
 msgstr "Don't show again"
 
-#: src/strings.ts:1832
+#: src/strings.ts:1836
 msgid "Don't show again on this device?"
 msgstr "Don't show again on this device?"
 
@@ -2528,186 +2624,194 @@ msgstr "Don't show again on this device?"
 msgid "Done"
 msgstr "Done"
 
-#: src/strings.ts:1165
+#: src/strings.ts:1169
 msgid "Double spaced lines"
 msgstr "Double spaced lines"
 
-#: src/strings.ts:509
+#: src/strings.ts:511
 msgid "Download"
 msgstr "Download"
 
-#: src/strings.ts:1837
+#: src/strings.ts:1841
 msgid "Download all attachments"
 msgstr "Download all attachments"
 
-#: src/strings.ts:2347
+#: src/strings.ts:2943
+msgid "Download and share debug logs from the app"
+msgstr "Download and share debug logs from the app"
+
+#: src/strings.ts:2351
 msgid "Download attachment"
 msgstr "Download attachment"
 
-#: src/strings.ts:1881
+#: src/strings.ts:1885
 msgid "Download backup file"
 msgstr "Download backup file"
 
-#: src/strings.ts:516
+#: src/strings.ts:518
 msgid "Download cancelled"
 msgstr "Download cancelled"
 
-#: src/strings.ts:2239
+#: src/strings.ts:2942
+msgid "Download debug logs"
+msgstr "Download debug logs"
+
+#: src/strings.ts:2243
 msgid "Download everything including attachments on sync"
 msgstr "Download everything including attachments on sync"
 
-#: src/strings.ts:1306
+#: src/strings.ts:1310
 msgid "Download on desktop"
 msgstr "Download on desktop"
 
-#: src/strings.ts:806
+#: src/strings.ts:808
 msgid "Download started... Please wait"
 msgstr "Download started... Please wait"
 
-#: src/strings.ts:514
+#: src/strings.ts:516
 msgid "Download successful"
 msgstr "Download successful"
 
-#: src/strings.ts:667
+#: src/strings.ts:669
 msgid "Download update"
 msgstr "Download update"
 
-#: src/strings.ts:508
+#: src/strings.ts:510
 msgid "Downloaded"
 msgstr "Downloaded"
 
 #: src/strings.ts:64
-#: src/strings.ts:507
+#: src/strings.ts:509
 msgid "Downloading"
 msgstr "Downloading"
 
-#: src/strings.ts:507
+#: src/strings.ts:509
 msgid "Downloading ({progress})"
 msgstr "Downloading ({progress})"
 
-#: src/strings.ts:261
+#: src/strings.ts:260
 msgid "Downloading attachments"
 msgstr "Downloading attachments"
 
-#: src/strings.ts:1725
+#: src/strings.ts:1729
 msgid "Downloading images"
 msgstr "Downloading images"
 
-#: src/strings.ts:1791
+#: src/strings.ts:1795
 msgid "Drag & drop files here, or click to select files"
 msgstr "Drag & drop files here, or click to select files"
 
-#: src/strings.ts:1790
+#: src/strings.ts:1794
 msgid "Drop the files here"
 msgstr "Drop the files here"
 
-#: src/strings.ts:1684
+#: src/strings.ts:1688
 msgid "Drop your files here to attach"
 msgstr "Drop your files here to attach"
 
-#: src/strings.ts:2590
+#: src/strings.ts:2604
 msgid "Due {date}"
 msgstr "Due {date}"
 
-#: src/strings.ts:655
+#: src/strings.ts:657
 msgid "Due date"
 msgstr "Due date"
 
-#: src/strings.ts:2588
+#: src/strings.ts:2602
 msgid "Due today"
 msgstr "Due today"
 
-#: src/strings.ts:940
+#: src/strings.ts:942
 msgid "Duplicate"
 msgstr "Duplicate"
 
-#: src/strings.ts:2691
+#: src/strings.ts:2708
 msgid "e.g., Todo integration"
 msgstr "e.g., Todo integration"
 
-#: src/strings.ts:644
+#: src/strings.ts:646
 msgid "Earliest first"
 msgstr "Earliest first"
 
-#: src/strings.ts:2450
+#: src/strings.ts:2454
 msgid "Easy access"
 msgstr "Easy access"
 
-#: src/strings.ts:1798
+#: src/strings.ts:1802
 msgid "Edit"
 msgstr "Edit"
 
-#: src/strings.ts:2661
+#: src/strings.ts:2677
 msgid "Edit creation date"
 msgstr "Edit creation date"
 
-#: src/strings.ts:527
+#: src/strings.ts:529
 msgid "Edit internal link"
 msgstr "Edit internal link"
 
-#: src/strings.ts:2266
-#: src/strings.ts:2294
+#: src/strings.ts:2270
+#: src/strings.ts:2298
 msgid "Edit link"
 msgstr "Edit link"
 
-#: src/strings.ts:2506
+#: src/strings.ts:2510
 msgid "Edit profile"
 msgstr "Edit profile"
 
-#: src/strings.ts:1323
+#: src/strings.ts:1327
 msgid "Edit profile picture"
 msgstr "Edit profile picture"
 
-#: src/strings.ts:1840
+#: src/strings.ts:1844
 msgid "Edit your full name"
 msgstr "Edit your full name"
 
-#: src/strings.ts:1158
-#: src/strings.ts:1547
+#: src/strings.ts:1162
+#: src/strings.ts:1551
 msgid "Editor"
 msgstr "Editor"
 
-#: src/strings.ts:2617
+#: src/strings.ts:2633
 msgid "Education plan"
 msgstr "Education plan"
 
-#: src/strings.ts:1499
+#: src/strings.ts:1503
 msgid "Email"
 msgstr "Email"
 
-#: src/strings.ts:2463
+#: src/strings.ts:2467
 msgid "Email copied"
 msgstr "Email copied"
 
-#: src/strings.ts:772
+#: src/strings.ts:774
 msgid "Email is required"
 msgstr "Email is required"
 
-#: src/strings.ts:764
+#: src/strings.ts:766
 msgid "Email not confirmed"
 msgstr "Email not confirmed"
 
-#: src/strings.ts:1574
+#: src/strings.ts:1578
 msgid "Email or password incorrect"
 msgstr "Email or password incorrect"
 
-#: src/strings.ts:1276
+#: src/strings.ts:1280
 msgid "Email support"
 msgstr "Email support"
 
-#: src/strings.ts:871
+#: src/strings.ts:873
 msgid "Email updated to {email}"
 msgstr "Email updated to {email}"
 
-#: src/strings.ts:2373
+#: src/strings.ts:2377
 msgid "Embed"
 msgstr "Embed"
 
-#: src/strings.ts:2353
+#: src/strings.ts:2357
 msgid "Embed properties"
 msgstr "Embed properties"
 
-#: src/strings.ts:2349
+#: src/strings.ts:2353
 msgid "Embed settings"
 msgstr "Embed settings"
 
@@ -2715,43 +2819,47 @@ msgstr "Embed settings"
 msgid "Enable"
 msgstr "Enable"
 
-#: src/strings.ts:1147
+#: src/strings.ts:1151
 msgid "Enable (Recommended)"
 msgstr "Enable (Recommended)"
 
-#: src/strings.ts:1201
+#: src/strings.ts:1205
 msgid "Enable app lock"
 msgstr "Enable app lock"
 
-#: src/strings.ts:2033
+#: src/strings.ts:2941
+msgid "Enable biometric unlock"
+msgstr "Enable biometric unlock"
+
+#: src/strings.ts:2037
 msgid "Enable editor margins"
 msgstr "Enable editor margins"
 
-#: src/strings.ts:2678
+#: src/strings.ts:2694
 msgid "Enable Inbox API"
 msgstr "Enable Inbox API"
 
-#: src/strings.ts:2497
+#: src/strings.ts:2501
 msgid "Enable ligatures for common symbols like →, ←, etc"
 msgstr "Enable ligatures for common symbols like →, ←, etc"
 
-#: src/strings.ts:2413
+#: src/strings.ts:2417
 msgid "Enable regex"
 msgstr "Enable regex"
 
-#: src/strings.ts:2158
+#: src/strings.ts:2162
 msgid "Enable spell checker"
 msgstr "Enable spell checker"
 
-#: src/strings.ts:496
-msgid "Enable two-factor authentication to add an extra layer of security to your account."
-msgstr "Enable two-factor authentication to add an extra layer of security to your account."
+#: src/strings.ts:498
+msgid "Enable two-factor authentication to secure your account."
+msgstr "Enable two-factor authentication to secure your account."
 
-#: src/strings.ts:2679
+#: src/strings.ts:2695
 msgid "Enable/Disable Inbox API"
 msgstr "Enable/Disable Inbox API"
 
-#: src/strings.ts:1250
+#: src/strings.ts:1254
 msgid "Encrypt your backups for added security"
 msgstr "Encrypt your backups for added security"
 
@@ -2759,55 +2867,55 @@ msgstr "Encrypt your backups for added security"
 msgid "Encrypted and synced"
 msgstr "Encrypted and synced"
 
-#: src/strings.ts:2273
+#: src/strings.ts:2277
 msgid "Encrypted backup"
 msgstr "Encrypted backup"
 
-#: src/strings.ts:1678
+#: src/strings.ts:1682
 msgid "Encrypted, private, secure."
 msgstr "Encrypted, private, secure."
 
-#: src/strings.ts:2785
+#: src/strings.ts:2810
 msgid "Encrypting"
 msgstr "Encrypting"
 
-#: src/strings.ts:956
+#: src/strings.ts:958
 msgid "Encrypting attachment"
 msgstr "Encrypting attachment"
 
-#: src/strings.ts:1864
+#: src/strings.ts:1868
 msgid "Encryption key"
 msgstr "Encryption key"
 
-#: src/strings.ts:825
+#: src/strings.ts:827
 msgid "End-to-end encrypted."
 msgstr "End-to-end encrypted."
 
-#: src/strings.ts:2844
+#: src/strings.ts:2869
 msgid "End-to-end encryption (XChaCha20)"
 msgstr "End-to-end encryption (XChaCha20)"
 
-#: src/strings.ts:399
+#: src/strings.ts:402
 msgid "Enter 6 digit code"
 msgstr "Enter 6 digit code"
 
-#: src/strings.ts:1095
+#: src/strings.ts:1097
 msgid "Enter account password"
 msgstr "Enter account password"
 
-#: src/strings.ts:1096
+#: src/strings.ts:1098
 msgid "Enter account password to proceed."
 msgstr "Enter account password to proceed."
 
-#: src/strings.ts:1873
+#: src/strings.ts:1877
 msgid "Enter account recovery key"
 msgstr "Enter account recovery key"
 
-#: src/strings.ts:1035
+#: src/strings.ts:1037
 msgid "Enter app lock password"
 msgstr "Enter app lock password"
 
-#: src/strings.ts:1038
+#: src/strings.ts:1040
 msgid "Enter app lock pin"
 msgstr "Enter app lock pin"
 
@@ -2815,39 +2923,39 @@ msgstr "Enter app lock pin"
 msgid "Enter code from authenticator app"
 msgstr "Enter code from authenticator app"
 
-#: src/strings.ts:1529
+#: src/strings.ts:1533
 msgid "Enter email address"
 msgstr "Enter email address"
 
-#: src/strings.ts:2401
+#: src/strings.ts:2405
 msgid "Enter embed source URL"
 msgstr "Enter embed source URL"
 
-#: src/strings.ts:1329
+#: src/strings.ts:1333
 msgid "Enter full name"
 msgstr "Enter full name"
 
-#: src/strings.ts:1722
+#: src/strings.ts:1726
 msgid "Enter fullscreen"
 msgstr "Enter fullscreen"
 
-#: src/strings.ts:1508
+#: src/strings.ts:1512
 msgid "Enter notebook description"
 msgstr "Enter notebook description"
 
-#: src/strings.ts:870
+#: src/strings.ts:872
 msgid "Enter notebook title"
 msgstr "Enter notebook title"
 
-#: src/strings.ts:791
+#: src/strings.ts:793
 msgid "Enter password"
 msgstr "Enter password"
 
-#: src/strings.ts:2119
+#: src/strings.ts:2123
 msgid "Enter pin or password to enable app lock."
 msgstr "Enter pin or password to enable app lock."
 
-#: src/strings.ts:1020
+#: src/strings.ts:1022
 msgid "Enter recovery code"
 msgstr "Enter recovery code"
 
@@ -2863,27 +2971,31 @@ msgstr "Enter the 6 digit code sent to your email to continue logging in."
 msgid "Enter the 6 digit code sent to your phone number to continue logging in."
 msgstr "Enter the 6 digit code sent to your phone number to continue logging in."
 
-#: src/strings.ts:2465
+#: src/strings.ts:2469
 msgid "Enter the gift code to redeem your subscription."
 msgstr "Enter the gift code to redeem your subscription."
 
-#: src/strings.ts:2653
+#: src/strings.ts:2669
 msgid "Enter title"
 msgstr "Enter title"
 
-#: src/strings.ts:1511
+#: src/strings.ts:1515
 msgid "Enter verification code sent to your new email"
 msgstr "Enter verification code sent to your new email"
 
-#: src/strings.ts:1510
+#: src/strings.ts:1514
 msgid "Enter your new email"
 msgstr "Enter your new email"
 
-#: src/strings.ts:2812
+#: src/strings.ts:2899
+msgid "Enter your password"
+msgstr "Enter your password"
+
+#: src/strings.ts:2837
 msgid "Enter your PGP private key"
 msgstr "Enter your PGP private key"
 
-#: src/strings.ts:2811
+#: src/strings.ts:2836
 msgid "Enter your PGP public key"
 msgstr "Enter your PGP public key"
 
@@ -2891,152 +3003,156 @@ msgstr "Enter your PGP public key"
 msgid "Enter your recovery code."
 msgstr "Enter your recovery code."
 
-#: src/strings.ts:2120
+#: src/strings.ts:2124
 msgid "Enter your username"
 msgstr "Enter your username"
 
-#: src/strings.ts:2457
+#: src/strings.ts:2461
 msgid "Error"
 msgstr "Error"
 
-#: src/strings.ts:1575
+#: src/strings.ts:1579
 msgid "Error applying promo code"
 msgstr "Error applying promo code"
 
-#: src/strings.ts:747
+#: src/strings.ts:749
 msgid "Error downloading file: {message}"
 msgstr "Error downloading file: {message}"
 
-#: src/strings.ts:1535
+#: src/strings.ts:1539
 msgid "Error getting codes"
 msgstr "Error getting codes"
 
-#: src/strings.ts:413
+#: src/strings.ts:416
 msgid "Error loading themes"
 msgstr "Error loading themes"
 
-#: src/strings.ts:1091
+#: src/strings.ts:1093
 msgid "Error logging out"
 msgstr "Error logging out"
 
-#: src/strings.ts:1025
+#: src/strings.ts:1027
 msgid "Error sending 2FA code"
 msgstr "Error sending 2FA code"
 
-#: src/strings.ts:759
+#: src/strings.ts:761
 msgid "Errors"
 msgstr "Errors"
 
-#: src/strings.ts:1717
+#: src/strings.ts:1721
 msgid "Errors in {count} attachments"
 msgstr "Errors in {count} attachments"
 
-#: src/strings.ts:2502
+#: src/strings.ts:2506
 msgid "Essential plan"
 msgstr "Essential plan"
 
-#: src/strings.ts:1649
+#: src/strings.ts:1653
 msgid "Events server"
 msgstr "Events server"
 
-#: src/strings.ts:2443
+#: src/strings.ts:2447
 msgid "Every Notebook can have notes and sub notebooks."
 msgstr "Every Notebook can have notes and sub notebooks."
 
-#: src/strings.ts:2445
+#: src/strings.ts:2449
 msgid "Everything related to my job in one place."
 msgstr "Everything related to my job in one place."
 
-#: src/strings.ts:2454
+#: src/strings.ts:2458
 msgid "Everything related to my school in one place."
 msgstr "Everything related to my school in one place."
 
-#: src/strings.ts:2471
+#: src/strings.ts:2475
 msgid "Execute"
 msgstr "Execute"
 
-#: src/strings.ts:2470
+#: src/strings.ts:2474
 msgid "Execute a command..."
 msgstr "Execute a command..."
 
-#: src/strings.ts:2034
+#: src/strings.ts:2038
 msgid "Exit fullscreen"
 msgstr "Exit fullscreen"
 
-#: src/strings.ts:2405
+#: src/strings.ts:2409
 msgid "Expand"
 msgstr "Expand"
 
-#: src/strings.ts:2498
+#: src/strings.ts:2502
 msgid "Expand sidebar"
 msgstr "Expand sidebar"
 
-#: src/strings.ts:2103
+#: src/strings.ts:2107
 msgid "Experience the next level of private note taking\""
 msgstr "Experience the next level of private note taking\""
 
-#: src/strings.ts:2727
+#: src/strings.ts:2747
 msgid "Expired"
 msgstr "Expired"
 
-#: src/strings.ts:2692
+#: src/strings.ts:2745
+msgid "Expires"
+msgstr "Expires"
+
+#: src/strings.ts:2709
 msgid "Expires in"
 msgstr "Expires in"
 
-#: src/strings.ts:2728
+#: src/strings.ts:2748
 msgid "Expires on"
 msgstr "Expires on"
 
-#: src/strings.ts:2667
+#: src/strings.ts:2683
 msgid "Expiry date"
 msgstr "Expiry date"
 
-#: src/strings.ts:2796
+#: src/strings.ts:2821
 msgid "Expiry date cannot be more than 1 year in the future"
 msgstr "Expiry date cannot be more than 1 year in the future"
 
-#: src/strings.ts:2794
+#: src/strings.ts:2819
 msgid "Expiry date must be in the future"
 msgstr "Expiry date must be in the future"
 
-#: src/strings.ts:2813
+#: src/strings.ts:2838
 msgid "Expiry date removed"
 msgstr "Expiry date removed"
 
-#: src/strings.ts:2797
+#: src/strings.ts:2822
 msgid "Expiry date set"
 msgstr "Expiry date set"
 
-#: src/strings.ts:2571
+#: src/strings.ts:2576
 msgid "Explore all plans"
 msgstr "Explore all plans"
 
-#: src/strings.ts:469
+#: src/strings.ts:472
 msgid "Export"
 msgstr "Export"
 
-#: src/strings.ts:578
+#: src/strings.ts:580
 msgid "Export again"
 msgstr "Export again"
 
-#: src/strings.ts:1253
+#: src/strings.ts:1257
 msgid "Export all notes"
 msgstr "Export all notes"
 
-#: src/strings.ts:1255
+#: src/strings.ts:1259
 msgid "Export all notes as pdf, markdown, html or text in a single zip file"
 msgstr "Export all notes as pdf, markdown, html or text in a single zip file"
 
 #. placeholder {0}: format ? " " + format : ""
-#: src/strings.ts:2056
+#: src/strings.ts:2060
 msgid "Export as{0}"
 msgstr "Export as{0}"
 
-#: src/strings.ts:2668
+#: src/strings.ts:2684
 msgid "Export CSV"
 msgstr "Export CSV"
 
-#: src/strings.ts:1401
+#: src/strings.ts:1405
 msgid "Export notes as PDF, Markdown and HTML with Notesnook Pro"
 msgstr "Export notes as PDF, Markdown and HTML with Notesnook Pro"
 
@@ -3044,269 +3160,281 @@ msgstr "Export notes as PDF, Markdown and HTML with Notesnook Pro"
 msgid "Exporting \"{title}\""
 msgstr "Exporting \"{title}\""
 
-#: src/strings.ts:1639
+#: src/strings.ts:1643
 msgid "Extracting files..."
 msgstr "Extracting files..."
 
-#: src/strings.ts:1828
+#: src/strings.ts:1832
 msgid "EXTREMELY DANGEROUS! This action is irreversible. All your data including notes, notebooks, attachments & settings will be deleted. This is a full account reset. Proceed with caution."
 msgstr "EXTREMELY DANGEROUS! This action is irreversible. All your data including notes, notebooks, attachments & settings will be deleted. This is a full account reset. Proceed with caution."
 
-#: src/strings.ts:1275
+#: src/strings.ts:1279
 msgid "Faced an issue or have a suggestion? Click here to create a bug report"
 msgstr "Faced an issue or have a suggestion? Click here to create a bug report"
 
-#: src/strings.ts:2435
+#: src/strings.ts:2439
 msgid "Failed"
 msgstr "Failed"
 
-#: src/strings.ts:2773
+#: src/strings.ts:2797
 msgid "Failed inbox items"
 msgstr "Failed inbox items"
 
-#: src/strings.ts:2672
+#: src/strings.ts:2688
 msgid "Failed to attach file"
 msgstr "Failed to attach file"
 
-#: src/strings.ts:1957
+#: src/strings.ts:1961
 msgid "Failed to copy note"
 msgstr "Failed to copy note"
 
-#: src/strings.ts:2717
+#: src/strings.ts:2735
 msgid "Failed to copy to clipboard"
 msgstr "Failed to copy to clipboard"
 
 #. placeholder {0}: message ? `: ${message}` : ""
-#: src/strings.ts:2696
+#: src/strings.ts:2714
 msgid "Failed to create API key{0}"
 msgstr "Failed to create API key{0}"
 
-#: src/strings.ts:1581
+#: src/strings.ts:1585
 msgid "Failed to decrypt backup"
 msgstr "Failed to decrypt backup"
 
-#: src/strings.ts:2023
+#: src/strings.ts:2027
 msgid "Failed to delete"
 msgstr "Failed to delete"
 
-#: src/strings.ts:1097
+#: src/strings.ts:1099
 msgid "Failed to delete account"
 msgstr "Failed to delete account"
 
-#: src/strings.ts:792
+#: src/strings.ts:794
 msgid "Failed to download file"
 msgstr "Failed to download file"
 
-#: src/strings.ts:2019
+#: src/strings.ts:2023
 msgid "Failed to install theme."
 msgstr "Failed to install theme."
 
-#: src/strings.ts:2703
+#: src/strings.ts:2721
 msgid "Failed to load API keys. Please try again."
 msgstr "Failed to load API keys. Please try again."
 
-#: src/strings.ts:964
+#: src/strings.ts:966
 msgid "Failed to open"
 msgstr "Failed to open"
 
-#: src/strings.ts:881
+#: src/strings.ts:883
 msgid "Failed to publish note"
 msgstr "Failed to publish note"
 
-#: src/strings.ts:2024
+#: src/strings.ts:2028
 msgid "Failed to register task"
 msgstr "Failed to register task"
 
-#: src/strings.ts:804
+#: src/strings.ts:806
 msgid "Failed to resolve download url"
 msgstr "Failed to resolve download url"
 
-#: src/strings.ts:2722
+#: src/strings.ts:2740
 msgid "Failed to revoke API key"
 msgstr "Failed to revoke API key"
 
-#: src/strings.ts:773
+#: src/strings.ts:775
 msgid "Failed to send recovery email"
 msgstr "Failed to send recovery email"
 
-#: src/strings.ts:1417
+#: src/strings.ts:1421
 msgid "Failed to send verification email"
 msgstr "Failed to send verification email"
 
-#: src/strings.ts:953
+#: src/strings.ts:955
 msgid "Failed to subscribe"
 msgstr "Failed to subscribe"
 
-#: src/strings.ts:2234
+#: src/strings.ts:2238
 msgid "Failed to take backup"
 msgstr "Failed to take backup"
 
-#: src/strings.ts:2236
+#: src/strings.ts:2240
 msgid "Failed to take backup of your data. Do you want to continue logging out?"
 msgstr "Failed to take backup of your data. Do you want to continue logging out?"
 
-#: src/strings.ts:882
+#: src/strings.ts:884
 msgid "Failed to unpublish note"
 msgstr "Failed to unpublish note"
 
-#: src/strings.ts:798
+#: src/strings.ts:800
 msgid "Failed to zip files"
 msgstr "Failed to zip files"
 
-#: src/strings.ts:500
+#: src/strings.ts:502
 msgid "Fallback method for 2FA enabled"
 msgstr "Fallback method for 2FA enabled"
 
-#: src/strings.ts:2581
+#: src/strings.ts:2595
 msgid "FAQs"
 msgstr "FAQs"
 
-#: src/strings.ts:2053
+#: src/strings.ts:2057
 msgid "Favorite"
 msgstr "Favorite"
 
-#: src/strings.ts:321
-#: src/strings.ts:1542
+#: src/strings.ts:320
+#: src/strings.ts:1546
 msgid "Favorites"
 msgstr "Favorites"
 
-#: src/strings.ts:2579
+#: src/strings.ts:2593
 msgid "Featured on"
 msgstr "Featured on"
 
-#: src/strings.ts:2447
+#: src/strings.ts:2451
 msgid "February 2022 Week 2"
 msgstr "February 2022 Week 2"
 
-#: src/strings.ts:2448
+#: src/strings.ts:2452
 msgid "February 2022 Week 3"
 msgstr "February 2022 Week 3"
 
-#: src/strings.ts:732
+#: src/strings.ts:734
 msgid "File check failed: {reason} Try reuploading the file to fix the issue."
 msgstr "File check failed: {reason} Try reuploading the file to fix the issue."
 
-#: src/strings.ts:750
+#: src/strings.ts:752
 msgid "File check passed"
 msgstr "File check passed"
 
-#: src/strings.ts:801
+#: src/strings.ts:803
 msgid "File length is 0. Please upload this file again from the attachment manager."
 msgstr "File length is 0. Please upload this file again from the attachment manager."
 
-#: src/strings.ts:803
+#: src/strings.ts:805
 msgid "File length mismatch. Expected {expectedSize} but got {currentSize} bytes. Please upload this file again from the attachment manager."
 msgstr "File length mismatch. Expected {expectedSize} but got {currentSize} bytes. Please upload this file again from the attachment manager."
 
-#: src/strings.ts:2793
+#: src/strings.ts:2818
 msgid "File links cannot be opened in browsers. Please use the Notesnook desktop app."
 msgstr "File links cannot be opened in browsers. Please use the Notesnook desktop app."
 
-#: src/strings.ts:965
+#: src/strings.ts:967
 msgid "File mismatch"
 msgstr "File mismatch"
 
-#: src/strings.ts:2787
+#: src/strings.ts:2812
 msgid "File size limit exceeded. Please upgrade your plan."
 msgstr "File size limit exceeded. Please upgrade your plan."
 
-#: src/strings.ts:961
+#: src/strings.ts:963
 msgid "File size should be less than {sizeInMB}"
 msgstr "File size should be less than {sizeInMB}"
 
-#: src/strings.ts:959
+#: src/strings.ts:961
 msgid "File too big"
 msgstr "File too big"
 
-#: src/strings.ts:1494
+#: src/strings.ts:1498
 msgid "Filter attachments by filename, type or hash"
 msgstr "Filter attachments by filename, type or hash"
 
-#: src/strings.ts:1854
+#: src/strings.ts:1858
 msgid "Filter languages"
 msgstr "Filter languages"
 
-#: src/strings.ts:1496
+#: src/strings.ts:1500
 msgid "Filter notebooks..."
 msgstr "Filter notebooks..."
 
-#: src/strings.ts:1497
+#: src/strings.ts:1501
 msgid "Filter tags..."
 msgstr "Filter tags..."
 
-#: src/strings.ts:2639
+#: src/strings.ts:2655
 msgid "Finish your purchase in the browser."
 msgstr "Finish your purchase in the browser."
 
-#: src/strings.ts:1690
+#: src/strings.ts:1694
 msgid "Fix it"
 msgstr "Fix it"
 
-#: src/strings.ts:2036
+#: src/strings.ts:2040
 msgid "Focus mode"
 msgstr "Focus mode"
 
-#: src/strings.ts:2194
+#: src/strings.ts:2198
 msgid "Follow"
 msgstr "Follow"
 
-#: src/strings.ts:1291
+#: src/strings.ts:1295
 msgid "Follow us on Mastodon"
 msgstr "Follow us on Mastodon"
 
-#: src/strings.ts:1293
+#: src/strings.ts:1297
 msgid "Follow us on Mastodon for updates and news about Notesnook"
 msgstr "Follow us on Mastodon for updates and news about Notesnook"
 
-#: src/strings.ts:1294
+#: src/strings.ts:1298
 msgid "Follow us on X"
 msgstr "Follow us on X"
 
-#: src/strings.ts:1295
+#: src/strings.ts:1299
 msgid "Follow us on X for updates and news about Notesnook"
 msgstr "Follow us on X for updates and news about Notesnook"
 
-#: src/strings.ts:2308
+#: src/strings.ts:2312
 msgid "Font family"
 msgstr "Font family"
 
-#: src/strings.ts:2495
+#: src/strings.ts:2499
 msgid "Font ligatures"
 msgstr "Font ligatures"
 
-#: src/strings.ts:2309
+#: src/strings.ts:2313
 msgid "Font size"
 msgstr "Font size"
 
-#: src/strings.ts:2553
+#: src/strings.ts:2557
 msgid "For a monthly subscription, you can get a refund within 7 days of purchase. For a yearly subscription, we offer a full refund within 14 days of purchase. For a 5 year subscription, you can request a refund within 30 days of purchase."
 msgstr "For a monthly subscription, you can get a refund within 7 days of purchase. For a yearly subscription, we offer a full refund within 14 days of purchase. For a 5 year subscription, you can request a refund within 30 days of purchase."
 
-#: src/strings.ts:1707
+#: src/strings.ts:1711
 msgid "For a more integrated user experience, try out Notesnook for {platform}"
 msgstr "For a more integrated user experience, try out Notesnook for {platform}"
 
-#: src/strings.ts:1788
+#: src/strings.ts:1792
 msgid "for help regarding how to use the Notesnook Importer."
 msgstr "for help regarding how to use the Notesnook Importer."
 
-#: src/strings.ts:2562
+#: src/strings.ts:2566
 msgid "for locking your notes as soon as app enters background"
 msgstr "for locking your notes as soon as app enters background"
 
-#: src/strings.ts:2226
+#: src/strings.ts:232
+msgid "For support or questions, chat with our community on"
+msgstr "For support or questions, chat with our community on"
+
+#: src/strings.ts:2230
 msgid "Force logout from all your other logged in devices."
 msgstr "Force logout from all your other logged in devices."
 
-#: src/strings.ts:1112
+#: src/strings.ts:2901
+msgid "Force Pull"
+msgstr "Force Pull"
+
+#: src/strings.ts:1116
 msgid "Force pull changes"
 msgstr "Force pull changes"
 
-#: src/strings.ts:1121
+#: src/strings.ts:2902
+msgid "Force Push"
+msgstr "Force Push"
+
+#: src/strings.ts:1125
 msgid "Force push changes"
 msgstr "Force push changes"
 
-#: src/strings.ts:2243
+#: src/strings.ts:2247
 msgid ""
 "Force push:\n"
 "Use this if changes made on this device are not appearing on other devices. This will overwrite the data on the server with the data from this device.\n"
@@ -3324,203 +3452,224 @@ msgstr ""
 "\n"
 "**These must only be used for troubleshooting. Using them regularly for sync is not recommended and will lead to unexpected data loss and other issues. If you are having persistent issues with sync, please report them to us at support@streetwriters.co.**"
 
-#: src/strings.ts:553
+#: src/strings.ts:555
 msgid "Forgot Password?"
 msgstr "Forgot Password?"
 
-#: src/strings.ts:2846
+#: src/strings.ts:2926
+msgid "Formatting"
+msgstr "Formatting"
+
+#: src/strings.ts:2871
+#: src/strings.ts:2896
 msgid "Free {days} days trial, cancel anytime"
 msgstr "Free {days} days trial, cancel anytime"
 
-#: src/strings.ts:2596
+#: src/strings.ts:2610
 msgid "Free {duration} day trial, cancel any time"
 msgstr "Free {duration} day trial, cancel any time"
 
-#: src/strings.ts:2500
+#: src/strings.ts:2504
 msgid "Free plan"
 msgstr "Free plan"
 
-#: src/strings.ts:2833
+#: src/strings.ts:2858
 msgid "Frequently Asked Questions"
 msgstr "Frequently Asked Questions"
 
-#: src/strings.ts:627
+#: src/strings.ts:629
 msgid "Fri"
 msgstr "Fri"
 
-#: src/strings.ts:618
+#: src/strings.ts:620
 msgid "Friday"
 msgstr "Friday"
 
-#: src/strings.ts:2403
+#: src/strings.ts:2407
 msgid "From code"
 msgstr "From code"
 
-#: src/strings.ts:2400
+#: src/strings.ts:2404
 msgid "From URL"
 msgstr "From URL"
 
-#: src/strings.ts:2020
+#: src/strings.ts:2936
+msgid "Full backup"
+msgstr "Full backup"
+
+#: src/strings.ts:2024
 msgid "Full name updated"
 msgstr "Full name updated"
 
-#: src/strings.ts:2237
+#: src/strings.ts:2241
 msgid "Full offline mode"
 msgstr "Full offline mode"
 
-#: src/strings.ts:2355
+#: src/strings.ts:2359
 msgid "Full screen"
 msgstr "Full screen"
 
-#: src/strings.ts:2123
+#: src/strings.ts:2127
 msgid "General"
 msgstr "General"
 
-#: src/strings.ts:1284
+#: src/strings.ts:1288
 msgid "Get helpful debug info about the app to help us find bugs."
 msgstr "Get helpful debug info about the app to help us find bugs."
 
-#: src/strings.ts:1308
+#: src/strings.ts:1312
 msgid "Get Notesnook app on your desktop and access all notes"
 msgstr "Get Notesnook app on your desktop and access all notes"
 
-#: src/strings.ts:2188
+#: src/strings.ts:2192
 msgid "Get Notesnook app on your iPhone and access all your notes on the go."
 msgstr "Get Notesnook app on your iPhone and access all your notes on the go."
 
-#: src/strings.ts:2190
+#: src/strings.ts:2194
 msgid "Get Notesnook app on your iPhone or Android device and access all your notes on the go."
 msgstr "Get Notesnook app on your iPhone or Android device and access all your notes on the go."
 
-#: src/strings.ts:1398
+#: src/strings.ts:1402
 msgid "Get Notesnook Pro"
 msgstr "Get Notesnook Pro"
 
-#: src/strings.ts:1383
+#: src/strings.ts:1387
 msgid "Get Notesnook Pro to enable automatic backups"
 msgstr "Get Notesnook Pro to enable automatic backups"
 
-#: src/strings.ts:2439
+#: src/strings.ts:2443
 msgid "Get Priority support"
 msgstr "Get Priority support"
 
-#: src/strings.ts:688
+#: src/strings.ts:690
 msgid "Get Pro"
 msgstr "Get Pro"
 
-#: src/strings.ts:563
+#: src/strings.ts:565
 msgid "Get started"
 msgstr "Get started"
 
-#: src/strings.ts:2559
+#: src/strings.ts:2563
 msgid "Get this and so much more:"
 msgstr "Get this and so much more:"
 
-#: src/strings.ts:1906
+#: src/strings.ts:1910
 msgid "Getting encryption key..."
 msgstr "Getting encryption key..."
 
-#: src/strings.ts:398
+#: src/strings.ts:401
 msgid "Getting information"
 msgstr "Getting information"
 
-#: src/strings.ts:400
+#: src/strings.ts:403
 msgid "Getting recovery codes"
 msgstr "Getting recovery codes"
 
-#: src/strings.ts:2750
+#: src/strings.ts:2770
 msgid "Gift code required"
 msgstr "Gift code required"
 
-#: src/strings.ts:2193
+#: src/strings.ts:388
+msgid "Github"
+msgstr "Github"
+
+#: src/strings.ts:2197
 msgid "GNU GENERAL PUBLIC LICENSE Version 3"
 msgstr "GNU GENERAL PUBLIC LICENSE Version 3"
 
-#: src/strings.ts:2640
+#: src/strings.ts:2656
 msgid "Go back"
 msgstr "Go back"
 
-#: src/strings.ts:2478
+#: src/strings.ts:2482
 msgid "Go back in tab"
 msgstr "Go back in tab"
 
-#: src/strings.ts:2256
+#: src/strings.ts:2260
 msgid "Go back to notebooks"
 msgstr "Go back to notebooks"
 
-#: src/strings.ts:2257
+#: src/strings.ts:2261
 msgid "Go back to tags"
 msgstr "Go back to tags"
 
-#: src/strings.ts:2477
+#: src/strings.ts:2481
 msgid "Go forward in tab"
 msgstr "Go forward in tab"
 
-#: src/strings.ts:1834
+#: src/strings.ts:1838
 msgid "Go to"
 msgstr "Go to"
 
-#: src/strings.ts:1835
+#: src/strings.ts:1839
 msgid "Go to #{tag}"
 msgstr "Go to #{tag}"
 
-#: src/strings.ts:1718
+#: src/strings.ts:1722
 msgid "Go to next page"
 msgstr "Go to next page"
 
-#: src/strings.ts:1719
+#: src/strings.ts:1723
 msgid "Go to previous page"
 msgstr "Go to previous page"
 
-#: src/strings.ts:1320
+#: src/strings.ts:1324
 msgid "Go to web app"
 msgstr "Go to web app"
 
-#: src/strings.ts:2570
+#: src/strings.ts:2575
 msgid "Google will remind you 2 days before your trial ends."
 msgstr "Google will remind you 2 days before your trial ends."
 
-#: src/strings.ts:586
+#: src/strings.ts:588
 msgid "Got it"
 msgstr "Got it"
 
-#: src/strings.ts:429
+#: src/strings.ts:432
 msgid "GROUP"
 msgstr "GROUP"
 
-#: src/strings.ts:1908
+#: src/strings.ts:1912
 msgid "Group added successfully"
 msgstr "Group added successfully"
 
-#: src/strings.ts:537
+#: src/strings.ts:539
 msgid "Group by"
 msgstr "Group by"
 
-#: src/strings.ts:752
+#: src/strings.ts:754
 msgid "Hash copied"
 msgstr "Hash copied"
 
-#: src/strings.ts:2240
+#: src/strings.ts:2909
+msgid "Having issues? Contact"
+msgstr "Having issues? Contact"
+
+#: src/strings.ts:2244
 msgid "Having problems with sync?"
 msgstr "Having problems with sync?"
 
-#: src/strings.ts:2585
+#: src/strings.ts:2599
 msgid "HD Images"
 msgstr "HD Images"
 
-#: src/strings.ts:2381
+#: src/strings.ts:2385
 msgid "Heading {level}"
 msgstr "Heading {level}"
 
-#: src/strings.ts:2310
+#: src/strings.ts:2314
 msgid "Headings"
 msgstr "Headings"
 
-#: src/strings.ts:2416
+#: src/strings.ts:2933
+msgid "Headline"
+msgstr "Headline"
+
+#: src/strings.ts:2420
 msgid "Height"
 msgstr "Height"
 
-#: src/strings.ts:1272
+#: src/strings.ts:1276
 msgid "Help and support"
 msgstr "Help and support"
 
@@ -3528,55 +3677,59 @@ msgstr "Help and support"
 msgid "Help improve Notesnook by sending completely anonymized"
 msgstr "Help improve Notesnook by sending completely anonymized"
 
-#: src/strings.ts:1391
+#: src/strings.ts:478
+msgid "Help us make Notesnook better for everyone."
+msgstr "Help us make Notesnook better for everyone."
+
+#: src/strings.ts:1395
 msgid "Hide"
 msgstr "Hide"
 
-#: src/strings.ts:1198
+#: src/strings.ts:1202
 msgid "Hide app contents when you switch to other apps. This will also disable screenshot taking in the app."
 msgstr "Hide app contents when you switch to other apps. This will also disable screenshot taking in the app."
 
-#: src/strings.ts:2199
+#: src/strings.ts:2203
 msgid "Hide note title"
 msgstr "Hide note title"
 
-#: src/strings.ts:2313
+#: src/strings.ts:2317
 msgid "Highlight"
 msgstr "Highlight"
 
-#: src/strings.ts:923
+#: src/strings.ts:925
 msgid "History"
 msgstr "History"
 
-#: src/strings.ts:1548
+#: src/strings.ts:1552
 msgid "Home"
 msgstr "Home"
 
-#: src/strings.ts:1142
+#: src/strings.ts:1146
 msgid "Homepage"
 msgstr "Homepage"
 
-#: src/strings.ts:1333
+#: src/strings.ts:1337
 msgid "Homepage changed to {name}"
 msgstr "Homepage changed to {name}"
 
-#: src/strings.ts:2362
+#: src/strings.ts:2366
 msgid "Horizontal rule"
 msgstr "Horizontal rule"
 
-#: src/strings.ts:1819
+#: src/strings.ts:1823
 msgid "How do you want to recover your account?"
 msgstr "How do you want to recover your account?"
 
-#: src/strings.ts:1689
+#: src/strings.ts:1693
 msgid "How to fix it?"
 msgstr "How to fix it?"
 
-#: src/strings.ts:894
+#: src/strings.ts:896
 msgid "hr"
 msgstr "hr"
 
-#: src/strings.ts:2530
+#: src/strings.ts:2534
 msgid "I already have an account"
 msgstr "I already have an account"
 
@@ -3600,47 +3753,51 @@ msgstr "I don't have recovery codes"
 msgid "I have a recovery code"
 msgstr "I have a recovery code"
 
-#: src/strings.ts:1907
+#: src/strings.ts:1911
 msgid "I have saved my key"
 msgstr "I have saved my key"
 
-#: src/strings.ts:2456
+#: src/strings.ts:2460
 msgid "I love cooking and collecting recipes."
 msgstr "I love cooking and collecting recipes."
 
-#: src/strings.ts:2241
+#: src/strings.ts:2245
 msgid "I understand"
 msgstr "I understand"
 
-#: src/strings.ts:551
+#: src/strings.ts:2910
+msgid "I understand the risks"
+msgstr "I understand the risks"
+
+#: src/strings.ts:553
 msgid "I understand, change my password"
 msgstr "I understand, change my password"
 
-#: src/strings.ts:927
+#: src/strings.ts:929
 msgid "ID copied"
 msgstr "ID copied"
 
-#: src/strings.ts:397
+#: src/strings.ts:400
 msgid "If the editor fails to load even after reloading. Try restarting the app."
 msgstr "If the editor fails to load even after reloading. Try restarting the app."
 
-#: src/strings.ts:254
+#: src/strings.ts:253
 msgid "If this continues to happen, please reach out to us via"
 msgstr "If this continues to happen, please reach out to us via"
 
-#: src/strings.ts:2144
+#: src/strings.ts:2148
 msgid "If true, Notesnook will automatically start up when you turn on & login to your system."
 msgstr "If true, Notesnook will automatically start up when you turn on & login to your system."
 
-#: src/strings.ts:2147
+#: src/strings.ts:2151
 msgid "If true, Notesnook will start minimized to either the system tray or your system taskbar/dock. This setting only works with Auto start on system startup is enabled."
 msgstr "If true, Notesnook will start minimized to either the system tray or your system taskbar/dock. This setting only works with Auto start on system startup is enabled."
 
-#: src/strings.ts:1745
+#: src/strings.ts:1749
 msgid "If you can't scan the QR code above, enter this text instead (spaces don't matter)"
 msgstr "If you can't scan the QR code above, enter this text instead (spaces don't matter)"
 
-#: src/strings.ts:1410
+#: src/strings.ts:1414
 msgid ""
 "If you didn't get an email from us or the confirmation link isn't\n"
 "            working,"
@@ -3648,39 +3805,35 @@ msgstr ""
 "If you didn't get an email from us or the confirmation link isn't\n"
 "            working,"
 
-#: src/strings.ts:1825
+#: src/strings.ts:1829
 msgid "If you don't have a recovery key, you can recover your data by restoring a Notesnook data backup file (.nnbackup)."
 msgstr "If you don't have a recovery key, you can recover your data by restoring a Notesnook data backup file (.nnbackup)."
 
-#: src/strings.ts:2108
+#: src/strings.ts:2112
 msgid "If you face any issue, you can reach out to us anytime."
 msgstr "If you face any issue, you can reach out to us anytime."
 
-#: src/strings.ts:233
-msgid "If you want to ask something in general or need some assistance, we would suggest that you"
-msgstr "If you want to ask something in general or need some assistance, we would suggest that you"
-
-#: src/strings.ts:2367
+#: src/strings.ts:2371
 msgid "Image"
 msgstr "Image"
 
-#: src/strings.ts:1144
+#: src/strings.ts:1148
 msgid "Image Compression"
 msgstr "Image Compression"
 
-#: src/strings.ts:2343
+#: src/strings.ts:2347
 msgid "Image properties"
 msgstr "Image properties"
 
-#: src/strings.ts:2339
+#: src/strings.ts:2343
 msgid "Image settings"
 msgstr "Image settings"
 
-#: src/strings.ts:963
+#: src/strings.ts:965
 msgid "Image size should be less than {sizeInMB}"
 msgstr "Image size should be less than {sizeInMB}"
 
-#: src/strings.ts:755
+#: src/strings.ts:757
 msgid "Images"
 msgstr "Images"
 
@@ -3688,35 +3841,35 @@ msgstr "Images"
 msgid "Images uploaded without compression are slow to load and take more bandwidth. We recommend compressing images unless you need image in original quality."
 msgstr "Images uploaded without compression are slow to load and take more bandwidth. We recommend compressing images unless you need image in original quality."
 
-#: src/strings.ts:1603
+#: src/strings.ts:1607
 msgid "Immediately"
 msgstr "Immediately"
 
-#: src/strings.ts:2171
+#: src/strings.ts:2175
 msgid "Import & export"
 msgstr "Import & export"
 
-#: src/strings.ts:1772
+#: src/strings.ts:1776
 msgid "Import completed"
 msgstr "Import completed"
 
-#: src/strings.ts:2669
+#: src/strings.ts:2685
 msgid "Import CSV"
 msgstr "Import CSV"
 
-#: src/strings.ts:1787
+#: src/strings.ts:1791
 msgid "import guide"
 msgstr "import guide"
 
-#: src/strings.ts:2675
+#: src/strings.ts:2691
 msgid "Inbox API"
 msgstr "Inbox API"
 
-#: src/strings.ts:2735
+#: src/strings.ts:2755
 msgid "Inbox keys saved"
 msgstr "Inbox keys saved"
 
-#: src/strings.ts:2680
+#: src/strings.ts:2696
 msgid "Inbox PGP Keys"
 msgstr "Inbox PGP Keys"
 
@@ -3724,91 +3877,91 @@ msgstr "Inbox PGP Keys"
 msgid "Incoming"
 msgstr "Incoming"
 
-#: src/strings.ts:1858
+#: src/strings.ts:1862
 msgid "Incoming note"
 msgstr "Incoming note"
 
-#: src/strings.ts:784
+#: src/strings.ts:786
 msgid "Incorrect {type}"
 msgstr "Incorrect {type}"
 
-#: src/strings.ts:2425
+#: src/strings.ts:2429
 msgid "Increase {title}"
 msgstr "Increase {title}"
 
-#: src/strings.ts:2267
+#: src/strings.ts:2271
 msgid "Insert"
 msgstr "Insert"
 
-#: src/strings.ts:2422
+#: src/strings.ts:2426
 msgid "Insert a {rows}x{columns} table"
 msgstr "Insert a {rows}x{columns} table"
 
-#: src/strings.ts:2372
+#: src/strings.ts:2376
 msgid "Insert a table"
 msgstr "Insert a table"
 
-#: src/strings.ts:2374
+#: src/strings.ts:2378
 msgid "Insert an embed"
 msgstr "Insert an embed"
 
-#: src/strings.ts:2368
+#: src/strings.ts:2372
 msgid "Insert an image"
 msgstr "Insert an image"
 
-#: src/strings.ts:2320
+#: src/strings.ts:2324
 msgid "Insert column left"
 msgstr "Insert column left"
 
-#: src/strings.ts:2321
+#: src/strings.ts:2325
 msgid "Insert column right"
 msgstr "Insert column right"
 
-#: src/strings.ts:2265
+#: src/strings.ts:2269
 msgid "Insert link"
 msgstr "Insert link"
 
-#: src/strings.ts:2327
+#: src/strings.ts:2331
 msgid "Insert row above"
 msgstr "Insert row above"
 
-#: src/strings.ts:2328
+#: src/strings.ts:2332
 msgid "Insert row below"
 msgstr "Insert row below"
 
-#: src/strings.ts:1705
+#: src/strings.ts:1709
 msgid "Install Notesnook"
 msgstr "Install Notesnook"
 
-#: src/strings.ts:2179
+#: src/strings.ts:2183
 msgid "Install update"
 msgstr "Install update"
 
-#: src/strings.ts:1740
+#: src/strings.ts:1744
 msgid "installs"
 msgstr "installs"
 
-#: src/strings.ts:748
+#: src/strings.ts:750
 msgid "Invalid {type}"
 msgstr "Invalid {type}"
 
-#: src/strings.ts:2012
+#: src/strings.ts:2016
 msgid "Invalid CORS proxy url"
 msgstr "Invalid CORS proxy url"
 
-#: src/strings.ts:1500
+#: src/strings.ts:1504
 msgid "Invalid email"
 msgstr "Invalid email"
 
-#: src/strings.ts:2715
+#: src/strings.ts:2733
 msgid "Invalid password"
 msgstr "Invalid password"
 
-#: src/strings.ts:2734
+#: src/strings.ts:2754
 msgid "Invalid PGP key pair. Please check your keys and try again."
 msgstr "Invalid PGP key pair. Please check your keys and try again."
 
-#: src/strings.ts:2741
+#: src/strings.ts:2761
 msgid "Invalid recovery key. Make sure to input your account recovery key, not a 2FA recovery code."
 msgstr "Invalid recovery key. Make sure to input your account recovery key, not a 2FA recovery code."
 
@@ -3816,113 +3969,121 @@ msgstr "Invalid recovery key. Make sure to input your account recovery key, not
 msgid "Issue created"
 msgstr "Issue created"
 
-#: src/strings.ts:1006
-#: src/strings.ts:1015
+#: src/strings.ts:2940
+msgid "Issue summary"
+msgstr "Issue summary"
+
+#: src/strings.ts:231
+msgid "Issues reported here are public on"
+msgstr "Issues reported here are public on"
+
+#: src/strings.ts:1008
+#: src/strings.ts:1017
 msgid "It may take a minute to receive your code."
 msgstr "It may take a minute to receive your code."
 
-#: src/strings.ts:1611
+#: src/strings.ts:1615
 msgid "It seems that your changes could not be saved. What to do next:"
 msgstr "It seems that your changes could not be saved. What to do next:"
 
-#: src/strings.ts:275
+#: src/strings.ts:274
 msgid "It took us a year to bring Notesnook to life. Share your experience and suggestions to help us improve it."
 msgstr "It took us a year to bring Notesnook to life. Share your experience and suggestions to help us improve it."
 
-#: src/strings.ts:2289
+#: src/strings.ts:2293
 msgid "Italic"
 msgstr "Italic"
 
-#: src/strings.ts:291
+#: src/strings.ts:290
 msgid "item"
 msgstr "item"
 
-#: src/strings.ts:301
+#: src/strings.ts:300
 msgid "Item"
 msgstr "Item"
 
-#: src/strings.ts:2777
+#: src/strings.ts:2802
 msgid "Item deleted"
 msgstr "Item deleted"
 
-#: src/strings.ts:311
-#: src/strings.ts:1724
+#: src/strings.ts:310
+#: src/strings.ts:1728
 msgid "items"
 msgstr "items"
 
-#: src/strings.ts:323
+#: src/strings.ts:322
 msgid "Items"
 msgstr "Items"
 
-#: src/strings.ts:2191
+#: src/strings.ts:2195
 msgid "Join community"
 msgstr "Join community"
 
-#: src/strings.ts:234
-msgid "join our community on Discord."
-msgstr "join our community on Discord."
-
-#: src/strings.ts:1296
+#: src/strings.ts:1300
 msgid "Join our Discord server"
 msgstr "Join our Discord server"
 
-#: src/strings.ts:1298
+#: src/strings.ts:1302
 msgid "Join our Discord server to chat with other users and the team"
 msgstr "Join our Discord server to chat with other users and the team"
 
-#: src/strings.ts:1288
+#: src/strings.ts:1292
 msgid "Join our Telegram group"
 msgstr "Join our Telegram group"
 
-#: src/strings.ts:1290
+#: src/strings.ts:1294
 msgid "Join our Telegram group to chat with other users and the team"
 msgstr "Join our Telegram group to chat with other users and the team"
 
-#: src/strings.ts:2099
+#: src/strings.ts:2103
 msgid "Join the cause"
 msgstr "Join the cause"
 
-#: src/strings.ts:2047
+#: src/strings.ts:2051
 msgid "Jump to group"
 msgstr "Jump to group"
 
-#: src/strings.ts:567
+#: src/strings.ts:569
 msgid "Keep"
 msgstr "Keep"
 
-#: src/strings.ts:2042
+#: src/strings.ts:2046
 msgid "Keep open"
 msgstr "Keep open"
 
-#: src/strings.ts:2819
+#: src/strings.ts:2844
 msgid "Keep screen on"
 msgstr "Keep screen on"
 
-#: src/strings.ts:1375
+#: src/strings.ts:1379
 msgid "Keep your data safe"
 msgstr "Keep your data safe"
 
-#: src/strings.ts:2690
+#: src/strings.ts:1107
+msgid "Keep your notes updated automatically"
+msgstr "Keep your notes updated automatically"
+
+#: src/strings.ts:2707
 msgid "Key name"
 msgstr "Key name"
 
-#: src/strings.ts:2159
+#: src/strings.ts:2163
 msgid "Languages"
 msgstr "Languages"
 
-#: src/strings.ts:2262
+#: src/strings.ts:2266
 msgid "Last edited at"
 msgstr "Last edited at"
 
-#: src/strings.ts:2723
+#: src/strings.ts:2741
 msgid "Last used on"
 msgstr "Last used on"
 
-#: src/strings.ts:590
+#: src/strings.ts:592
 msgid "Later"
 msgstr "Later"
 
-#: src/strings.ts:643
+#: src/strings.ts:645
 msgid "Latest first"
 msgstr "Latest first"
 
@@ -3930,111 +4091,107 @@ msgstr "Latest first"
 msgid "Learn how this works."
 msgstr "Learn how this works."
 
-#: src/strings.ts:571
+#: src/strings.ts:573
 msgid "Learn more"
 msgstr "Learn more"
 
-#: src/strings.ts:993
+#: src/strings.ts:995
 msgid "Learn more about Monographs"
 msgstr "Learn more about Monographs"
 
-#: src/strings.ts:272
+#: src/strings.ts:271
 msgid "Learn more about Notesnook Monograph"
 msgstr "Learn more about Notesnook Monograph"
 
-#: src/strings.ts:646
+#: src/strings.ts:648
 msgid "Least relevant first"
 msgstr "Least relevant first"
 
-#: src/strings.ts:1583
+#: src/strings.ts:1587
 msgid "Legal"
 msgstr "Legal"
 
-#: src/strings.ts:476
-msgid "Let us know if you have faced any issue/bug while using Notesnook. We will try to fix it as soon as possible."
-msgstr "Let us know if you have faced any issue/bug while using Notesnook. We will try to fix it as soon as possible."
-
-#: src/strings.ts:2192
+#: src/strings.ts:2196
 msgid "License"
 msgstr "License"
 
-#: src/strings.ts:1741
+#: src/strings.ts:1745
 msgid "Licensed under {license}"
 msgstr "Licensed under {license}"
 
-#: src/strings.ts:2358
+#: src/strings.ts:2362
 msgid "Lift list item"
 msgstr "Lift list item"
 
-#: src/strings.ts:725
+#: src/strings.ts:727
 msgid "Light"
 msgstr "Light"
 
-#: src/strings.ts:2388
+#: src/strings.ts:2392
 msgid "Line {line}, Column {column}"
 msgstr "Line {line}, Column {column}"
 
-#: src/strings.ts:2651
+#: src/strings.ts:2667
 msgid "Line height"
 msgstr "Line height"
 
-#: src/strings.ts:1168
+#: src/strings.ts:1172
 msgid "Line spacing changed"
 msgstr "Line spacing changed"
 
-#: src/strings.ts:2293
+#: src/strings.ts:2297
 msgid "Link"
 msgstr "Link"
 
-#: src/strings.ts:925
+#: src/strings.ts:927
 msgid "Link copied"
 msgstr "Link copied"
 
-#: src/strings.ts:945
+#: src/strings.ts:947
 msgid "Link notebooks"
 msgstr "Link notebooks"
 
-#: src/strings.ts:2507
+#: src/strings.ts:2511
 msgid "Link notes"
 msgstr "Link notes"
 
-#: src/strings.ts:2298
+#: src/strings.ts:2302
 msgid "Link settings"
 msgstr "Link settings"
 
-#: src/strings.ts:2418
+#: src/strings.ts:2422
 msgid "Link text"
 msgstr "Link text"
 
-#: src/strings.ts:240
+#: src/strings.ts:239
 msgid "LINK TO A SECTION"
 msgstr "LINK TO A SECTION"
 
-#: src/strings.ts:526
+#: src/strings.ts:528
 msgid "Link to note"
 msgstr "Link to note"
 
-#: src/strings.ts:865
+#: src/strings.ts:867
 msgid "Link to notebook"
 msgstr "Link to notebook"
 
-#: src/strings.ts:595
+#: src/strings.ts:597
 msgid "Linked notes"
 msgstr "Linked notes"
 
-#: src/strings.ts:1617
+#: src/strings.ts:1621
 msgid "Linking to a specific block is not available for locked notes."
 msgstr "Linking to a specific block is not available for locked notes."
 
-#: src/strings.ts:504
+#: src/strings.ts:506
 msgid "List of"
 msgstr "List of"
 
-#: src/strings.ts:727
+#: src/strings.ts:729
 msgid "Load from file"
 msgstr "Load from file"
 
-#: src/strings.ts:1716
+#: src/strings.ts:1720
 msgid "Loading"
 msgstr "Loading"
 
@@ -4043,51 +4200,51 @@ msgstr "Loading"
 msgid "Loading {0}, please wait..."
 msgstr "Loading {0}, please wait..."
 
-#: src/strings.ts:2702
+#: src/strings.ts:2720
 msgid "Loading API keys..."
 msgstr "Loading API keys..."
 
-#: src/strings.ts:1685
+#: src/strings.ts:1689
 msgid "Loading editor. Please wait..."
 msgstr "Loading editor. Please wait..."
 
-#: src/strings.ts:1080
+#: src/strings.ts:1082
 msgid "Loading subscription details"
 msgstr "Loading subscription details"
 
-#: src/strings.ts:414
+#: src/strings.ts:417
 msgid "Loading themes..."
 msgstr "Loading themes..."
 
-#: src/strings.ts:1343
+#: src/strings.ts:1347
 msgid "Loading trash"
 msgstr "Loading trash"
 
-#: src/strings.ts:989
+#: src/strings.ts:991
 msgid "Loading your archive"
 msgstr "Loading your archive"
 
-#: src/strings.ts:983
+#: src/strings.ts:985
 msgid "Loading your favorites"
 msgstr "Loading your favorites"
 
-#: src/strings.ts:988
+#: src/strings.ts:990
 msgid "Loading your monographs"
 msgstr "Loading your monographs"
 
-#: src/strings.ts:986
+#: src/strings.ts:988
 msgid "Loading your notebooks"
 msgstr "Loading your notebooks"
 
-#: src/strings.ts:984
+#: src/strings.ts:986
 msgid "Loading your notes"
 msgstr "Loading your notes"
 
-#: src/strings.ts:987
+#: src/strings.ts:989
 msgid "Loading your reminders"
 msgstr "Loading your reminders"
 
-#: src/strings.ts:985
+#: src/strings.ts:987
 msgid "Loading your tags"
 msgstr "Loading your tags"
 
@@ -4095,43 +4252,39 @@ msgstr "Loading your tags"
 msgid "Lock"
 msgstr "Lock"
 
-#: src/strings.ts:456
+#: src/strings.ts:459
 msgid "Lock note"
 msgstr "Lock note"
 
-#: src/strings.ts:1200
+#: src/strings.ts:1204
 msgid "Lock the app with a password or pin"
 msgstr "Lock the app with a password or pin"
 
-#: src/strings.ts:2736
-msgid "Lock vault after"
-msgstr "Lock vault after"
+#: src/strings.ts:2756
+msgid "Lock vault timer"
+msgstr "Lock vault timer"
 
-#: src/strings.ts:915
+#: src/strings.ts:917
 msgid "Locked notes cannot be pinned"
 msgstr "Locked notes cannot be pinned"
 
-#: src/strings.ts:918
+#: src/strings.ts:920
 msgid "Locked notes cannot be published"
 msgstr "Locked notes cannot be published"
 
-#: src/strings.ts:2224
+#: src/strings.ts:2228
 msgid "Log out from all other devices"
 msgstr "Log out from all other devices"
 
-#: src/strings.ts:389
+#: src/strings.ts:392
 msgid "Logged in as {email}"
 msgstr "Logged in as {email}"
 
-#: src/strings.ts:1090
-msgid "Logging out will clear all data stored on THIS DEVICE. Make sure you have synced all your changes before logging out."
-msgstr "Logging out will clear all data stored on THIS DEVICE. Make sure you have synced all your changes before logging out."
-
-#: src/strings.ts:403
+#: src/strings.ts:406
 msgid "Logging out. Please wait..."
 msgstr "Logging out. Please wait..."
 
-#: src/strings.ts:1803
+#: src/strings.ts:1807
 msgid "Logging you in"
 msgstr "Logging you in"
 
@@ -4139,321 +4292,329 @@ msgstr "Logging you in"
 msgid "Login"
 msgstr "Login"
 
-#: src/strings.ts:778
+#: src/strings.ts:780
 msgid "Login failed"
 msgstr "Login failed"
 
-#: src/strings.ts:916
+#: src/strings.ts:918
 msgid "Login required"
 msgstr "Login required"
 
-#: src/strings.ts:2758
+#: src/strings.ts:2778
 msgid "Login required to restore attachments"
 msgstr "Login required to restore attachments"
 
-#: src/strings.ts:779
+#: src/strings.ts:781
 msgid "Login successful"
 msgstr "Login successful"
 
-#: src/strings.ts:1378
+#: src/strings.ts:1382
 msgid "Login to encrypt and sync notes"
 msgstr "Login to encrypt and sync notes"
 
-#: src/strings.ts:2644
+#: src/strings.ts:2660
 msgid "Login to upload attachments. [Read more](https://help.notesnook.com/faqs/login-to-upload-attachments)"
 msgstr "Login to upload attachments. [Read more](https://help.notesnook.com/faqs/login-to-upload-attachments)"
 
-#: src/strings.ts:542
+#: src/strings.ts:544
 msgid "Login to your account"
 msgstr "Login to your account"
 
-#: src/strings.ts:776
+#: src/strings.ts:778
 msgid "Logout"
 msgstr "Logout"
 
-#: src/strings.ts:582
+#: src/strings.ts:584
 msgid "Logout and clear data"
 msgstr "Logout and clear data"
 
-#: src/strings.ts:555
+#: src/strings.ts:557
 msgid "Logout from this device"
 msgstr "Logout from this device"
 
-#: src/strings.ts:1428
+#: src/strings.ts:1432
 msgid "Long press on any item in list to enter multi-select mode."
 msgstr "Long press on any item in list to enter multi-select mode."
 
-#: src/strings.ts:2393
+#: src/strings.ts:2397
 msgid "Make task list readonly"
 msgstr "Make task list readonly"
 
-#: src/strings.ts:1054
+#: src/strings.ts:1056
 msgid "Manage account"
 msgstr "Manage account"
 
-#: src/strings.ts:1067
+#: src/strings.ts:1069
 msgid "Manage attachments"
 msgstr "Manage attachments"
 
-#: src/strings.ts:685
+#: src/strings.ts:687
 msgid "Manage subscription on desktop"
 msgstr "Manage subscription on desktop"
 
-#: src/strings.ts:864
+#: src/strings.ts:866
 msgid "Manage tags"
 msgstr "Manage tags"
 
-#: src/strings.ts:1055
+#: src/strings.ts:1057
 msgid "Manage your account related settings here"
 msgstr "Manage your account related settings here"
 
-#: src/strings.ts:1068
+#: src/strings.ts:1070
 msgid "Manage your attachments in one place"
 msgstr "Manage your attachments in one place"
 
-#: src/strings.ts:1227
+#: src/strings.ts:1231
 msgid "Manage your backups and restore data"
 msgstr "Manage your backups and restore data"
 
-#: src/strings.ts:1261
+#: src/strings.ts:1265
 msgid "Manage your reminders"
 msgstr "Manage your reminders"
 
-#: src/strings.ts:1099
+#: src/strings.ts:1101
 msgid "Manage your sync settings here"
 msgstr "Manage your sync settings here"
 
-#: src/strings.ts:1456
+#: src/strings.ts:1460
 msgid "Mark important notes by adding them to favorites."
 msgstr "Mark important notes by adding them to favorites."
 
-#: src/strings.ts:1175
+#: src/strings.ts:1179
 msgid "Markdown shortcuts"
 msgstr "Markdown shortcuts"
 
-#: src/strings.ts:1181
+#: src/strings.ts:1185
 msgid "Marketing emails"
 msgstr "Marketing emails"
 
-#: src/strings.ts:2406
+#: src/strings.ts:2410
 msgid "Match case"
 msgstr "Match case"
 
-#: src/strings.ts:2407
+#: src/strings.ts:2411
 msgid "Match whole word"
 msgstr "Match whole word"
 
-#: src/strings.ts:2315
+#: src/strings.ts:2319
 msgid "Math (inline)"
 msgstr "Math (inline)"
 
-#: src/strings.ts:2365
+#: src/strings.ts:2369
 msgid "Math & formulas"
 msgstr "Math & formulas"
 
-#: src/strings.ts:2061
+#: src/strings.ts:2065
 msgid "Maximize"
 msgstr "Maximize"
 
-#: src/strings.ts:2802
+#: src/strings.ts:2827
 msgid "Maximum reminder date is {maxDate}"
 msgstr "Maximum reminder date is {maxDate}"
 
-#: src/strings.ts:2101
+#: src/strings.ts:2105
 msgid "Meet other privacy-minded people & talk to us directly about your concerns, issues and suggestions."
 msgstr "Meet other privacy-minded people & talk to us directly about your concerns, issues and suggestions."
 
-#: src/strings.ts:2449
+#: src/strings.ts:2453
 msgid "Meetings"
 msgstr "Meetings"
 
-#: src/strings.ts:1800
+#: src/strings.ts:1804
 msgid "Member since {date}"
 msgstr "Member since {date}"
 
-#: src/strings.ts:2326
+#: src/strings.ts:2330
 msgid "Merge cells"
 msgstr "Merge cells"
 
 #. placeholder {0}: progress ? `${progress?.collection}` : ""
 #. placeholder {1}: progress ? `(${progress.current}/${progress.total}) ` : ""
-#: src/strings.ts:246
+#: src/strings.ts:245
 msgid "Migrating {0} {1}... please wait"
 msgstr "Migrating {0} {1}... please wait"
 
-#: src/strings.ts:257
+#: src/strings.ts:256
 msgid "Migration failed"
 msgstr "Migration failed"
 
-#: src/strings.ts:893
+#: src/strings.ts:895
 msgid "min"
 msgstr "min"
 
-#: src/strings.ts:2030
+#: src/strings.ts:2034
 msgid "Minimal"
 msgstr "Minimal"
 
-#: src/strings.ts:2060
+#: src/strings.ts:2064
 msgid "Minimize"
 msgstr "Minimize"
 
-#: src/strings.ts:2148
+#: src/strings.ts:2152
 msgid "Minimize to system tray"
 msgstr "Minimize to system tray"
 
-#: src/strings.ts:689
+#: src/strings.ts:2924
+msgid "Miscellaneous"
+msgstr "Miscellaneous"
+
+#: src/strings.ts:691
 msgid "mo"
 msgstr "mo"
 
-#: src/strings.ts:623
+#: src/strings.ts:625
 msgid "Mon"
 msgstr "Mon"
 
-#: src/strings.ts:614
+#: src/strings.ts:616
 msgid "Monday"
 msgstr "Monday"
 
-#: src/strings.ts:1652
+#: src/strings.ts:1656
 msgid "Monograph server"
 msgstr "Monograph server"
 
-#: src/strings.ts:884
+#: src/strings.ts:886
 msgid "Monograph URL copied"
 msgstr "Monograph URL copied"
 
-#: src/strings.ts:322
-#: src/strings.ts:955
-#: src/strings.ts:1550
+#: src/strings.ts:321
+#: src/strings.ts:957
+#: src/strings.ts:1554
 msgid "Monographs"
 msgstr "Monographs"
 
-#: src/strings.ts:1438
+#: src/strings.ts:1442
 msgid "Monographs can be encrypted with a secret key and shared with anyone."
 msgstr "Monographs can be encrypted with a secret key and shared with anyone."
 
-#: src/strings.ts:1433
+#: src/strings.ts:1437
 msgid "Monographs enable you to share your notes in a secure and private way."
 msgstr "Monographs enable you to share your notes in a secure and private way."
 
-#: src/strings.ts:665
-#: src/strings.ts:1861
+#: src/strings.ts:667
+#: src/strings.ts:1865
 msgid "Month"
 msgstr "Month"
 
 #: src/strings.ts:169
-#: src/strings.ts:1591
+#: src/strings.ts:1595
 msgid "Monthly"
 msgstr "Monthly"
 
-#: src/strings.ts:2345
+#: src/strings.ts:2349
 msgid "More"
 msgstr "More"
 
-#: src/strings.ts:645
+#: src/strings.ts:647
 msgid "Most relevant first"
 msgstr "Most relevant first"
 
-#: src/strings.ts:866
+#: src/strings.ts:868
 msgid "Move"
 msgstr "Move"
 
-#: src/strings.ts:2394
+#: src/strings.ts:2398
 msgid "Move all checked tasks to bottom"
 msgstr "Move all checked tasks to bottom"
 
-#: src/strings.ts:2322
+#: src/strings.ts:2326
 msgid "Move column left"
 msgstr "Move column left"
 
-#: src/strings.ts:2323
+#: src/strings.ts:2327
 msgid "Move column right"
 msgstr "Move column right"
 
-#: src/strings.ts:952
+#: src/strings.ts:954
 msgid "Move notebook"
 msgstr "Move notebook"
 
-#: src/strings.ts:912
+#: src/strings.ts:914
 msgid "Move notes"
 msgstr "Move notes"
 
-#: src/strings.ts:2330
+#: src/strings.ts:2334
 msgid "Move row down"
 msgstr "Move row down"
 
-#: src/strings.ts:2329
+#: src/strings.ts:2333
 msgid "Move row up"
 msgstr "Move row up"
 
-#: src/strings.ts:585
+#: src/strings.ts:587
 msgid "Move selected notes"
 msgstr "Move selected notes"
 
-#: src/strings.ts:584
+#: src/strings.ts:586
 msgid "Move to top"
 msgstr "Move to top"
 
-#: src/strings.ts:869
+#: src/strings.ts:871
 msgid "Move to trash"
 msgstr "Move to trash"
 
-#: src/strings.ts:1188
+#: src/strings.ts:1192
 msgid "Multi-layer encryption to most important notes"
 msgstr "Multi-layer encryption to most important notes"
 
-#: src/strings.ts:901
+#: src/strings.ts:903
 msgid "Name"
 msgstr "Name"
 
-#: src/strings.ts:2756
+#: src/strings.ts:2776
 msgid "Name is required."
 msgstr "Name is required."
 
-#: src/strings.ts:1709
+#: src/strings.ts:1713
 msgid "Native high-performance encryption"
 msgstr "Native high-performance encryption"
 
-#: src/strings.ts:2474
+#: src/strings.ts:2478
 msgid "Navigate"
 msgstr "Navigate"
 
-#: src/strings.ts:390
+#: src/strings.ts:2919
+msgid "Navigation"
+msgstr "Navigation"
+
+#: src/strings.ts:393
 msgid "Never"
 msgstr "Never"
 
-#: src/strings.ts:1358
+#: src/strings.ts:1362
 msgid "Never ask again"
 msgstr "Never ask again"
 
-#: src/strings.ts:2726
+#: src/strings.ts:2746
 msgid "Never expires"
 msgstr "Never expires"
 
-#: src/strings.ts:1053
+#: src/strings.ts:1055
 msgid "Never hesitate to choose privacy"
 msgstr "Never hesitate to choose privacy"
 
-#: src/strings.ts:672
+#: src/strings.ts:674
 msgid "Never show again"
 msgstr "Never show again"
 
-#: src/strings.ts:2724
+#: src/strings.ts:2742
 msgid "Never used"
 msgstr "Never used"
 
-#: src/strings.ts:642
+#: src/strings.ts:644
 msgid "New - old"
 msgstr "New - old"
 
-#: src/strings.ts:528
+#: src/strings.ts:530
 msgid "New color"
 msgstr "New color"
 
-#: src/strings.ts:1867
+#: src/strings.ts:1871
 msgid "New Email"
 msgstr "New Email"
 
-#: src/strings.ts:1167
+#: src/strings.ts:1171
 msgid "New lines will be double spaced (old ones won't be affected)."
 msgstr "New lines will be double spaced (old ones won't be affected)."
 
@@ -4461,71 +4622,75 @@ msgstr "New lines will be double spaced (old ones won't be affected)."
 msgid "New note"
 msgstr "New note"
 
-#: src/strings.ts:525
+#: src/strings.ts:2927
+msgid "New note title"
+msgstr "New note title"
+
+#: src/strings.ts:527
 msgid "New notebook"
 msgstr "New notebook"
 
-#: src/strings.ts:1498
+#: src/strings.ts:1502
 msgid "New password"
 msgstr "New password"
 
-#: src/strings.ts:1504
+#: src/strings.ts:1508
 msgid "New pin"
 msgstr "New pin"
 
-#: src/strings.ts:535
+#: src/strings.ts:537
 msgid "New reminder"
 msgstr "New reminder"
 
-#: src/strings.ts:576
+#: src/strings.ts:578
 msgid "New tab"
 msgstr "New tab"
 
-#: src/strings.ts:2480
+#: src/strings.ts:2484
 msgid "New tag"
 msgstr "New tag"
 
-#: src/strings.ts:1384
+#: src/strings.ts:1388
 msgid "New update available"
 msgstr "New update available"
 
-#: src/strings.ts:531
+#: src/strings.ts:533
 msgid "New version"
 msgstr "New version"
 
-#: src/strings.ts:2045
+#: src/strings.ts:2049
 msgid "Newest - oldest"
 msgstr "Newest - oldest"
 
-#: src/strings.ts:2855
+#: src/strings.ts:2880
 msgid "Newest first"
 msgstr "Newest first"
 
-#: src/strings.ts:1156
+#: src/strings.ts:1160
 msgid "Newly created notes will be uncategorized"
 msgstr "Newly created notes will be uncategorized"
 
-#: src/strings.ts:552
+#: src/strings.ts:554
 msgid "Next"
 msgstr "Next"
 
-#: src/strings.ts:2849
+#: src/strings.ts:2874
 msgid "Next billing date"
 msgstr "Next billing date"
 
-#: src/strings.ts:2410
+#: src/strings.ts:2414
 msgid "Next match"
 msgstr "Next match"
 
-#: src/strings.ts:2475
+#: src/strings.ts:2479
 msgid "Next tab"
 msgstr "Next tab"
 
-#: src/strings.ts:547
+#: src/strings.ts:549
 msgid "No"
 msgstr "No"
 
-#: src/strings.ts:873
+#: src/strings.ts:875
 msgid "No application found to open {fileToOpen}"
 msgstr "No application found to open {fileToOpen}"
 
@@ -4533,19 +4698,19 @@ msgstr "No application found to open {fileToOpen}"
 msgid "No attachments."
 msgstr "No attachments."
 
-#: src/strings.ts:375
+#: src/strings.ts:374
 msgid "No backups found"
 msgstr "No backups found"
 
-#: src/strings.ts:278
+#: src/strings.ts:277
 msgid "No blocks linked"
 msgstr "No blocks linked"
 
-#: src/strings.ts:786
+#: src/strings.ts:788
 msgid "No color selected"
 msgstr "No color selected"
 
-#: src/strings.ts:1247
+#: src/strings.ts:1251
 msgid "No directory selected"
 msgstr "No directory selected"
 
@@ -4553,23 +4718,23 @@ msgstr "No directory selected"
 msgid "No downloads in progress."
 msgstr "No downloads in progress."
 
-#: src/strings.ts:2005
+#: src/strings.ts:2009
 msgid "No encryption key found"
 msgstr "No encryption key found"
 
-#: src/strings.ts:2775
+#: src/strings.ts:2800
 msgid "No failed inbox items"
 msgstr "No failed inbox items"
 
-#: src/strings.ts:1686
+#: src/strings.ts:1690
 msgid "No headings found"
 msgstr "No headings found"
 
-#: src/strings.ts:596
+#: src/strings.ts:598
 msgid "No linked notes"
 msgstr "No linked notes"
 
-#: src/strings.ts:282
+#: src/strings.ts:281
 msgid "No links found"
 msgstr "No links found"
 
@@ -4577,15 +4742,15 @@ msgstr "No links found"
 msgid "No note history available for this device."
 msgstr "No note history available for this device."
 
-#: src/strings.ts:2524
+#: src/strings.ts:2528
 msgid "No notebooks selected to move"
 msgstr "No notebooks selected to move"
 
-#: src/strings.ts:1530
+#: src/strings.ts:1534
 msgid "No notebooks yet"
 msgstr "No notebooks yet"
 
-#: src/strings.ts:2858
+#: src/strings.ts:2883
 msgid "No notes yet"
 msgstr "No notes yet"
 
@@ -4593,88 +4758,92 @@ msgstr "No notes yet"
 msgid "No one can view this {type} except you."
 msgstr "No one can view this {type} except you."
 
-#: src/strings.ts:2647
+#: src/strings.ts:2663
 msgid "No password"
 msgstr "No password"
 
-#: src/strings.ts:279
+#: src/strings.ts:278
 msgid "No references found of this note"
 msgstr "No references found of this note"
 
-#: src/strings.ts:1537
+#: src/strings.ts:1541
 msgid "No results found"
 msgstr "No results found"
 
-#: src/strings.ts:406
+#: src/strings.ts:409
 msgid "No results found for \"{query}\""
 msgstr "No results found for \"{query}\""
 
-#: src/strings.ts:1537
+#: src/strings.ts:1541
 msgid "No results found for {query}"
 msgstr "No results found for {query}"
 
-#: src/strings.ts:2852
+#: src/strings.ts:2877
 msgid "No tags yet"
 msgstr "No tags yet"
 
-#: src/strings.ts:412
+#: src/strings.ts:415
 msgid "No themes found"
 msgstr "No themes found"
 
-#: src/strings.ts:379
+#: src/strings.ts:378
 msgid "No updates available"
 msgstr "No updates available"
 
-#: src/strings.ts:661
+#: src/strings.ts:663
 msgid "None"
 msgstr "None"
 
-#: src/strings.ts:2035
+#: src/strings.ts:2039
 msgid "Normal mode"
 msgstr "Normal mode"
 
-#: src/strings.ts:388
+#: src/strings.ts:391
 msgid "Not logged in"
 msgstr "Not logged in"
 
-#: src/strings.ts:285
+#: src/strings.ts:284
 msgid "note"
 msgstr "note"
 
 #: src/strings.ts:58
-#: src/strings.ts:295
+#: src/strings.ts:294
 msgid "Note"
 msgstr "Note"
 
-#: src/strings.ts:815
+#: src/strings.ts:817
 msgid "Note copied to clipboard"
 msgstr "Note copied to clipboard"
 
-#: src/strings.ts:1970
+#: src/strings.ts:2932
+msgid "Note count"
+msgstr "Note count"
+
+#: src/strings.ts:1974
 msgid "Note does not exist"
 msgstr "Note does not exist"
 
-#: src/strings.ts:2800
+#: src/strings.ts:2825
 msgid "Note duplicated"
 msgstr "Note duplicated"
 
-#: src/strings.ts:458
+#: src/strings.ts:461
 msgid "Note history"
 msgstr "Note history"
 
-#: src/strings.ts:810
+#: src/strings.ts:812
 msgid "Note locked"
 msgstr "Note locked"
 
-#: src/strings.ts:859
+#: src/strings.ts:861
 msgid "Note restored from history"
 msgstr "Note restored from history"
 
-#: src/strings.ts:1606
+#: src/strings.ts:1610
 msgid "Note title"
 msgstr "Note title"
 
-#: src/strings.ts:814
+#: src/strings.ts:816
 msgid "Note unlocked"
 msgstr "Note unlocked"
 
@@ -4682,47 +4851,47 @@ msgstr "Note unlocked"
 msgid "Note version history is local only."
 msgstr "Note version history is local only."
 
-#: src/strings.ts:1240
+#: src/strings.ts:1244
 msgid "NOTE: Creating a backup with attachments can take a while, and also fail completely. The app will try to resume/restart the backup in case of interruptions."
 msgstr "NOTE: Creating a backup with attachments can take a while, and also fail completely. The app will try to resume/restart the backup in case of interruptions."
 
-#: src/strings.ts:286
+#: src/strings.ts:285
 msgid "notebook"
 msgstr "notebook"
 
-#: src/strings.ts:296
-#: src/strings.ts:1541
+#: src/strings.ts:295
+#: src/strings.ts:1545
 msgid "Notebook"
 msgstr "Notebook"
 
-#: src/strings.ts:2510
+#: src/strings.ts:2514
 msgid "Notebook added"
 msgstr "Notebook added"
 
-#: src/strings.ts:306
+#: src/strings.ts:305
 msgid "notebooks"
 msgstr "notebooks"
 
-#: src/strings.ts:258
-#: src/strings.ts:316
-#: src/strings.ts:1540
+#: src/strings.ts:257
+#: src/strings.ts:315
+#: src/strings.ts:1544
 msgid "Notebooks"
 msgstr "Notebooks"
 
-#: src/strings.ts:1815
+#: src/strings.ts:1819
 msgid "NOTEBOOKS"
 msgstr "NOTEBOOKS"
 
-#: src/strings.ts:2272
+#: src/strings.ts:2276
 msgid "Notebooks are the best way to organize your notes."
 msgstr "Notebooks are the best way to organize your notes."
 
-#: src/strings.ts:305
+#: src/strings.ts:304
 msgid "notes"
 msgstr "notes"
 
-#: src/strings.ts:315
-#: src/strings.ts:1539
+#: src/strings.ts:314
+#: src/strings.ts:1543
 msgid "Notes"
 msgstr "Notes"
 
@@ -4730,35 +4899,35 @@ msgstr "Notes"
 msgid "Notes exported as {path} successfully"
 msgstr "Notes exported as {path} successfully"
 
-#: src/strings.ts:1771
+#: src/strings.ts:1775
 msgid "notes imported"
 msgstr "notes imported"
 
-#: src/strings.ts:2574
+#: src/strings.ts:2588
 msgid "Notesnook"
 msgstr "Notesnook"
 
-#: src/strings.ts:2632
+#: src/strings.ts:2648
 msgid "Notesnook Circle"
 msgstr "Notesnook Circle"
 
-#: src/strings.ts:2634
-msgid "Notesnook Circle brings together trusted partners who share our commitment to privacy, transparency, and user freedom."
-msgstr "Notesnook Circle brings together trusted partners who share our commitment to privacy, transparency, and user freedom."
+#: src/strings.ts:2654
+msgid "Notesnook Circle is exclusively available to subscribed users."
+msgstr "Notesnook Circle is exclusively available to subscribed users."
 
-#: src/strings.ts:2098
+#: src/strings.ts:2102
 msgid "Notesnook encrypts everything offline before syncing to your other devices. This means that no one can read your notes except you. Not even us."
 msgstr "Notesnook encrypts everything offline before syncing to your other devices. This means that no one can read your notes except you. Not even us."
 
-#: src/strings.ts:2173
+#: src/strings.ts:2177
 msgid "Notesnook Importer"
 msgstr "Notesnook Importer"
 
-#: src/strings.ts:1082
+#: src/strings.ts:1084
 msgid "Notesnook Pro"
 msgstr "Notesnook Pro"
 
-#: src/strings.ts:2205
+#: src/strings.ts:2209
 msgid ""
 "Notesnook uses the following DNS providers:\n"
 "\n"
@@ -4774,79 +4943,83 @@ msgstr ""
 "\n"
 "This can sometimes bypass local ISP blockages on Notesnook traffic. Disable this if you want the app to use system's DNS settings."
 
-#: src/strings.ts:1003
+#: src/strings.ts:1005
 msgid "Notesnook will send you a 2FA code on your email when prompted"
 msgstr "Notesnook will send you a 2FA code on your email when prompted"
 
-#: src/strings.ts:1010
+#: src/strings.ts:1012
 msgid "Notesnook will send you an SMS with a 2FA code when prompted"
 msgstr "Notesnook will send you an SMS with a 2FA code when prompted"
 
-#: src/strings.ts:2168
+#: src/strings.ts:2172
 msgid "Notifications"
 msgstr "Notifications"
 
-#: src/strings.ts:1393
+#: src/strings.ts:1397
 msgid "Notifications disabled"
 msgstr "Notifications disabled"
 
-#: src/strings.ts:2306
+#: src/strings.ts:2310
 msgid "Numbered list"
 msgstr "Numbered list"
 
-#: src/strings.ts:1739
+#: src/strings.ts:1743
 msgid "of"
 msgstr "of"
 
-#: src/strings.ts:1623
+#: src/strings.ts:1627
 msgid "Off"
 msgstr "Off"
 
-#: src/strings.ts:395
+#: src/strings.ts:398
 msgid "Offline"
 msgstr "Offline"
 
-#: src/strings.ts:2829
+#: src/strings.ts:1103
+msgid "Offline & storage"
+msgstr "Offline & storage"
+
+#: src/strings.ts:2854
 msgid "Offline mode"
 msgstr "Offline mode"
 
-#: src/strings.ts:2707
+#: src/strings.ts:2725
 msgid "OK"
 msgstr "OK"
 
-#: src/strings.ts:2258
+#: src/strings.ts:2262
 msgid "Okay"
 msgstr "Okay"
 
-#: src/strings.ts:641
+#: src/strings.ts:643
 msgid "Old - new"
 msgstr "Old - new"
 
-#: src/strings.ts:1856
+#: src/strings.ts:1860
 msgid "Older version"
 msgstr "Older version"
 
-#: src/strings.ts:2044
+#: src/strings.ts:2048
 msgid "Oldest - newest"
 msgstr "Oldest - newest"
 
-#: src/strings.ts:2856
+#: src/strings.ts:2881
 msgid "Oldest first"
 msgstr "Oldest first"
 
-#: src/strings.ts:736
+#: src/strings.ts:738
 msgid "Once your password is changed, please make sure to save the new account recovery key"
 msgstr "Once your password is changed, please make sure to save the new account recovery key"
 
-#: src/strings.ts:2838
+#: src/strings.ts:2863
 msgid "One time purchase"
 msgstr "One time purchase"
 
-#: src/strings.ts:2592
+#: src/strings.ts:2606
 msgid "One time purchase, no auto-renewal"
 msgstr "One time purchase, no auto-renewal"
 
-#: src/strings.ts:1792
+#: src/strings.ts:1796
 msgid "Only .zip files are supported."
 msgstr "Only .zip files are supported."
 
@@ -4854,100 +5027,108 @@ msgstr "Only .zip files are supported."
 msgid "Open"
 msgstr "Open"
 
-#: src/strings.ts:577
+#: src/strings.ts:579
 msgid "Open file location"
 msgstr "Open file location"
 
-#: src/strings.ts:265
+#: src/strings.ts:264
 msgid "Open in browser"
 msgstr "Open in browser"
 
-#: src/strings.ts:1322
+#: src/strings.ts:1326
 msgid "Open in browser to manage subscription"
 msgstr "Open in browser to manage subscription"
 
-#: src/strings.ts:2356
+#: src/strings.ts:2360
 msgid "Open in new tab"
 msgstr "Open in new tab"
 
-#: src/strings.ts:579
+#: src/strings.ts:581
 msgid "Open issue"
 msgstr "Open issue"
 
-#: src/strings.ts:2296
+#: src/strings.ts:2300
 msgid "Open link"
 msgstr "Open link"
 
-#: src/strings.ts:1884
+#: src/strings.ts:1888
 msgid "Open note"
 msgstr "Open note"
 
-#: src/strings.ts:1396
+#: src/strings.ts:1400
 msgid "Open settings"
 msgstr "Open settings"
 
-#: src/strings.ts:2357
+#: src/strings.ts:2361
 msgid "Open source"
 msgstr "Open source"
 
-#: src/strings.ts:1304
+#: src/strings.ts:1308
 msgid "Open source libraries used in Notesnook"
 msgstr "Open source libraries used in Notesnook"
 
-#: src/strings.ts:1303
+#: src/strings.ts:1307
 msgid "Open source licenses"
 msgstr "Open source licenses"
 
-#: src/strings.ts:821
+#: src/strings.ts:823
 msgid "Open source."
 msgstr "Open source."
 
-#: src/strings.ts:999
+#: src/strings.ts:1001
 msgid "Open the two-factor authentication (TOTP) app to view your authentication code."
 msgstr "Open the two-factor authentication (TOTP) app to view your authentication code."
 
-#: src/strings.ts:2789
+#: src/strings.ts:2814
 msgid "Opening local file"
 msgstr "Opening local file"
 
-#: src/strings.ts:1878
+#: src/strings.ts:1882
 msgid "Optional"
 msgstr "Optional"
 
-#: src/strings.ts:255
+#: src/strings.ts:254
 msgid "or email us at"
 msgstr "or email us at"
 
-#: src/strings.ts:2043
+#: src/strings.ts:2047
 msgid "Order by"
 msgstr "Order by"
 
-#: src/strings.ts:2251
+#: src/strings.ts:2255
 msgid "Order ID"
 msgstr "Order ID"
 
-#: src/strings.ts:758
-#: src/strings.ts:762
+#: src/strings.ts:2923
+msgid "Organization"
+msgstr "Organization"
+
+#: src/strings.ts:760
+#: src/strings.ts:764
 msgid "Orphaned"
 msgstr "Orphaned"
 
-#: src/strings.ts:2176
+#: src/strings.ts:2180
 msgid "Other"
 msgstr "Other"
 
-#: src/strings.ts:2377
+#: src/strings.ts:2381
 msgid "Outline list"
 msgstr "Outline list"
 
-#: src/strings.ts:2380
+#: src/strings.ts:2584
+msgid "Outlines, note linking, and more"
+msgstr "Outlines, note linking, and more"
+
+#: src/strings.ts:2384
 msgid "Paragraph"
 msgstr "Paragraph"
 
-#: src/strings.ts:2523
+#: src/strings.ts:2527
 msgid "Paragraphs"
 msgstr "Paragraphs"
 
-#: src/strings.ts:2132
+#: src/strings.ts:2136
 msgid "Partial backups contain all your data except attachments. They are created from data already available on your device and do not require an Internet connection."
 msgstr "Partial backups contain all your data except attachments. They are created from data already available on your device and do not require an Internet connection."
 
@@ -4955,226 +5136,234 @@ msgstr "Partial backups contain all your data except attachments. They are creat
 msgid "Partially refunded"
 msgstr "Partially refunded"
 
-#: src/strings.ts:2434
+#: src/strings.ts:2438
 msgid "Passed"
 msgstr "Passed"
 
-#: src/strings.ts:897
+#: src/strings.ts:899
 msgid "Password"
 msgstr "Password"
 
-#: src/strings.ts:771
+#: src/strings.ts:773
 msgid "Password change failed"
 msgstr "Password change failed"
 
-#: src/strings.ts:770
+#: src/strings.ts:772
 msgid "Password changed successfully"
 msgstr "Password changed successfully"
 
-#: src/strings.ts:808
+#: src/strings.ts:810
 msgid "Password does not match"
 msgstr "Password does not match"
 
-#: src/strings.ts:783
+#: src/strings.ts:785
 msgid "Password incorrect"
 msgstr "Password incorrect"
 
-#: src/strings.ts:807
+#: src/strings.ts:809
 msgid "Password not entered"
 msgstr "Password not entered"
 
-#: src/strings.ts:266
+#: src/strings.ts:265
 msgid "Password protection"
 msgstr "Password protection"
 
-#: src/strings.ts:2747
+#: src/strings.ts:2767
 msgid "Password required"
 msgstr "Password required"
 
-#: src/strings.ts:809
+#: src/strings.ts:811
 msgid "Password updated"
 msgstr "Password updated"
 
-#: src/strings.ts:2112
+#: src/strings.ts:2116
 msgid "Password/pin"
 msgstr "Password/pin"
 
-#: src/strings.ts:2280
+#: src/strings.ts:2284
 msgid "Paste"
 msgstr "Paste"
 
-#: src/strings.ts:2281
+#: src/strings.ts:2285
 msgid "Paste and match style"
 msgstr "Paste and match style"
 
-#: src/strings.ts:2402
+#: src/strings.ts:2406
 msgid "Paste embed code here. Only iframes are supported."
 msgstr "Paste embed code here. Only iframes are supported."
 
-#: src/strings.ts:2417
+#: src/strings.ts:2421
 msgid "Paste image URL here"
 msgstr "Paste image URL here"
 
-#: src/strings.ts:2282
+#: src/strings.ts:2286
 msgid "Paste without formatting"
 msgstr "Paste without formatting"
 
-#: src/strings.ts:2593
+#: src/strings.ts:1110
+msgid "Pause sync"
+msgstr "Pause sync"
+
+#: src/strings.ts:2607
 msgid "Pay once and use for 5 years"
 msgstr "Pay once and use for 5 years"
 
-#: src/strings.ts:2230
+#: src/strings.ts:2799
+msgid "Payload data"
+msgstr "Payload data"
+
+#: src/strings.ts:2234
 msgid "Payment method"
 msgstr "Payment method"
 
-#: src/strings.ts:2841
+#: src/strings.ts:2866
 msgid "Payment summary"
 msgstr "Payment summary"
 
-#: src/strings.ts:788
+#: src/strings.ts:790
 msgid "PDF is password protected"
 msgstr "PDF is password protected"
 
-#: src/strings.ts:2809
+#: src/strings.ts:2834
 msgid "Permission required to save QR-Code to Gallery"
 msgstr "Permission required to save QR-Code to Gallery"
 
-#: src/strings.ts:1750
+#: src/strings.ts:1754
 msgid "phone number"
 msgstr "phone number"
 
-#: src/strings.ts:1869
+#: src/strings.ts:1873
 msgid "Phone number"
 msgstr "Phone number"
 
-#: src/strings.ts:1023
+#: src/strings.ts:1025
 msgid "Phone number not entered"
 msgstr "Phone number not entered"
 
-#: src/strings.ts:914
+#: src/strings.ts:916
 msgid "Pin"
 msgstr "Pin"
 
-#: src/strings.ts:1711
+#: src/strings.ts:1715
 msgid "Pin notes in notifications drawer"
 msgstr "Pin notes in notifications drawer"
 
-#: src/strings.ts:944
+#: src/strings.ts:946
 msgid "Pin notification"
 msgstr "Pin notification"
 
-#: src/strings.ts:523
+#: src/strings.ts:525
 msgid "Pinned"
 msgstr "Pinned"
 
-#: src/strings.ts:2614
+#: src/strings.ts:2628
 msgid "Plan limits"
 msgstr "Plan limits"
 
-#: src/strings.ts:2574
+#: src/strings.ts:2588
 msgid "Plans"
 msgstr "Plans"
 
-#: src/strings.ts:1018
+#: src/strings.ts:1020
 msgid "Please confirm your identity by entering a recovery code."
 msgstr "Please confirm your identity by entering a recovery code."
 
-#: src/strings.ts:997
-#: src/strings.ts:2264
+#: src/strings.ts:999
+#: src/strings.ts:2268
 msgid "Please confirm your identity by entering the authentication code from your authenticator app."
 msgstr "Please confirm your identity by entering the authentication code from your authenticator app."
 
 #. placeholder {0}: phoneNumber ? phoneNumber : "your registered phone number."
-#: src/strings.ts:1012
+#: src/strings.ts:1014
 msgid "Please confirm your identity by entering the authentication code sent to {0}."
 msgstr "Please confirm your identity by entering the authentication code sent to {0}."
 
-#: src/strings.ts:1005
+#: src/strings.ts:1007
 msgid "Please confirm your identity by entering the authentication code sent to your email address."
 msgstr "Please confirm your identity by entering the authentication code sent to your email address."
 
-#: src/strings.ts:1930
+#: src/strings.ts:1934
 msgid "Please download a backup of your data as your account will be cleared before recovery."
 msgstr "Please download a backup of your data as your account will be cleared before recovery."
 
-#: src/strings.ts:2028
+#: src/strings.ts:2032
 msgid "Please enable automatic backups to avoid losing important data."
 msgstr "Please enable automatic backups to avoid losing important data."
 
-#: src/strings.ts:2693
+#: src/strings.ts:2710
 msgid "Please enter a key name"
 msgstr "Please enter a key name"
 
-#: src/strings.ts:1533
-#: src/strings.ts:2749
+#: src/strings.ts:1537
+#: src/strings.ts:2769
 msgid "Please enter a valid email address"
 msgstr "Please enter a valid email address"
 
-#: src/strings.ts:1975
+#: src/strings.ts:1979
 msgid "Please enter a valid hex color (e.g. #ffffff)"
 msgstr "Please enter a valid hex color (e.g. #ffffff)"
 
-#: src/strings.ts:1534
+#: src/strings.ts:1538
 msgid "Please enter a valid phone number with country code"
 msgstr "Please enter a valid phone number with country code"
 
-#: src/strings.ts:1656
+#: src/strings.ts:1660
 msgid "Please enter a valid URL"
 msgstr "Please enter a valid URL"
 
-#: src/strings.ts:1641
+#: src/strings.ts:1645
 msgid "Please enter password of this backup file"
 msgstr "Please enter password of this backup file"
 
-#: src/strings.ts:2275
+#: src/strings.ts:2279
 msgid "Please enter the password to decrypt and restore this backup."
 msgstr "Please enter the password to decrypt and restore this backup."
 
-#: src/strings.ts:790
+#: src/strings.ts:792
 msgid "Please enter the password to unlock the PDF and view the content."
 msgstr "Please enter the password to unlock the PDF and view the content."
 
-#: src/strings.ts:1886
+#: src/strings.ts:1890
 msgid "Please enter the password to unlock this note"
 msgstr "Please enter the password to unlock this note"
 
-#: src/strings.ts:1883
+#: src/strings.ts:1887
 msgid "Please enter the password to view this version"
 msgstr "Please enter the password to view this version"
 
-#: src/strings.ts:2713
+#: src/strings.ts:2731
 msgid "Please enter your account password to view this API key."
 msgstr "Please enter your account password to view this API key."
 
-#: src/strings.ts:1037
+#: src/strings.ts:1039
 msgid "Please enter your app lock password to continue"
 msgstr "Please enter your app lock password to continue"
 
-#: src/strings.ts:1039
+#: src/strings.ts:1041
 msgid "Please enter your app lock pin to continue"
 msgstr "Please enter your app lock pin to continue"
 
-#: src/strings.ts:1033
+#: src/strings.ts:1035
 msgid "Please enter your password to continue"
 msgstr "Please enter your password to continue"
 
-#: src/strings.ts:1954
+#: src/strings.ts:1958
 msgid "Please enter your vault password to continue"
 msgstr "Please enter your vault password to continue"
 
-#: src/strings.ts:768
+#: src/strings.ts:770
 msgid "Please fill all the fields to continue."
 msgstr "Please fill all the fields to continue."
 
-#: src/strings.ts:1577
+#: src/strings.ts:1581
 msgid "Please grant notifications permission to add new reminders."
 msgstr "Please grant notifications permission to add new reminders."
 
-#: src/strings.ts:2764
+#: src/strings.ts:2784
 msgid "Please login to download attachments."
 msgstr "Please login to download attachments."
 
-#: src/strings.ts:887
+#: src/strings.ts:889
 msgid "Please make sure you have saved the recovery key. Tap one more time to confirm."
 msgstr "Please make sure you have saved the recovery key. Tap one more time to confirm."
 
@@ -5182,35 +5371,35 @@ msgstr "Please make sure you have saved the recovery key. Tap one more time to c
 msgid "Please note that we will respond to your issue on the given link. We recommend that you save it."
 msgstr "Please note that we will respond to your issue on the given link. We recommend that you save it."
 
-#: src/strings.ts:2869
+#: src/strings.ts:2894
 msgid "Please provide a valid multi factor authentication code."
 msgstr "Please provide a valid multi factor authentication code."
 
-#: src/strings.ts:2867
+#: src/strings.ts:2892
 msgid "Please provide a valid multi factor authentication recovery code."
 msgstr "Please provide a valid multi factor authentication recovery code."
 
-#: src/strings.ts:1786
+#: src/strings.ts:1790
 msgid "Please refer to the"
 msgstr "Please refer to the"
 
-#: src/strings.ts:1578
+#: src/strings.ts:1582
 msgid "Please select the day to repeat the reminder on"
 msgstr "Please select the day to repeat the reminder on"
 
-#: src/strings.ts:1412
+#: src/strings.ts:1416
 msgid "please send us an email from your registered email address"
 msgstr "please send us an email from your registered email address"
 
-#: src/strings.ts:2423
+#: src/strings.ts:2427
 msgid "Please set a table size"
 msgstr "Please set a table size"
 
-#: src/strings.ts:1579
+#: src/strings.ts:1583
 msgid "Please set title of the reminder"
 msgstr "Please set title of the reminder"
 
-#: src/strings.ts:2008
+#: src/strings.ts:2012
 msgid "Please try again"
 msgstr "Please try again"
 
@@ -5218,20 +5407,20 @@ msgstr "Please try again"
 msgid "Please verify it's you"
 msgstr "Please verify it's you"
 
-#: src/strings.ts:262
+#: src/strings.ts:261
 msgid "Please wait"
 msgstr "Please wait"
 
-#: src/strings.ts:1022
+#: src/strings.ts:1024
 msgid "Please wait before requesting a new code"
 msgstr "Please wait before requesting a new code"
 
-#: src/strings.ts:1415
-#: src/strings.ts:1572
+#: src/strings.ts:1419
+#: src/strings.ts:1576
 msgid "Please wait before requesting another email"
 msgstr "Please wait before requesting another email"
 
-#: src/strings.ts:958
+#: src/strings.ts:960
 msgid "Please wait while we encrypt {name} for upload."
 msgstr "Please wait while we encrypt {name} for upload."
 
@@ -5243,76 +5432,80 @@ msgstr "Please wait while we export your not."
 msgid "Please wait while we export your notes."
 msgstr "Please wait while we export your notes."
 
-#: src/strings.ts:1915
+#: src/strings.ts:1919
 msgid "Please wait while we finalize your account."
 msgstr "Please wait while we finalize your account."
 
-#: src/strings.ts:1081
+#: src/strings.ts:1083
 msgid "Please wait while we load your subscription"
 msgstr "Please wait while we load your subscription"
 
-#: src/strings.ts:404
+#: src/strings.ts:407
 msgid "Please wait while we log you out."
 msgstr "Please wait while we log you out."
 
-#: src/strings.ts:1936
+#: src/strings.ts:1940
 msgid "Please wait while we reset your account password."
 msgstr "Please wait while we reset your account password."
 
-#: src/strings.ts:1634
+#: src/strings.ts:1638
 msgid "Please wait while we restore your backup..."
 msgstr "Please wait while we restore your backup..."
 
-#: src/strings.ts:1918
+#: src/strings.ts:1922
 msgid "Please wait while we send you recovery instructions"
 msgstr "Please wait while we send you recovery instructions"
 
-#: src/strings.ts:260
+#: src/strings.ts:259
 msgid "Please wait while we sync all your data."
 msgstr "Please wait while we sync all your data."
 
-#: src/strings.ts:1087
+#: src/strings.ts:1089
 msgid "Please wait while we verify your subscription"
 msgstr "Please wait while we verify your subscription"
 
-#: src/strings.ts:1804
-#: src/strings.ts:1911
+#: src/strings.ts:1808
+#: src/strings.ts:1915
 msgid "Please wait while you are authenticated."
 msgstr "Please wait while you are authenticated."
 
-#: src/strings.ts:1923
+#: src/strings.ts:1927
 msgid "Please wait while your data is downloaded & decrypted."
 msgstr "Please wait while your data is downloaded & decrypted."
 
-#: src/strings.ts:919
+#: src/strings.ts:2944
+msgid "Preparing logs.."
+msgstr "Preparing logs.."
+
+#: src/strings.ts:921
 msgid "Preparing note for share"
 msgstr "Preparing note for share"
 
-#: src/strings.ts:1636
+#: src/strings.ts:1640
 msgid "Preparing to restore backup file..."
 msgstr "Preparing to restore backup file..."
 
-#: src/strings.ts:428
+#: src/strings.ts:431
 msgid "PRESETS"
 msgstr "PRESETS"
 
-#: src/strings.ts:2150
+#: src/strings.ts:2154
 msgid "Pressing \"—\" will hide the app in your system tray."
 msgstr "Pressing \"—\" will hide the app in your system tray."
 
-#: src/strings.ts:2153
+#: src/strings.ts:2157
 msgid "Pressing \"X\" will hide the app in your system tray."
 msgstr "Pressing \"X\" will hide the app in your system tray."
 
-#: src/strings.ts:2201
+#: src/strings.ts:2205
 msgid "Prevent note title from appearing in tab/window title."
 msgstr "Prevent note title from appearing in tab/window title."
 
-#: src/strings.ts:2821
+#: src/strings.ts:2846
 msgid "Prevent the screen from turning off while the editor is focused."
 msgstr "Prevent the screen from turning off while the editor is focused."
 
-#: src/strings.ts:2344
+#: src/strings.ts:2348
 msgid "Preview attachment"
 msgstr "Preview attachment"
 
@@ -5320,43 +5513,43 @@ msgstr "Preview attachment"
 msgid "Preview not available, content is encrypted."
 msgstr "Preview not available, content is encrypted."
 
-#: src/strings.ts:2411
+#: src/strings.ts:2415
 msgid "Previous match"
 msgstr "Previous match"
 
-#: src/strings.ts:2476
+#: src/strings.ts:2480
 msgid "Previous tab"
 msgstr "Previous tab"
 
-#: src/strings.ts:2055
+#: src/strings.ts:2059
 msgid "Print"
 msgstr "Print"
 
-#: src/strings.ts:2175
+#: src/strings.ts:2179
 msgid "Privacy"
 msgstr "Privacy"
 
-#: src/strings.ts:1177
+#: src/strings.ts:1181
 msgid "Privacy & security"
 msgstr "Privacy & security"
 
-#: src/strings.ts:1676
+#: src/strings.ts:1680
 msgid "Privacy comes first."
 msgstr "Privacy comes first."
 
-#: src/strings.ts:838
+#: src/strings.ts:840
 msgid "Privacy for everyone"
 msgstr "Privacy for everyone"
 
-#: src/strings.ts:1196
+#: src/strings.ts:1200
 msgid "Privacy mode"
 msgstr "Privacy mode"
 
-#: src/strings.ts:1301
+#: src/strings.ts:1305
 msgid "Privacy policy"
 msgstr "Privacy policy"
 
-#: src/strings.ts:2611
+#: src/strings.ts:2625
 msgid "Privacy Policy."
 msgstr "Privacy Policy."
 
@@ -5368,195 +5561,207 @@ msgstr "Privacy Policy. "
 msgid "private analytics and bug reports."
 msgstr "private analytics and bug reports."
 
-#: src/strings.ts:2746
+#: src/strings.ts:2766
 msgid "Private key is passphrase-protected. Please provide the decrypted key or a key without a passphrase."
 msgstr "Private key is passphrase-protected. Please provide the decrypted key or a key without a passphrase."
 
-#: src/strings.ts:2766
+#: src/strings.ts:2786
 msgid "Private key required"
 msgstr "Private key required"
 
-#: src/strings.ts:2732
+#: src/strings.ts:2752
 msgid "Private key:"
 msgstr "Private key:"
 
-#: src/strings.ts:829
+#: src/strings.ts:831
 msgid "Private."
 msgstr "Private."
 
-#: src/strings.ts:1742
+#: src/strings.ts:1746
 msgid "Pro"
 msgstr "Pro"
 
-#: src/strings.ts:2501
+#: src/strings.ts:2505
 msgid "Pro plan"
 msgstr "Pro plan"
 
-#: src/strings.ts:2068
+#: src/strings.ts:2072
 msgid "Processing {collection}..."
 msgstr "Processing {collection}..."
 
-#: src/strings.ts:2067
+#: src/strings.ts:2071
 msgid "Processing..."
 msgstr "Processing..."
 
-#: src/strings.ts:1256
+#: src/strings.ts:1260
 msgid "Productivity"
 msgstr "Productivity"
 
-#: src/strings.ts:2164
+#: src/strings.ts:2168
 msgid "Profile"
 msgstr "Profile"
 
-#: src/strings.ts:1976
+#: src/strings.ts:1980
 msgid "Profile updated"
 msgstr "Profile updated"
 
-#: src/strings.ts:1887
+#: src/strings.ts:1891
 msgid "Properties"
 msgstr "Properties"
 
-#: src/strings.ts:401
+#: src/strings.ts:2794
+msgid "Protect incoming messages so only you can read them"
+msgstr "Protect incoming messages so only you can read them"
+
+#: src/strings.ts:2582
+msgid "Protect notes with app-level security"
+msgstr "Protect notes with app-level security"
+
+#: src/strings.ts:404
 msgid "Protect your notes"
 msgstr "Protect your notes"
 
-#: src/strings.ts:2770
+#: src/strings.ts:2791
 msgid "Provide your own keys"
 msgstr "Provide your own keys"
 
-#: src/strings.ts:2212
+#: src/strings.ts:2216
 msgid "Proxy"
 msgstr "Proxy"
 
-#: src/strings.ts:2765
+#: src/strings.ts:2785
 msgid "Public key required"
 msgstr "Public key required"
 
-#: src/strings.ts:2731
+#: src/strings.ts:2751
 msgid "Public key:"
 msgstr "Public key:"
 
-#: src/strings.ts:486
+#: src/strings.ts:488
 msgid "Publish"
 msgstr "Publish"
 
-#: src/strings.ts:487
+#: src/strings.ts:489
 msgid "Publish note"
 msgstr "Publish note"
 
-#: src/strings.ts:2648
+#: src/strings.ts:2664
 msgid "Publish to the web"
 msgstr "Publish to the web"
 
-#: src/strings.ts:489
+#: src/strings.ts:491
 msgid "Publish your note to share it with others. You can set a password to protect it."
 msgstr "Publish your note to share it with others. You can set a password to protect it."
 
-#: src/strings.ts:942
+#: src/strings.ts:944
 msgid "Published"
 msgstr "Published"
 
-#: src/strings.ts:263
+#: src/strings.ts:262
 msgid "Published at"
 msgstr "Published at"
 
-#: src/strings.ts:268
+#: src/strings.ts:267
 msgid "Published note can only be viewed by someone with the password."
 msgstr "Published note can only be viewed by someone with the password."
 
-#: src/strings.ts:271
+#: src/strings.ts:270
 msgid "Published note link will be automatically deleted once it is viewed by someone."
 msgstr "Published note link will be automatically deleted once it is viewed by someone."
 
-#: src/strings.ts:2602
+#: src/strings.ts:2616
 msgid "Purchase"
 msgstr "Purchase"
 
-#: src/strings.ts:1387
+#: src/strings.ts:1391
 msgid "Quick note"
 msgstr "Quick note"
 
-#: src/strings.ts:1257
+#: src/strings.ts:1261
 msgid "Quick note notification"
 msgstr "Quick note notification"
 
-#: src/strings.ts:1713
+#: src/strings.ts:1717
 msgid "Quick note widgets"
 msgstr "Quick note widgets"
 
-#: src/strings.ts:2472
+#: src/strings.ts:2476
 msgid "Quick open"
 msgstr "Quick open"
 
-#: src/strings.ts:1259
+#: src/strings.ts:1263
 msgid "Quickly create a note from the notification"
 msgstr "Quickly create a note from the notification"
 
-#: src/strings.ts:2364
+#: src/strings.ts:2368
 msgid "Quote"
 msgstr "Quote"
 
-#: src/strings.ts:1373
+#: src/strings.ts:1377
 msgid "Rate Notesnook on App Store"
 msgstr "Rate Notesnook on App Store"
 
-#: src/strings.ts:1374
+#: src/strings.ts:1378
 msgid "Rate Notesnook on Play Store"
 msgstr "Rate Notesnook on Play Store"
 
-#: src/strings.ts:589
+#: src/strings.ts:591
 msgid "Rate now (It takes only a second)"
 msgstr "Rate now (It takes only a second)"
 
-#: src/strings.ts:386
-msgid "Read full release notes on Github"
-msgstr "Read full release notes on Github"
+#: src/strings.ts:387
+msgid "Read full release notes on "
+msgstr "Read full release notes on "
 
-#: src/strings.ts:928
+#: src/strings.ts:930
 msgid "Read only"
 msgstr "Read only"
 
-#: src/strings.ts:1281
+#: src/strings.ts:1285
 msgid "Read the documentation to learn more about Notesnook"
 msgstr "Read the documentation to learn more about Notesnook"
 
-#: src/strings.ts:1302
+#: src/strings.ts:1306
 msgid "Read the privacy policy"
 msgstr "Read the privacy policy"
 
-#: src/strings.ts:1300
+#: src/strings.ts:1304
 msgid "Read the terms of service"
 msgstr "Read the terms of service"
 
-#: src/strings.ts:1637
+#: src/strings.ts:1641
 msgid "Reading backup file..."
 msgstr "Reading backup file..."
 
-#: src/strings.ts:2576
+#: src/strings.ts:2590
 msgid "Ready to take the next step on your private note taking journey?"
 msgstr "Ready to take the next step on your private note taking journey?"
 
-#: src/strings.ts:2254
+#: src/strings.ts:1108
+msgid "Real-time sync"
+msgstr "Real-time sync"
+
+#: src/strings.ts:2258
 msgid "Receipt"
 msgstr "Receipt"
 
-#: src/strings.ts:1632
-msgid "RECENT BACKUPS"
-msgstr "RECENT BACKUPS"
+#: src/strings.ts:1636
+msgid "Recent backups"
+msgstr "Recent backups"
 
-#: src/strings.ts:2487
+#: src/strings.ts:2491
 msgid "Recents"
 msgstr "Recents"
 
-#: src/strings.ts:2430
+#: src/strings.ts:2434
 msgid "Recheck all"
 msgstr "Recheck all"
 
-#: src/strings.ts:2022
+#: src/strings.ts:2026
 msgid "Rechecking failed"
 msgstr "Rechecking failed"
 
-#: src/strings.ts:2455
+#: src/strings.ts:2459
 msgid "Recipes"
 msgstr "Recipes"
 
@@ -5564,23 +5769,23 @@ msgstr "Recipes"
 msgid "Recommended"
 msgstr "Recommended"
 
-#: src/strings.ts:2578
+#: src/strings.ts:2592
 msgid "Recommended by Privacy Guides"
 msgstr "Recommended by Privacy Guides"
 
-#: src/strings.ts:435
+#: src/strings.ts:438
 msgid "Recover your account"
 msgstr "Recover your account"
 
-#: src/strings.ts:2865
+#: src/strings.ts:2890
 msgid "Recovery code"
 msgstr "Recovery code"
 
-#: src/strings.ts:1021
+#: src/strings.ts:1023
 msgid "Recovery codes copied!"
 msgstr "Recovery codes copied!"
 
-#: src/strings.ts:1026
+#: src/strings.ts:1028
 msgid "Recovery codes saved!"
 msgstr "Recovery codes saved!"
 
@@ -5592,229 +5797,234 @@ msgstr "Recovery email has been sent to your email address. Please check your in
 msgid "Recovery email sent!"
 msgstr "Recovery email sent!"
 
-#: src/strings.ts:890
+#: src/strings.ts:892
 msgid "Recovery key copied"
 msgstr "Recovery key copied"
 
-#: src/strings.ts:888
+#: src/strings.ts:1068
+msgid "Recovery key helps you recover your data if you forget your password."
+msgstr "Recovery key helps you recover your data if you forget your password."
+
+#: src/strings.ts:890
 msgid "Recovery key QR code saved"
 msgstr "Recovery key QR code saved"
 
-#: src/strings.ts:889
+#: src/strings.ts:891
 msgid "Recovery key text file saved"
 msgstr "Recovery key text file saved"
 
-#: src/strings.ts:1937
+#: src/strings.ts:1941
 msgid "Recovery successful!"
 msgstr "Recovery successful!"
 
-#: src/strings.ts:2467
+#: src/strings.ts:2471
 msgid "Redeem"
 msgstr "Redeem"
 
-#: src/strings.ts:2631
+#: src/strings.ts:2647
 msgid "Redeem code"
 msgstr "Redeem code"
 
-#: src/strings.ts:2464
+#: src/strings.ts:2468
 msgid "Redeem gift code"
 msgstr "Redeem gift code"
 
-#: src/strings.ts:2466
+#: src/strings.ts:2470
 msgid "Redeeming gift code"
 msgstr "Redeeming gift code"
 
-#: src/strings.ts:521
+#: src/strings.ts:523
 msgid "Redo"
 msgstr "Redo"
 
-#: src/strings.ts:372
+#: src/strings.ts:371
 msgid "Referenced in"
 msgstr "Referenced in"
 
-#: src/strings.ts:951
+#: src/strings.ts:953
 msgid "References"
 msgstr "References"
 
-#: src/strings.ts:520
+#: src/strings.ts:522
 msgid "Regenerate"
 msgstr "Regenerate"
 
-#: src/strings.ts:2118
+#: src/strings.ts:2122
 msgid "Register"
 msgstr "Register"
 
-#: src/strings.ts:432
+#: src/strings.ts:435
 msgid "Release notes"
 msgstr "Release notes"
 
-#: src/strings.ts:2489
+#: src/strings.ts:2493
 msgid "Release track"
 msgstr "Release track"
 
-#: src/strings.ts:657
+#: src/strings.ts:659
 msgid "Relevance"
 msgstr "Relevance"
 
-#: src/strings.ts:1691
+#: src/strings.ts:1695
 msgid "Reload app"
 msgstr "Reload app"
 
-#: src/strings.ts:1849
+#: src/strings.ts:1853
 msgid "Relogin to your account"
 msgstr "Relogin to your account"
 
-#: src/strings.ts:1817
+#: src/strings.ts:1821
 msgid "Remembered your password?"
 msgstr "Remembered your password?"
 
-#: src/strings.ts:2847
+#: src/strings.ts:2872
+#: src/strings.ts:2897
 msgid "Remind before your trial ends"
 msgstr "Remind before your trial ends"
 
-#: src/strings.ts:941
+#: src/strings.ts:943
 msgid "Remind me"
 msgstr "Remind me"
 
-#: src/strings.ts:371
+#: src/strings.ts:370
 msgid "Remind me in"
 msgstr "Remind me in"
 
-#: src/strings.ts:1524
+#: src/strings.ts:1528
 msgid "Remind me of..."
 msgstr "Remind me of..."
 
-#: src/strings.ts:288
+#: src/strings.ts:287
 msgid "reminder"
 msgstr "reminder"
 
-#: src/strings.ts:298
+#: src/strings.ts:297
 msgid "Reminder"
 msgstr "Reminder"
 
-#: src/strings.ts:1262
+#: src/strings.ts:1266
 msgid "Reminder notifications"
 msgstr "Reminder notifications"
 
-#: src/strings.ts:1580
+#: src/strings.ts:1584
 msgid "Reminder time cannot be earlier than the current time."
 msgstr "Reminder time cannot be earlier than the current time."
 
-#: src/strings.ts:308
+#: src/strings.ts:307
 msgid "reminders"
 msgstr "reminders"
 
-#: src/strings.ts:318
-#: src/strings.ts:1260
-#: src/strings.ts:1543
+#: src/strings.ts:317
+#: src/strings.ts:1264
+#: src/strings.ts:1547
 msgid "Reminders"
 msgstr "Reminders"
 
-#: src/strings.ts:1395
+#: src/strings.ts:1399
 msgid "Reminders cannot be set because notifications have been disabled from app settings. If you want to keep receiving reminder notifications, enable notifications for Notesnook from app settings."
 msgstr "Reminders cannot be set because notifications have been disabled from app settings. If you want to keep receiving reminder notifications, enable notifications for Notesnook from app settings."
 
-#: src/strings.ts:1974
+#: src/strings.ts:1978
 msgid "Reminders will not be active on this device as it does not support notifications."
 msgstr "Reminders will not be active on this device as it does not support notifications."
 
-#: src/strings.ts:782
+#: src/strings.ts:784
 msgid "Remove"
 msgstr "Remove"
 
-#: src/strings.ts:1191
+#: src/strings.ts:1195
 msgid "Remove all notes from the vault."
 msgstr "Remove all notes from the vault."
 
-#: src/strings.ts:1218
+#: src/strings.ts:1222
 msgid "Remove app lock password"
 msgstr "Remove app lock password"
 
-#: src/strings.ts:1222
+#: src/strings.ts:1226
 msgid "Remove app lock password, app lock will be disabled if no other security method is enabled."
 msgstr "Remove app lock password, app lock will be disabled if no other security method is enabled."
 
-#: src/strings.ts:1217
+#: src/strings.ts:1221
 msgid "Remove app lock pin"
 msgstr "Remove app lock pin"
 
-#: src/strings.ts:1220
+#: src/strings.ts:1224
 msgid "Remove app lock pin, app lock will be disabled if no other security method is enabled."
 msgstr "Remove app lock pin, app lock will be disabled if no other security method is enabled."
 
-#: src/strings.ts:910
+#: src/strings.ts:912
 msgid "Remove as default"
 msgstr "Remove as default"
 
-#: src/strings.ts:2348
+#: src/strings.ts:2352
 msgid "Remove attachment"
 msgstr "Remove attachment"
 
-#: src/strings.ts:947
+#: src/strings.ts:949
 msgid "Remove from all"
 msgstr "Remove from all"
 
-#: src/strings.ts:920
+#: src/strings.ts:922
 msgid "Remove from notebook"
 msgstr "Remove from notebook"
 
-#: src/strings.ts:2488
+#: src/strings.ts:2492
 msgid "Remove from recents"
 msgstr "Remove from recents"
 
-#: src/strings.ts:1060
+#: src/strings.ts:1062
 msgid "Remove full name"
 msgstr "Remove full name"
 
-#: src/strings.ts:2295
+#: src/strings.ts:2299
 msgid "Remove link"
 msgstr "Remove link"
 
-#: src/strings.ts:1056
+#: src/strings.ts:1058
 msgid "Remove profile picture"
 msgstr "Remove profile picture"
 
-#: src/strings.ts:1063
+#: src/strings.ts:1065
 msgid "Remove your full name from profile"
 msgstr "Remove your full name from profile"
 
-#: src/strings.ts:1057
+#: src/strings.ts:1059
 msgid "Remove your profile picture"
 msgstr "Remove your profile picture"
 
-#: src/strings.ts:546
+#: src/strings.ts:548
 msgid "Rename"
 msgstr "Rename"
 
-#: src/strings.ts:751
+#: src/strings.ts:753
 msgid "Rename file"
 msgstr "Rename file"
 
-#: src/strings.ts:905
+#: src/strings.ts:907
 msgid "Reorder"
 msgstr "Reorder"
 
-#: src/strings.ts:335
+#: src/strings.ts:334
 msgid "Repeats daily at {date}"
 msgstr "Repeats daily at {date}"
 
-#: src/strings.ts:2408
+#: src/strings.ts:2412
 msgid "Replace"
 msgstr "Replace"
 
-#: src/strings.ts:2409
+#: src/strings.ts:2413
 msgid "Replace all"
 msgstr "Replace all"
 
-#: src/strings.ts:2195
+#: src/strings.ts:2199
 msgid "Report"
 msgstr "Report"
 
-#: src/strings.ts:1273
+#: src/strings.ts:1277
 msgid "Report an issue"
 msgstr "Report an issue"
 
-#: src/strings.ts:472
+#: src/strings.ts:475
 msgid "Report issue"
 msgstr "Report issue"
 
@@ -5823,296 +6033,304 @@ msgid "Resend code in ({seconds})"
 msgstr "Resend code in ({seconds})"
 
 #. placeholder {0}: seconds ? ` in ${seconds}` : ""
-#: src/strings.ts:677
+#: src/strings.ts:679
 msgid "Resend code{0}"
 msgstr "Resend code{0}"
 
-#: src/strings.ts:1418
+#: src/strings.ts:1422
 msgid "Resend email"
 msgstr "Resend email"
 
-#: src/strings.ts:1841
+#: src/strings.ts:1845
 msgid "Reset"
 msgstr "Reset"
 
-#: src/strings.ts:1933
+#: src/strings.ts:1937
 msgid "Reset account password"
 msgstr "Reset account password"
 
-#: src/strings.ts:2515
+#: src/strings.ts:2519
 msgid "Reset homepage"
 msgstr "Reset homepage"
 
-#: src/strings.ts:1842
+#: src/strings.ts:1846
 msgid "Reset selection"
 msgstr "Reset selection"
 
-#: src/strings.ts:1669
+#: src/strings.ts:1673
 msgid "Reset server urls"
 msgstr "Reset server urls"
 
-#: src/strings.ts:2051
+#: src/strings.ts:2055
 msgid "Reset sidebar"
 msgstr "Reset sidebar"
 
-#: src/strings.ts:1163
+#: src/strings.ts:1167
 msgid "Reset the toolbar to default settings"
 msgstr "Reset the toolbar to default settings"
 
-#: src/strings.ts:1162
+#: src/strings.ts:1166
 msgid "Reset toolbar"
 msgstr "Reset toolbar"
 
-#: src/strings.ts:1935
+#: src/strings.ts:1939
 msgid "Resetting account password ({progress})"
 msgstr "Resetting account password ({progress})"
 
-#: src/strings.ts:2010
+#: src/strings.ts:2014
 msgid "Restart now"
 msgstr "Restart now"
 
-#: src/strings.ts:1668
+#: src/strings.ts:1672
 msgid "Restart the app for changes to take effect."
 msgstr "Restart the app for changes to take effect."
 
-#: src/strings.ts:1334
+#: src/strings.ts:1338
 msgid "Restart the app to apply the changes"
 msgstr "Restart the app to apply the changes"
 
-#: src/strings.ts:1614
+#: src/strings.ts:1618
 msgid "Restart the app."
 msgstr "Restart the app."
 
-#: src/strings.ts:568
+#: src/strings.ts:570
 msgid "Restore"
 msgstr "Restore"
 
-#: src/strings.ts:1251
+#: src/strings.ts:2939
+msgid "Restore actions"
+msgstr "Restore actions"
+
+#: src/strings.ts:1255
 msgid "Restore backup"
 msgstr "Restore backup"
 
-#: src/strings.ts:2437
+#: src/strings.ts:2441
 msgid "Restore backup?"
 msgstr "Restore backup?"
 
-#: src/strings.ts:904
+#: src/strings.ts:906
 msgid "Restore failed"
 msgstr "Restore failed"
 
-#: src/strings.ts:1631
+#: src/strings.ts:1635
 msgid "Restore from files"
 msgstr "Restore from files"
 
-#: src/strings.ts:1681
+#: src/strings.ts:1685
 msgid "Restore this version"
 msgstr "Restore this version"
 
-#: src/strings.ts:1252
+#: src/strings.ts:1256
 msgid "Restore your data from a backup"
 msgstr "Restore your data from a backup"
 
-#: src/strings.ts:863
+#: src/strings.ts:865
 msgid "Restored successfully"
 msgstr "Restored successfully"
 
-#: src/strings.ts:376
+#: src/strings.ts:375
 msgid "Restoring"
 msgstr "Restoring"
 
-#: src/strings.ts:377
+#: src/strings.ts:376
 msgid "Restoring {collection}..."
 msgstr "Restoring {collection}..."
 
-#: src/strings.ts:1633
+#: src/strings.ts:1637
 msgid "Restoring backup..."
 msgstr "Restoring backup..."
 
-#: src/strings.ts:686
+#: src/strings.ts:688
 msgid "Resubscribe from Playstore"
 msgstr "Resubscribe from Playstore"
 
-#: src/strings.ts:687
+#: src/strings.ts:689
 msgid "Resubscribe to Pro"
 msgstr "Resubscribe to Pro"
 
-#: src/strings.ts:2704
+#: src/strings.ts:2722
 msgid "Retry"
 msgstr "Retry"
 
-#: src/strings.ts:513
+#: src/strings.ts:515
 msgid "Reupload"
 msgstr "Reupload"
 
-#: src/strings.ts:2041
+#: src/strings.ts:2045
 msgid "Reveal in list"
 msgstr "Reveal in list"
 
+#: src/strings.ts:2630
+msgid "Review your current limits and unlock more with premium"
+msgstr "Review your current limits and unlock more with premium"
+
 #: src/strings.ts:152
 msgid "Revoke"
 msgstr "Revoke"
 
-#: src/strings.ts:1195
+#: src/strings.ts:1199
 msgid "Revoke biometric unlocking"
 msgstr "Revoke biometric unlocking"
 
-#: src/strings.ts:2718
+#: src/strings.ts:2736
 msgid "Revoke Inbox API Key - {name}"
 msgstr "Revoke Inbox API Key - {name}"
 
-#: src/strings.ts:450
+#: src/strings.ts:453
 msgid "Revoke vault fingerprint unlock"
 msgstr "Revoke vault fingerprint unlock"
 
-#: src/strings.ts:1309
+#: src/strings.ts:1313
 msgid "Roadmap"
 msgstr "Roadmap"
 
-#: src/strings.ts:2069
+#: src/strings.ts:2073
 msgid "Root"
 msgstr "Root"
 
-#: src/strings.ts:2048
+#: src/strings.ts:2052
 msgid "Rotate left"
 msgstr "Rotate left"
 
-#: src/strings.ts:2049
+#: src/strings.ts:2053
 msgid "Rotate right"
 msgstr "Rotate right"
 
-#: src/strings.ts:2318
+#: src/strings.ts:2322
 msgid "Row properties"
 msgstr "Row properties"
 
-#: src/strings.ts:545
+#: src/strings.ts:547
 msgid "Run file check"
 msgstr "Run file check"
 
-#: src/strings.ts:2090
+#: src/strings.ts:2094
 msgid "Safe & encrypted notes"
 msgstr "Safe & encrypted notes"
 
-#: src/strings.ts:628
+#: src/strings.ts:630
 msgid "Sat"
 msgstr "Sat"
 
-#: src/strings.ts:619
+#: src/strings.ts:621
 msgid "Saturday"
 msgstr "Saturday"
 
-#: src/strings.ts:574
+#: src/strings.ts:576
 msgid "Save"
 msgstr "Save"
 
-#: src/strings.ts:477
+#: src/strings.ts:479
 msgid "Save a backup of your notes"
 msgstr "Save a backup of your notes"
 
-#: src/strings.ts:564
+#: src/strings.ts:566
 msgid "Save a copy"
 msgstr "Save a copy"
 
-#: src/strings.ts:490
+#: src/strings.ts:492
 msgid "Save account recovery key"
 msgstr "Save account recovery key"
 
-#: src/strings.ts:583
+#: src/strings.ts:585
 msgid "Save and continue"
 msgstr "Save and continue"
 
-#: src/strings.ts:1064
+#: src/strings.ts:1066
 msgid "Save data recovery key"
 msgstr "Save data recovery key"
 
-#: src/strings.ts:969
+#: src/strings.ts:971
 msgid "Save failed. Vault is locked"
 msgstr "Save failed. Vault is locked"
 
-#: src/strings.ts:592
+#: src/strings.ts:594
 msgid "Save QR code to gallery"
 msgstr "Save QR code to gallery"
 
-#: src/strings.ts:497
+#: src/strings.ts:499
 msgid "Save recovery codes"
 msgstr "Save recovery codes"
 
-#: src/strings.ts:680
+#: src/strings.ts:682
 msgid "Save to file"
 msgstr "Save to file"
 
-#: src/strings.ts:593
+#: src/strings.ts:595
 msgid "Save to text file"
 msgstr "Save to text file"
 
-#: src/strings.ts:1376
+#: src/strings.ts:1380
 msgid "Save your account recovery key"
 msgstr "Save your account recovery key"
 
-#: src/strings.ts:492
+#: src/strings.ts:494
 msgid "Save your account recovery key in a safe place. You will need it to recover your account in case you forget your password."
 msgstr "Save your account recovery key in a safe place. You will need it to recover your account in case you forget your password."
 
-#: src/strings.ts:1066
-msgid "Save your data recovery key in a safe place. You will need it to recover your data in case you forget your password."
-msgstr "Save your data recovery key in a safe place. You will need it to recover your data in case you forget your password."
-
-#: src/strings.ts:499
+#: src/strings.ts:501
 msgid "Save your recovery codes in a safe place. You will need them to recover your account in case you lose access to your two-factor authentication methods."
 msgstr "Save your recovery codes in a safe place. You will need them to recover your account in case you lose access to your two-factor authentication methods."
 
-#: src/strings.ts:2427
+#: src/strings.ts:2431
 msgid "Saved"
 msgstr "Saved"
 
-#: src/strings.ts:2428
+#: src/strings.ts:2432
 msgid "Saving"
 msgstr "Saving"
 
-#: src/strings.ts:1609
+#: src/strings.ts:2948
+msgid "Saving logs to your storage..."
+msgstr "Saving logs to your storage..."
+
+#: src/strings.ts:1613
 msgid "Saving this note is taking too long. Copy your changes and restart the app to prevent data loss. If the problem persists, please report it to us at support@streetwriters.co."
 msgstr "Saving this note is taking too long. Copy your changes and restart the app to prevent data loss. If the problem persists, please report it to us at support@streetwriters.co."
 
-#: src/strings.ts:796
+#: src/strings.ts:798
 msgid "Saving zip file ({progress}%). Please wait..."
 msgstr "Saving zip file ({progress}%). Please wait..."
 
-#: src/strings.ts:797
+#: src/strings.ts:799
 msgid "Saving zip file. Please wait..."
 msgstr "Saving zip file. Please wait..."
 
-#: src/strings.ts:1743
+#: src/strings.ts:1747
 msgid "Scan the QR code with your authenticator app"
 msgstr "Scan the QR code with your authenticator app"
 
-#: src/strings.ts:2453
+#: src/strings.ts:2457
 msgid "School work"
 msgstr "School work"
 
-#: src/strings.ts:2526
+#: src/strings.ts:2530
 msgid "Scroll to bottom"
 msgstr "Scroll to bottom"
 
-#: src/strings.ts:2525
+#: src/strings.ts:2529
 msgid "Scroll to top"
 msgstr "Scroll to top"
 
-#: src/strings.ts:1528
-#: src/strings.ts:1549
+#: src/strings.ts:1532
+#: src/strings.ts:1553
 msgid "Search"
 msgstr "Search"
 
-#: src/strings.ts:1523
+#: src/strings.ts:1527
 msgid "Search a note"
 msgstr "Search a note"
 
-#: src/strings.ts:1521
+#: src/strings.ts:1525
 msgid "Search a note to link to"
 msgstr "Search a note to link to"
 
-#: src/strings.ts:2469
+#: src/strings.ts:2473
 msgid "Search for notes, notebooks, and tags..."
 msgstr "Search for notes, notebooks, and tags..."
 
-#: src/strings.ts:1559
+#: src/strings.ts:1563
 msgid "Search in {routeName}"
 msgstr "Search in {routeName}"
 
@@ -6164,91 +6382,99 @@ msgstr "Search in Tags"
 msgid "Search in Trash"
 msgstr "Search in Trash"
 
-#: src/strings.ts:2390
+#: src/strings.ts:2394
 msgid "Search languages"
 msgstr "Search languages"
 
-#: src/strings.ts:1509
+#: src/strings.ts:1513
 msgid "Search notebooks"
 msgstr "Search notebooks"
 
-#: src/strings.ts:1522
+#: src/strings.ts:1526
 msgid "Search or add a tag"
 msgstr "Search or add a tag"
 
-#: src/strings.ts:1855
+#: src/strings.ts:1859
 msgid "Search themes"
 msgstr "Search themes"
 
-#: src/strings.ts:1526
+#: src/strings.ts:1530
 msgid "Searching for {query}..."
 msgstr "Searching for {query}..."
 
-#: src/strings.ts:892
+#: src/strings.ts:894
 msgid "sec"
 msgstr "sec"
 
-#: src/strings.ts:2174
+#: src/strings.ts:2580
+msgid "Secure backup space for files and images."
+msgstr "Secure backup space for files and images."
+
+#: src/strings.ts:2938
+msgid "Security"
+msgstr "Security"
+
+#: src/strings.ts:2178
 msgid "Security & privacy"
 msgstr "Security & privacy"
 
-#: src/strings.ts:2114
+#: src/strings.ts:2118
 msgid "Security key"
 msgstr "Security key"
 
-#: src/strings.ts:2009
+#: src/strings.ts:2013
 msgid "Security key successfully registered."
 msgstr "Security key successfully registered."
 
-#: src/strings.ts:1310
+#: src/strings.ts:1109
+msgid "See changes in editor instantly across devices."
+msgstr "See changes in editor instantly across devices."
+
+#: src/strings.ts:1314
 msgid "See what the future of Notesnook is going to be like."
 msgstr "See what the future of Notesnook is going to be like."
 
-#: src/strings.ts:1350
+#: src/strings.ts:1354
 msgid "Select"
 msgstr "Select"
 
-#: src/strings.ts:1630
+#: src/strings.ts:1634
 msgid "Select a backup file from your device to restore backup"
 msgstr "Select a backup file from your device to restore backup"
 
-#: src/strings.ts:2520
+#: src/strings.ts:2524
 msgid "Select a notebook to move this notebook into, or unselect to move it to the root level."
 msgstr "Select a notebook to move this notebook into, or unselect to move it to the root level."
 
-#: src/strings.ts:2129
+#: src/strings.ts:2133
 msgid "Select a theme"
 msgstr "Select a theme"
 
-#: src/strings.ts:1242
-msgid "Select backup directory"
-msgstr "Select backup directory"
-
-#: src/strings.ts:1876
+#: src/strings.ts:1880
 msgid "Select backup file"
 msgstr "Select backup file"
 
-#: src/strings.ts:640
+#: src/strings.ts:642
 msgid "Select backups folder"
 msgstr "Select backups folder"
 
-#: src/strings.ts:630
+#: src/strings.ts:632
 msgid "Select date"
 msgstr "Select date"
 
-#: src/strings.ts:338
+#: src/strings.ts:337
 msgid "Select day of the week to repeat the reminder."
 msgstr "Select day of the week to repeat the reminder."
 
-#: src/strings.ts:1784
+#: src/strings.ts:1788
 msgid "Select files to import"
 msgstr "Select files to import"
 
-#: src/strings.ts:1627
+#: src/strings.ts:1631
 msgid "Select folder where Notesnook backup files are stored to view and restore them from the app"
 msgstr "Select folder where Notesnook backup files are stored to view and restore them from the app"
 
-#: src/strings.ts:1628
+#: src/strings.ts:1632
 msgid "Select folder with backup files"
 msgstr "Select folder with backup files"
 
@@ -6256,59 +6482,59 @@ msgstr "Select folder with backup files"
 msgid "Select how you would like to recieve the code"
 msgstr "Select how you would like to recieve the code"
 
-#: src/strings.ts:2385
+#: src/strings.ts:2389
 msgid "Select language"
 msgstr "Select language"
 
-#: src/strings.ts:459
+#: src/strings.ts:462
 msgid "Select notebooks"
 msgstr "Select notebooks"
 
-#: src/strings.ts:460
+#: src/strings.ts:463
 msgid "Select notebooks you want to add note(s) to."
 msgstr "Select notebooks you want to add note(s) to."
 
-#: src/strings.ts:2508
+#: src/strings.ts:2512
 msgid "Select notes to link to \"{title}\""
 msgstr "Select notes to link to \"{title}\""
 
-#: src/strings.ts:342
+#: src/strings.ts:341
 msgid "Select nth day of the month to repeat the reminder."
 msgstr "Select nth day of the month to repeat the reminder."
 
-#: src/strings.ts:2832
+#: src/strings.ts:2857
 msgid "Select Plan"
 msgstr "Select Plan"
 
-#: src/strings.ts:1838
+#: src/strings.ts:1842
 msgid "Select profile picture"
 msgstr "Select profile picture"
 
-#: src/strings.ts:2514
+#: src/strings.ts:2518
 msgid "Select the default sidebar tab"
 msgstr "Select the default sidebar tab"
 
-#: src/strings.ts:374
+#: src/strings.ts:373
 msgid "Select the folder that includes your backup files to list them here."
 msgstr "Select the folder that includes your backup files to list them here."
 
-#: src/strings.ts:2161
+#: src/strings.ts:2165
 msgid "Select the languages the spell checker should check in."
 msgstr "Select the languages the spell checker should check in."
 
-#: src/strings.ts:2490
+#: src/strings.ts:2494
 msgid "Select the release track for Notesnook."
 msgstr "Select the release track for Notesnook."
 
-#: src/strings.ts:237
+#: src/strings.ts:236
 msgid "SELECTED NOTE"
 msgstr "SELECTED NOTE"
 
-#: src/strings.ts:269
+#: src/strings.ts:268
 msgid "Self destruct"
 msgstr "Self destruct"
 
-#: src/strings.ts:2196
+#: src/strings.ts:2200
 msgid "Send"
 msgstr "Send"
 
@@ -6324,47 +6550,47 @@ msgstr "Send code via email"
 msgid "Send code via SMS"
 msgstr "Send code via SMS"
 
-#: src/strings.ts:1880
+#: src/strings.ts:1884
 msgid "Send recovery email"
 msgstr "Send recovery email"
 
-#: src/strings.ts:1916
+#: src/strings.ts:1920
 msgid "Sending recovery email"
 msgstr "Sending recovery email"
 
-#: src/strings.ts:1667
+#: src/strings.ts:1671
 msgid "Server url changed"
 msgstr "Server url changed"
 
-#: src/strings.ts:1670
+#: src/strings.ts:1674
 msgid "Server urls reset"
 msgstr "Server urls reset"
 
-#: src/strings.ts:1648
+#: src/strings.ts:1652
 msgid "Server used for login/sign up and authentication."
 msgstr "Server used for login/sign up and authentication."
 
-#: src/strings.ts:1653
+#: src/strings.ts:1657
 msgid "Server used to host your published notes."
 msgstr "Server used to host your published notes."
 
-#: src/strings.ts:1651
+#: src/strings.ts:1655
 msgid "Server used to receive important notifications & events."
 msgstr "Server used to receive important notifications & events."
 
-#: src/strings.ts:1646
+#: src/strings.ts:1650
 msgid "Server used to sync your notes & other data between devices."
 msgstr "Server used to sync your notes & other data between devices."
 
-#: src/strings.ts:1659
+#: src/strings.ts:1663
 msgid "Server with host {host} not found."
 msgstr "Server with host {host} not found."
 
-#: src/strings.ts:2169
+#: src/strings.ts:2173
 msgid "Servers"
 msgstr "Servers"
 
-#: src/strings.ts:2170
+#: src/strings.ts:2174
 msgid "Servers configuration"
 msgstr "Servers configuration"
 
@@ -6372,85 +6598,85 @@ msgstr "Servers configuration"
 msgid "Session expired"
 msgstr "Session expired"
 
-#: src/strings.ts:2222
+#: src/strings.ts:2226
 msgid "Sessions"
 msgstr "Sessions"
 
-#: src/strings.ts:992
+#: src/strings.ts:994
 msgid "Set a reminder"
 msgstr "Set a reminder"
 
-#: src/strings.ts:728
+#: src/strings.ts:730
 msgid "Set as dark theme"
 msgstr "Set as dark theme"
 
-#: src/strings.ts:911
+#: src/strings.ts:913
 msgid "Set as default"
 msgstr "Set as default"
 
-#: src/strings.ts:2512
+#: src/strings.ts:2516
 msgid "Set as homepage"
 msgstr "Set as homepage"
 
-#: src/strings.ts:729
+#: src/strings.ts:731
 msgid "Set as light theme"
 msgstr "Set as light theme"
 
-#: src/strings.ts:1349
+#: src/strings.ts:1353
 msgid "Set automatic trash cleanup interval from Settings > Behaviour > Clean trash interval."
 msgstr "Set automatic trash cleanup interval from Settings > Behaviour > Clean trash interval."
 
-#: src/strings.ts:2665
+#: src/strings.ts:2681
 msgid "Set expiry"
 msgstr "Set expiry"
 
-#: src/strings.ts:1326
+#: src/strings.ts:1330
 msgid "Set full name"
 msgstr "Set full name"
 
-#: src/strings.ts:1268
+#: src/strings.ts:1272
 msgid "Set snooze time in minutes"
 msgstr "Set snooze time in minutes"
 
-#: src/strings.ts:1267
+#: src/strings.ts:1271
 msgid "Set the default time to snooze a reminder to when you press the snooze button on a notification."
 msgstr "Set the default time to snooze a reminder to when you press the snooze button on a notification."
 
-#: src/strings.ts:1239
+#: src/strings.ts:1243
 msgid "Set the interval to create a backup (with attachments) automatically."
 msgstr "Set the interval to create a backup (with attachments) automatically."
 
-#: src/strings.ts:1236
+#: src/strings.ts:1240
 msgid "Set the interval to create a partial backup (without attachments) automatically."
 msgstr "Set the interval to create a partial backup (without attachments) automatically."
 
-#: src/strings.ts:427
+#: src/strings.ts:430
 msgid "Set your name"
 msgstr "Set your name"
 
-#: src/strings.ts:2863
+#: src/strings.ts:2888
 msgid "Setting up your account..."
 msgstr "Setting up your account..."
 
-#: src/strings.ts:387
-#: src/strings.ts:1545
+#: src/strings.ts:390
+#: src/strings.ts:1549
 msgid "Settings"
 msgstr "Settings"
 
-#: src/strings.ts:1215
-#: src/strings.ts:1216
+#: src/strings.ts:1219
+#: src/strings.ts:1220
 msgid "Setup a new password for app lock"
 msgstr "Setup a new password for app lock"
 
-#: src/strings.ts:1212
+#: src/strings.ts:1216
 msgid "Setup a password to lock the app"
 msgstr "Setup a password to lock the app"
 
-#: src/strings.ts:1210
+#: src/strings.ts:1214
 msgid "Setup a pin to lock the app"
 msgstr "Setup a pin to lock the app"
 
-#: src/strings.ts:2214
+#: src/strings.ts:2218
 msgid ""
 "Setup an HTTP/HTTPS/SOCKS proxy.\n"
 "\n"
@@ -6470,31 +6696,31 @@ msgstr ""
 "\n"
 "To remove the proxy, simply erase everything in the input."
 
-#: src/strings.ts:1211
+#: src/strings.ts:1215
 msgid "Setup app lock password"
 msgstr "Setup app lock password"
 
-#: src/strings.ts:1209
+#: src/strings.ts:1213
 msgid "Setup app lock pin"
 msgstr "Setup app lock pin"
 
-#: src/strings.ts:2810
+#: src/strings.ts:2835
 msgid "Setup inbox keys"
 msgstr "Setup inbox keys"
 
-#: src/strings.ts:681
+#: src/strings.ts:683
 msgid "Setup secondary 2FA method"
 msgstr "Setup secondary 2FA method"
 
-#: src/strings.ts:994
+#: src/strings.ts:996
 msgid "Setup using an Authenticator app"
 msgstr "Setup using an Authenticator app"
 
-#: src/strings.ts:1001
+#: src/strings.ts:1003
 msgid "Setup using email"
 msgstr "Setup using email"
 
-#: src/strings.ts:1008
+#: src/strings.ts:1010
 msgid "Setup using SMS"
 msgstr "Setup using SMS"
 
@@ -6502,51 +6728,55 @@ msgstr "Setup using SMS"
 msgid "Share"
 msgstr "Share"
 
-#: src/strings.ts:1712
+#: src/strings.ts:1716
 msgid "Share & append to notes from anywhere"
 msgstr "Share & append to notes from anywhere"
 
-#: src/strings.ts:1357
+#: src/strings.ts:1361
 msgid "Share backup"
 msgstr "Share backup"
 
-#: src/strings.ts:453
+#: src/strings.ts:456
 msgid "Share note"
 msgstr "Share note"
 
-#: src/strings.ts:1808
+#: src/strings.ts:1812
 msgid "Share Notesnook with friends!"
 msgstr "Share Notesnook with friends!"
 
-#: src/strings.ts:2677
+#: src/strings.ts:2693
 msgid "Share things to Notesnook from anywhere using the Inbox API"
 msgstr "Share things to Notesnook from anywhere using the Inbox API"
 
-#: src/strings.ts:594
+#: src/strings.ts:596
 msgid "Share to cloud"
 msgstr "Share to cloud"
 
-#: src/strings.ts:292
+#: src/strings.ts:2955
+msgid "Share ZIP"
+msgstr "Share ZIP"
+
+#: src/strings.ts:291
 msgid "shortcut"
 msgstr "shortcut"
 
-#: src/strings.ts:302
+#: src/strings.ts:301
 msgid "Shortcut"
 msgstr "Shortcut"
 
-#: src/strings.ts:2021
+#: src/strings.ts:2025
 msgid "Shortcut removed"
 msgstr "Shortcut removed"
 
-#: src/strings.ts:312
+#: src/strings.ts:311
 msgid "shortcuts"
 msgstr "shortcuts"
 
-#: src/strings.ts:324
+#: src/strings.ts:323
 msgid "Shortcuts"
 msgstr "Shortcuts"
 
-#: src/strings.ts:2776
+#: src/strings.ts:2801
 msgid "Show"
 msgstr "Show"
 
@@ -6554,11 +6784,11 @@ msgstr "Show"
 msgid "Sign up"
 msgstr "Sign up"
 
-#: src/strings.ts:1046
+#: src/strings.ts:1048
 msgid "Signed up on {date}"
 msgstr "Signed up on {date}"
 
-#: src/strings.ts:777
+#: src/strings.ts:779
 msgid "Signup failed"
 msgstr "Signup failed"
 
@@ -6566,95 +6796,99 @@ msgstr "Signup failed"
 msgid "Silent"
 msgstr "Silent"
 
-#: src/strings.ts:2359
+#: src/strings.ts:2363
 msgid "Sink list item"
 msgstr "Sink list item"
 
-#: src/strings.ts:2062
+#: src/strings.ts:2066
 msgid "Size"
 msgstr "Size"
 
-#: src/strings.ts:550
+#: src/strings.ts:552
 msgid "Skip"
 msgstr "Skip"
 
-#: src/strings.ts:673
+#: src/strings.ts:675
 msgid "Skip introduction"
 msgstr "Skip introduction"
 
-#: src/strings.ts:1625
+#: src/strings.ts:1629
 msgid "Some exported notes are locked, Unlock to export them"
 msgstr "Some exported notes are locked, Unlock to export them"
 
-#: src/strings.ts:1492
+#: src/strings.ts:1496
 msgid "Some notes are published"
 msgstr "Some notes are published"
 
-#: src/strings.ts:1687
+#: src/strings.ts:1691
 msgid "Something went wrong"
 msgstr "Something went wrong"
 
-#: src/strings.ts:2046
+#: src/strings.ts:2954
+msgid "Something went wrong while preparing your debug logs. This can happen if no storage location was selected."
+msgstr "Something went wrong while preparing your debug logs. This can happen if no storage location was selected."
+
+#: src/strings.ts:2050
 msgid "Sort"
 msgstr "Sort"
 
-#: src/strings.ts:536
+#: src/strings.ts:538
 msgid "Sort by"
 msgstr "Sort by"
 
-#: src/strings.ts:2180
+#: src/strings.ts:2184
 msgid "Source code"
 msgstr "Source code"
 
-#: src/strings.ts:2386
+#: src/strings.ts:2390
 msgid "Spaces"
 msgstr "Spaces"
 
-#: src/strings.ts:2624
+#: src/strings.ts:2640
 msgid "Special Offer"
 msgstr "Special Offer"
 
-#: src/strings.ts:2157
+#: src/strings.ts:2161
 msgid "Spell check"
 msgstr "Spell check"
 
-#: src/strings.ts:2325
+#: src/strings.ts:2329
 msgid "Split cells"
 msgstr "Split cells"
 
-#: src/strings.ts:2491
+#: src/strings.ts:2495
 msgid "Stable"
 msgstr "Stable"
 
-#: src/strings.ts:1128
+#: src/strings.ts:1132
 msgid "Start"
 msgstr "Start"
 
-#: src/strings.ts:1851
+#: src/strings.ts:1855
 msgid "Start account recovery"
 msgstr "Start account recovery"
 
-#: src/strings.ts:1846
+#: src/strings.ts:1850
 msgid "Start import"
 msgstr "Start import"
 
-#: src/strings.ts:1843
+#: src/strings.ts:1847
 msgid "Start importing now"
 msgstr "Start importing now"
 
-#: src/strings.ts:2145
+#: src/strings.ts:2149
 msgid "Start minimized"
 msgstr "Start minimized"
 
-#: src/strings.ts:1531
+#: src/strings.ts:1535
 msgid "Start organizing your ideas, notes and thoughts"
 msgstr "Start organizing your ideas, notes and thoughts"
 
-#: src/strings.ts:1778
+#: src/strings.ts:1782
 msgid "Start over"
 msgstr "Start over"
 
-#: src/strings.ts:966
+#: src/strings.ts:968
 msgid "Start writing to create a new note"
 msgstr "Start writing to create a new note"
 
@@ -6662,236 +6896,252 @@ msgstr "Start writing to create a new note"
 msgid "Start writing to save your note."
 msgstr "Start writing to save your note."
 
-#: src/strings.ts:1622
+#: src/strings.ts:1626
 msgid "Start writing your note..."
 msgstr "Start writing your note..."
 
-#: src/strings.ts:2253
+#: src/strings.ts:2257
 msgid "Status"
 msgstr "Status"
 
-#: src/strings.ts:2504
+#: src/strings.ts:2508
 msgid "Storage"
 msgstr "Storage"
 
-#: src/strings.ts:1569
+#: src/strings.ts:2920
+msgid "Storage & cleanup"
+msgstr "Storage & cleanup"
+
+#: src/strings.ts:2935
+msgid "Storage & location"
+msgstr "Storage & location"
+
+#: src/strings.ts:1573
 msgid "Streaming not supported"
 msgstr "Streaming not supported"
 
-#: src/strings.ts:2291
+#: src/strings.ts:2295
 msgid "Strikethrough"
 msgstr "Strikethrough"
 
-#: src/strings.ts:2255
+#: src/strings.ts:2259
 msgid "Subgroup 1"
 msgstr "Subgroup 1"
 
-#: src/strings.ts:2015
+#: src/strings.ts:2019
 msgid "Subgroup added"
 msgstr "Subgroup added"
 
-#: src/strings.ts:580
+#: src/strings.ts:582
 msgid "Submit"
 msgstr "Submit"
 
-#: src/strings.ts:2603
+#: src/strings.ts:2617
 msgid "Subscribe"
 msgstr "Subscribe"
 
-#: src/strings.ts:2604
+#: src/strings.ts:2618
 msgid "Subscribe & Start Your Free Trial"
 msgstr "Subscribe & Start Your Free Trial"
 
-#: src/strings.ts:1041
+#: src/strings.ts:1043
 msgid "Subscribe to Pro"
 msgstr "Subscribe to Pro"
 
-#: src/strings.ts:707
+#: src/strings.ts:709
 msgid "Subscribed on Android"
 msgstr "Subscribed on Android"
 
-#: src/strings.ts:700
+#: src/strings.ts:702
 msgid "Subscribed on iOS"
 msgstr "Subscribed on iOS"
 
-#: src/strings.ts:1321
+#: src/strings.ts:1325
 msgid "Subscribed on web"
 msgstr "Subscribed on web"
 
-#: src/strings.ts:714
+#: src/strings.ts:716
 msgid "Subscribed on Web"
 msgstr "Subscribed on Web"
 
-#: src/strings.ts:720
+#: src/strings.ts:722
 msgid "Subscribed using gift card"
 msgstr "Subscribed using gift card"
 
-#: src/strings.ts:2302
+#: src/strings.ts:2306
 msgid "Subscript"
 msgstr "Subscript"
 
-#: src/strings.ts:694
+#: src/strings.ts:696
 msgid "Subscription awarded from Streetwriters"
 msgstr "Subscription awarded from Streetwriters"
 
-#: src/strings.ts:1045
+#: src/strings.ts:1047
 msgid "Subscription details"
 msgstr "Subscription details"
 
-#: src/strings.ts:1079
+#: src/strings.ts:1081
 msgid "Subscription not activated?"
 msgstr "Subscription not activated?"
 
-#: src/strings.ts:622
+#: src/strings.ts:2914
+msgid "Subscription required"
+msgstr "Subscription required"
+
+#: src/strings.ts:624
 msgid "Sun"
 msgstr "Sun"
 
-#: src/strings.ts:613
+#: src/strings.ts:615
 msgid "Sunday"
 msgstr "Sunday"
 
-#: src/strings.ts:2303
+#: src/strings.ts:2307
 msgid "Superscript"
 msgstr "Superscript"
 
-#: src/strings.ts:1485
+#: src/strings.ts:1489
 msgid "Switch to search/replace mode"
 msgstr "Switch to search/replace mode"
 
-#: src/strings.ts:2166
+#: src/strings.ts:2170
 msgid "Sync"
 msgstr "Sync"
 
-#: src/strings.ts:393
+#: src/strings.ts:1102
+msgid "Sync behavior"
+msgstr "Sync behavior"
+
+#: src/strings.ts:396
 msgid "Sync failed"
 msgstr "Sync failed"
 
-#: src/strings.ts:1379
+#: src/strings.ts:1383
 msgid "Sync is disabled"
 msgstr "Sync is disabled"
 
-#: src/strings.ts:392
+#: src/strings.ts:395
 msgid "Sync now"
 msgstr "Sync now"
 
-#: src/strings.ts:929
+#: src/strings.ts:931
 msgid "Sync off"
 msgstr "Sync off"
 
-#: src/strings.ts:1644
+#: src/strings.ts:1648
 msgid "Sync server"
 msgstr "Sync server"
 
-#: src/strings.ts:1098
+#: src/strings.ts:1100
 msgid "Sync settings"
 msgstr "Sync settings"
 
-#: src/strings.ts:1111
+#: src/strings.ts:1115
 msgid "Sync your notes in the background even when the app is closed. This is an experimental feature. If you face any issues, please turn it off."
 msgstr "Sync your notes in the background even when the app is closed. This is an experimental feature. If you face any issues, please turn it off."
 
-#: src/strings.ts:394
+#: src/strings.ts:397
 msgid "Synced"
 msgstr "Synced"
 
-#: src/strings.ts:391
+#: src/strings.ts:394
 msgid "Syncing"
 msgstr "Syncing"
 
-#: src/strings.ts:259
+#: src/strings.ts:258
 msgid "Syncing your data"
 msgstr "Syncing your data"
 
-#: src/strings.ts:1723
+#: src/strings.ts:1727
 msgid "Syncing your notes"
 msgstr "Syncing your notes"
 
-#: src/strings.ts:2371
+#: src/strings.ts:2375
 msgid "Table"
 msgstr "Table"
 
-#: src/strings.ts:538
+#: src/strings.ts:540
 msgid "Table of contents"
 msgstr "Table of contents"
 
-#: src/strings.ts:2316
+#: src/strings.ts:2320
 msgid "Table settings"
 msgstr "Table settings"
 
-#: src/strings.ts:2565
+#: src/strings.ts:2569
 msgid "tables, outlines, block level note linking"
 msgstr "tables, outlines, block level note linking"
 
-#: src/strings.ts:529
+#: src/strings.ts:531
 msgid "Tabs"
 msgstr "Tabs"
 
-#: src/strings.ts:287
+#: src/strings.ts:286
 msgid "tag"
 msgstr "tag"
 
-#: src/strings.ts:297
+#: src/strings.ts:296
 msgid "Tag"
 msgstr "Tag"
 
-#: src/strings.ts:307
+#: src/strings.ts:306
 msgid "tags"
 msgstr "tags"
 
-#: src/strings.ts:317
-#: src/strings.ts:1546
+#: src/strings.ts:316
+#: src/strings.ts:1550
 msgid "Tags"
 msgstr "Tags"
 
-#: src/strings.ts:1564
+#: src/strings.ts:1568
 msgid "Take a backup before logging out"
 msgstr "Take a backup before logging out"
 
-#: src/strings.ts:1231
+#: src/strings.ts:1235
 msgid "Take a full backup of your data with all attachments"
 msgstr "Take a full backup of your data with all attachments"
 
-#: src/strings.ts:1233
+#: src/strings.ts:1237
 msgid "Take a partial backup of your data that does not include attachments"
 msgstr "Take a partial backup of your data that does not include attachments"
 
-#: src/strings.ts:2370
+#: src/strings.ts:2374
 msgid "Take a photo using camera"
 msgstr "Take a photo using camera"
 
-#: src/strings.ts:1389
+#: src/strings.ts:1393
 msgid "Take note"
 msgstr "Take note"
 
-#: src/strings.ts:1677
+#: src/strings.ts:1681
 msgid "Take notes privately."
 msgstr "Take notes privately."
 
-#: src/strings.ts:674
+#: src/strings.ts:676
 msgid "Taking too long? Reload editor"
 msgstr "Taking too long? Reload editor"
 
-#: src/strings.ts:1473
+#: src/strings.ts:1477
 msgid "Tap here to change sorting"
 msgstr "Tap here to change sorting"
 
-#: src/strings.ts:1477
+#: src/strings.ts:1481
 msgid "Tap here to jump to a section"
 msgstr "Tap here to jump to a section"
 
-#: src/strings.ts:1385
+#: src/strings.ts:1389
 msgid "Tap here to update to the latest version"
 msgstr "Tap here to update to the latest version"
 
-#: src/strings.ts:1613
+#: src/strings.ts:1617
 msgid "Tap on \"Dismiss\" and copy the contents of your note so they are not lost."
 msgstr "Tap on \"Dismiss\" and copy the contents of your note so they are not lost."
 
-#: src/strings.ts:1388
+#: src/strings.ts:1392
 msgid "Tap on \"Take note\" to add a note."
 msgstr "Tap on \"Take note\" to add a note."
 
-#: src/strings.ts:417
+#: src/strings.ts:420
 msgid "Tap to apply again"
 msgstr "Tap to apply again"
 
@@ -6899,35 +7149,35 @@ msgstr "Tap to apply again"
 msgid "Tap to cancel"
 msgstr "Tap to cancel"
 
-#: src/strings.ts:238
+#: src/strings.ts:237
 msgid "Tap to deselect"
 msgstr "Tap to deselect"
 
-#: src/strings.ts:668
+#: src/strings.ts:670
 msgid "Tap to stop reordering"
 msgstr "Tap to stop reordering"
 
-#: src/strings.ts:1369
+#: src/strings.ts:1373
 msgid "Tap to try again"
 msgstr "Tap to try again"
 
-#: src/strings.ts:277
+#: src/strings.ts:276
 msgid "Tap twice to confirm you have saved the recovery key."
 msgstr "Tap twice to confirm you have saved the recovery key."
 
-#: src/strings.ts:2376
+#: src/strings.ts:2380
 msgid "Task list"
 msgstr "Task list"
 
-#: src/strings.ts:2446
+#: src/strings.ts:2450
 msgid "Tasks"
 msgstr "Tasks"
 
-#: src/strings.ts:1178
+#: src/strings.ts:1182
 msgid "Telemetry"
 msgstr "Telemetry"
 
-#: src/strings.ts:1513
+#: src/strings.ts:1517
 msgid ""
 "Tell us more about the issue you are facing.\n"
 "\n"
@@ -6945,15 +7195,15 @@ msgstr ""
 "- Steps to reproduce the issue\n"
 "- Things you have tried etc."
 
-#: src/strings.ts:1512
+#: src/strings.ts:1516
 msgid "Tell us what happened"
 msgstr "Tell us what happened"
 
-#: src/strings.ts:1299
+#: src/strings.ts:1303
 msgid "Terms of service"
 msgstr "Terms of service"
 
-#: src/strings.ts:2609
+#: src/strings.ts:2623
 msgid "Terms of Service"
 msgstr "Terms of Service"
 
@@ -6961,111 +7211,111 @@ msgstr "Terms of Service"
 msgid "Terms of Service "
 msgstr "Terms of Service "
 
-#: src/strings.ts:1643
+#: src/strings.ts:1647
 msgid "Test connection"
 msgstr "Test connection"
 
-#: src/strings.ts:1666
+#: src/strings.ts:1670
 msgid "Test connection before changing server urls"
 msgstr "Test connection before changing server urls"
 
-#: src/strings.ts:2834
+#: src/strings.ts:2859
 msgid "Testimonials"
 msgstr "Testimonials"
 
-#: src/strings.ts:2314
+#: src/strings.ts:2318
 msgid "Text color"
 msgstr "Text color"
 
-#: src/strings.ts:2312
+#: src/strings.ts:2316
 msgid "Text direction"
 msgstr "Text direction"
 
-#: src/strings.ts:1807
+#: src/strings.ts:1811
 msgid "Thank you for choosing end-to-end encrypted note taking. Now you can sync your notes to unlimited devices."
 msgstr "Thank you for choosing end-to-end encrypted note taking. Now you can sync your notes to unlimited devices."
 
-#: src/strings.ts:2071
+#: src/strings.ts:2075
 msgid "Thank you for reporting!"
 msgstr "Thank you for reporting!"
 
-#: src/strings.ts:2582
+#: src/strings.ts:2596
 msgid "Thank you for subscribing"
 msgstr "Thank you for subscribing"
 
-#: src/strings.ts:2619
+#: src/strings.ts:2635
 msgid "Thank you for the purchase"
 msgstr "Thank you for the purchase"
 
-#: src/strings.ts:479
+#: src/strings.ts:481
 msgid "Thank you for updating Notesnook! We will be applying some minor changes for a better note taking experience."
 msgstr "Thank you for updating Notesnook! We will be applying some minor changes for a better note taking experience."
 
-#: src/strings.ts:2072
+#: src/strings.ts:2076
 msgid "Thank you for your feedback!"
 msgstr "Thank you for your feedback!"
 
-#: src/strings.ts:2106
+#: src/strings.ts:2110
 msgid "Thank you. You are the proof that privacy always comes first."
 msgstr "Thank you. You are the proof that privacy always comes first."
 
-#: src/strings.ts:1664
+#: src/strings.ts:1668
 msgid "The {title} at {url} is not compatible with this client."
 msgstr "The {title} at {url} is not compatible with this client."
 
-#: src/strings.ts:2664
+#: src/strings.ts:2951
+msgid "The encrypted archive is available in your default local storage structure and can be safely sent to the Notesnook customer care team."
+msgstr "The encrypted archive is available in your default local storage structure and can be safely sent to the Notesnook customer care team."
+
+#: src/strings.ts:2680
 msgid "The incoming note could not be unlocked with the provided password. Enter the correct password for the incoming note"
 msgstr "The incoming note could not be unlocked with the provided password. Enter the correct password for the incoming note"
 
-#: src/strings.ts:231
-msgid "The information above will be publically available at"
-msgstr "The information above will be publically available at"
-
-#: src/strings.ts:2638
-msgid "The Notesnook Circle is exclusive to subscribers. Please consider subscribing to gain access to Notesnook Circle and enjoy additional benefits."
-msgstr "The Notesnook Circle is exclusive to subscribers. Please consider subscribing to gain access to Notesnook Circle and enjoy additional benefits."
-
-#: src/strings.ts:2817
+#: src/strings.ts:2842
 msgid "The password for decrypting the Colornote backup file."
 msgstr "The password for decrypting the Colornote backup file."
 
-#: src/strings.ts:2113
+#: src/strings.ts:2117
 msgid "The password/pin for unlocking the app."
 msgstr "The password/pin for unlocking the app."
 
-#: src/strings.ts:337
+#: src/strings.ts:336
 msgid "The reminder will repeat daily at {date}."
 msgstr "The reminder will repeat daily at {date}."
 
-#: src/strings.ts:340
+#: src/strings.ts:339
 msgid "The reminder will repeat every year on {date}."
 msgstr "The reminder will repeat every year on {date}."
 
-#: src/strings.ts:1733
+#: src/strings.ts:1737
 msgid "The reminder will start on {date} at {time}."
 msgstr "The reminder will start on {date} at {time}."
 
-#: src/strings.ts:2116
+#: src/strings.ts:2120
 msgid "The security key for unlocking the app. This is the most secure method."
 msgstr "The security key for unlocking the app. This is the most secure method."
 
-#: src/strings.ts:1662
+#: src/strings.ts:1666
 msgid "The URL you have given ({url}) does not point to the {server}."
 msgstr "The URL you have given ({url}) does not point to the {server}."
 
-#: src/strings.ts:1133
+#: src/strings.ts:1137
 msgid "Themes"
 msgstr "Themes"
 
-#: src/strings.ts:283
+#: src/strings.ts:282
 msgid "There are no blocks in this note."
 msgstr "There are no blocks in this note."
 
-#: src/strings.ts:2269
+#: src/strings.ts:379
+msgid "There are no new updates at the moment."
+msgstr "There are no new updates at the moment."
+
+#: src/strings.ts:2273
 msgid "These items will be **kept in your Trash for {interval} days** after which they will be permanently deleted."
 msgstr "These items will be **kept in your Trash for {interval} days** after which they will be permanently deleted."
 
-#: src/strings.ts:1941
+#: src/strings.ts:1945
 msgid "This action is IRREVERSIBLE."
 msgstr "This action is IRREVERSIBLE."
 
@@ -7073,202 +7323,230 @@ msgstr "This action is IRREVERSIBLE."
 msgid "This device"
 msgstr "This device"
 
-#: src/strings.ts:1704
+#: src/strings.ts:1708
 msgid "This error can be fixed by rebuilding the search index. This action won't result in any kind of data loss."
 msgstr "This error can be fixed by rebuilding the search index. This action won't result in any kind of data loss."
 
-#: src/strings.ts:1696
+#: src/strings.ts:1700
 msgid "This error can only be fixed by wiping & reseting the database. Beware that this will wipe all your data inside the database with no way to recover it later on. This WILL NOT change/affect/delete/wipe your data on the server but ONLY on this device."
 msgstr "This error can only be fixed by wiping & reseting the database. Beware that this will wipe all your data inside the database with no way to recover it later on. This WILL NOT change/affect/delete/wipe your data on the server but ONLY on this device."
 
-#: src/strings.ts:1700
+#: src/strings.ts:1704
 msgid "This error can only be fixed by wiping & reseting the Key Store and the database. This WILL NOT change/affect/delete/wipe your data on the server but ONLY on this device."
 msgstr "This error can only be fixed by wiping & reseting the Key Store and the database. This WILL NOT change/affect/delete/wipe your data on the server but ONLY on this device."
 
-#: src/strings.ts:1698
+#: src/strings.ts:1702
 msgid "This error means the at rest encryption key could not be decrypted. This can be due to data corruption or implementation change."
 msgstr "This error means the at rest encryption key could not be decrypted. This can be due to data corruption or implementation change."
 
-#: src/strings.ts:1694
+#: src/strings.ts:1698
 msgid "This error usually means the database file is either corrupt or it could not be decrypted."
 msgstr "This error usually means the database file is either corrupt or it could not be decrypted."
 
-#: src/strings.ts:1702
+#: src/strings.ts:1706
 msgid "This error usually means the search index is corrupted."
 msgstr "This error usually means the search index is corrupted."
 
-#: src/strings.ts:2742
+#: src/strings.ts:2762
 msgid "This feature is not available on this plan."
 msgstr "This feature is not available on this plan."
 
-#: src/strings.ts:1955
+#: src/strings.ts:1959
 msgid "This image cannot be previewed"
 msgstr "This image cannot be previewed"
 
-#: src/strings.ts:2605
+#: src/strings.ts:2619
 msgid "This is a one time purchase, no subscription."
 msgstr "This is a one time purchase, no subscription."
 
-#: src/strings.ts:2066
+#: src/strings.ts:2070
 msgid "This may take a while"
 msgstr "This may take a while"
 
-#: src/strings.ts:1117
-#: src/strings.ts:1126
+#: src/strings.ts:1121
+#: src/strings.ts:1130
 msgid "This must only be used for troubleshooting. Using it regularly for sync is not recommended and will lead to unexpected data loss and other issues. If you are having persistent issues with sync, please report them to us at support@streetwriters.co."
 msgstr "This must only be used for troubleshooting. Using it regularly for sync is not recommended and will lead to unexpected data loss and other issues. If you are having persistent issues with sync, please report them to us at support@streetwriters.co."
 
-#: src/strings.ts:2670
+#: src/strings.ts:2686
 msgid "This note is empty"
 msgstr "This note is empty"
 
-#: src/strings.ts:1615
+#: src/strings.ts:1619
 msgid "This note is locked"
 msgstr "This note is locked"
 
-#: src/strings.ts:968
+#: src/strings.ts:970
 msgid "This note is locked. Unlock note to save changes"
 msgstr "This note is locked. Unlock note to save changes"
 
-#: src/strings.ts:281
+#: src/strings.ts:280
 msgid "This note is not linked to any other note."
 msgstr "This note is not linked to any other note."
 
-#: src/strings.ts:280
+#: src/strings.ts:279
 msgid "This note is not referenced in other notes."
 msgstr "This note is not referenced in other notes."
 
-#: src/strings.ts:264
+#: src/strings.ts:263
 msgid "This note will be published to a public URL."
 msgstr "This note will be published to a public URL."
 
-#: src/strings.ts:2122
+#: src/strings.ts:2126
 msgid "This username will be used to distinguish between different credentials in your security key. Make sure it is unique."
 msgstr "This username will be used to distinguish between different credentials in your security key. Make sure it is unique."
 
-#: src/strings.ts:1319
+#: src/strings.ts:1323
 msgid "This version of Notesnook app does not support in-app purchases. Kindly login on the Notesnook web app to make the purchase."
 msgstr "This version of Notesnook app does not support in-app purchases. Kindly login on the Notesnook web app to make the purchase."
 
-#: src/strings.ts:626
+#: src/strings.ts:1092
+msgid "This will clear all data stored on THIS DEVICE. Make sure to run sync before logging out."
+msgstr "This will clear all data stored on THIS DEVICE. Make sure to run sync before logging out."
+
+#: src/strings.ts:2906
+msgid "This will overwrite all data on the server with the data from this device."
+msgstr "This will overwrite all data on the server with the data from this device."
+
+#: src/strings.ts:2904
+msgid "This will overwrite all data on this device with the data from the server."
+msgstr "This will overwrite all data on this device with the data from the server."
+
+#: src/strings.ts:628
 msgid "Thu"
 msgstr "Thu"
 
-#: src/strings.ts:617
+#: src/strings.ts:619
 msgid "Thursday"
 msgstr "Thursday"
 
-#: src/strings.ts:1863
+#: src/strings.ts:1867
 msgid "Time"
 msgstr "Time"
 
-#: src/strings.ts:1150
+#: src/strings.ts:1154
 msgid "Time format"
 msgstr "Time format"
 
-#: src/strings.ts:671
+#: src/strings.ts:2931
+msgid "Timestamp"
+msgstr "Timestamp"
+
+#: src/strings.ts:673
 msgid "TIP"
 msgstr "TIP"
 
-#: src/strings.ts:649
-#: src/strings.ts:654
+#: src/strings.ts:651
+#: src/strings.ts:656
 msgid "Title"
 msgstr "Title"
 
-#: src/strings.ts:1173
+#: src/strings.ts:1177
 msgid "Title format"
 msgstr "Title format"
 
-#: src/strings.ts:2755
+#: src/strings.ts:2775
 msgid "Title is required"
 msgstr "Title is required"
 
-#: src/strings.ts:1204
+#: src/strings.ts:2917
+msgid "to claim the promotion directly."
+msgstr "to claim the promotion directly."
+
+#: src/strings.ts:1208
 msgid "To use app lock, you must enable biometrics such as Fingerprint lock or Face ID on your phone."
 msgstr "To use app lock, you must enable biometrics such as Fingerprint lock or Face ID on your phone."
 
-#: src/strings.ts:1833
+#: src/strings.ts:1837
 msgid "Toggle dark/light mode"
 msgstr "Toggle dark/light mode"
 
-#: src/strings.ts:2494
+#: src/strings.ts:2498
 msgid "Toggle focus mode"
 msgstr "Toggle focus mode"
 
-#: src/strings.ts:2383
+#: src/strings.ts:2387
 msgid "Toggle indentation mode"
 msgstr "Toggle indentation mode"
 
-#: src/strings.ts:2412
+#: src/strings.ts:2416
 msgid "Toggle replace"
 msgstr "Toggle replace"
 
-#: src/strings.ts:2483
+#: src/strings.ts:2487
 msgid "Toggle theme"
 msgstr "Toggle theme"
 
-#: src/strings.ts:2163
+#: src/strings.ts:2167
 msgid "Toolbar"
 msgstr "Toolbar"
 
-#: src/strings.ts:1164
+#: src/strings.ts:1168
 msgid "Toolbar reset to default preset"
 msgstr "Toolbar reset to default preset"
 
-#: src/strings.ts:1342
-#: src/strings.ts:1544
+#: src/strings.ts:1346
+#: src/strings.ts:1548
 msgid "Trash"
 msgstr "Trash"
 
-#: src/strings.ts:1341
+#: src/strings.ts:1345
 msgid "Trash cleared successfully!"
 msgstr "Trash cleared successfully!"
 
-#: src/strings.ts:1347
+#: src/strings.ts:1351
 msgid "Trash gets automatically cleaned up after {days} days"
 msgstr "Trash gets automatically cleaned up after {days} days"
 
-#: src/strings.ts:1345
+#: src/strings.ts:1349
 msgid "Trash gets automatically cleaned up daily"
 msgstr "Trash gets automatically cleaned up daily"
 
-#: src/strings.ts:2572
+#: src/strings.ts:1105
+msgid "Troubleshooting"
+msgstr "Troubleshooting"
+
+#: src/strings.ts:2650
+msgid "Trusted partners who share our commitment to privacy, transparency, and user freedom."
+msgstr "Trusted partners who share our commitment to privacy, transparency, and user freedom."
+
+#: src/strings.ts:2586
 msgid "Try {plan} for free"
 msgstr "Try {plan} for free"
 
-#: src/strings.ts:1481
+#: src/strings.ts:2956
+msgid "Try again"
+msgstr "Try again"
+
+#: src/strings.ts:1485
 msgid "Try compact mode to fit more items on screen"
 msgstr "Try compact mode to fit more items on screen"
 
-#: src/strings.ts:1845
+#: src/strings.ts:1849
 msgid "Try free for 14 days"
 msgstr "Try free for 14 days"
 
-#: src/strings.ts:2558
+#: src/strings.ts:2562
 msgid "Try it for free"
 msgstr "Try it for free"
 
-#: src/strings.ts:624
+#: src/strings.ts:626
 msgid "Tue"
 msgstr "Tue"
 
-#: src/strings.ts:615
+#: src/strings.ts:617
 msgid "Tuesday"
 msgstr "Tuesday"
 
-#: src/strings.ts:1102
-msgid "Turn off automatic syncing. Changes from this client will be synced only when you run sync manually."
-msgstr "Turn off automatic syncing. Changes from this client will be synced only when you run sync manually."
-
-#: src/strings.ts:906
+#: src/strings.ts:908
 msgid "Turn off reminder"
 msgstr "Turn off reminder"
 
-#: src/strings.ts:907
+#: src/strings.ts:909
 msgid "Turn on reminder"
 msgstr "Turn on reminder"
 
-#: src/strings.ts:1108
+#: src/strings.ts:1112
 msgid "Turns off syncing completely on this device. Any changes made will remain local only and new changes from your other devices won't sync to this device."
 msgstr "Turns off syncing completely on this device. Any changes made will remain local only and new changes from your other devices won't sync to this device."
 
@@ -7276,59 +7554,63 @@ msgstr "Turns off syncing completely on this device. Any changes made will remai
 msgid "Two factor authentication"
 msgstr "Two factor authentication"
 
-#: src/strings.ts:494
+#: src/strings.ts:496
 msgid "Two-factor authentication"
 msgstr "Two-factor authentication"
 
-#: src/strings.ts:503
+#: src/strings.ts:505
 msgid "Two-factor authentication enabled"
 msgstr "Two-factor authentication enabled"
 
-#: src/strings.ts:1520
+#: src/strings.ts:1524
 msgid "Type # to search for headings"
 msgstr "Type # to search for headings"
 
-#: src/strings.ts:1527
+#: src/strings.ts:1531
 msgid "Type a keyword"
 msgstr "Type a keyword"
 
-#: src/strings.ts:1570
+#: src/strings.ts:2925
+msgid "Typography"
+msgstr "Typography"
+
+#: src/strings.ts:1574
 msgid "Unable to resolve download url"
 msgstr "Unable to resolve download url"
 
-#: src/strings.ts:1573
+#: src/strings.ts:1577
 msgid "Unable to send 2FA code"
 msgstr "Unable to send 2FA code"
 
-#: src/strings.ts:2518
+#: src/strings.ts:2522
 msgid "Unarchive"
 msgstr "Unarchive"
 
-#: src/strings.ts:2290
+#: src/strings.ts:2294
 msgid "Underline"
 msgstr "Underline"
 
-#: src/strings.ts:566
+#: src/strings.ts:568
 msgid "Undo"
 msgstr "Undo"
 
-#: src/strings.ts:868
+#: src/strings.ts:870
 msgid "Unfavorite"
 msgstr "Unfavorite"
 
-#: src/strings.ts:2615
+#: src/strings.ts:2631
 msgid "Unlimited"
 msgstr "Unlimited"
 
-#: src/strings.ts:2843
+#: src/strings.ts:2868
 msgid "Unlimited notes and attachments"
 msgstr "Unlimited notes and attachments"
 
-#: src/strings.ts:946
+#: src/strings.ts:948
 msgid "Unlink from all"
 msgstr "Unlink from all"
 
-#: src/strings.ts:867
+#: src/strings.ts:869
 msgid "Unlink notebook"
 msgstr "Unlink notebook"
 
@@ -7336,40 +7618,44 @@ msgstr "Unlink notebook"
 msgid "Unlock"
 msgstr "Unlock"
 
-#: src/strings.ts:2662
+#: src/strings.ts:2678
 msgid "Unlock incoming note"
 msgstr "Unlock incoming note"
 
-#: src/strings.ts:1399
+#: src/strings.ts:1403
 msgid "Unlock more colors with Notesnook Pro"
 msgstr "Unlock more colors with Notesnook Pro"
 
-#: src/strings.ts:455
-#: src/strings.ts:558
+#: src/strings.ts:458
+#: src/strings.ts:560
 msgid "Unlock note"
 msgstr "Unlock note"
 
-#: src/strings.ts:902
+#: src/strings.ts:904
 msgid "Unlock note to delete it"
 msgstr "Unlock note to delete it"
 
-#: src/strings.ts:2673
+#: src/strings.ts:2689
 msgid "Unlock note to merge conflicts"
 msgstr "Unlock note to merge conflicts"
 
-#: src/strings.ts:1224
+#: src/strings.ts:2578
+msgid "Unlock premium features and extra storage"
+msgstr "Unlock premium features and extra storage"
+
+#: src/strings.ts:1228
 msgid "Unlock the app with biometric authentication. This requires biometrics to be enabled on your device."
 msgstr "Unlock the app with biometric authentication. This requires biometrics to be enabled on your device."
 
-#: src/strings.ts:1953
+#: src/strings.ts:1957
 msgid "Unlock vault"
 msgstr "Unlock vault"
 
-#: src/strings.ts:544
+#: src/strings.ts:546
 msgid "Unlock with biometrics"
 msgstr "Unlock with biometrics"
 
-#: src/strings.ts:1848
+#: src/strings.ts:1852
 msgid "Unlock with security key"
 msgstr "Unlock with security key"
 
@@ -7377,44 +7663,44 @@ msgstr "Unlock with security key"
 msgid "Unlock your notes"
 msgstr "Unlock your notes"
 
-#: src/strings.ts:1194
+#: src/strings.ts:1198
 msgid "Unlock your vault with biometric authentication"
 msgstr "Unlock your vault with biometric authentication"
 
-#: src/strings.ts:1731
+#: src/strings.ts:1735
 msgid "Unlocking"
 msgstr "Unlocking"
 
-#: src/strings.ts:913
+#: src/strings.ts:915
 msgid "Unpin"
 msgstr "Unpin"
 
-#: src/strings.ts:943
+#: src/strings.ts:945
 msgid "Unpin notification"
 msgstr "Unpin notification"
 
-#: src/strings.ts:587
+#: src/strings.ts:589
 msgid "Unpublish"
 msgstr "Unpublish"
 
-#: src/strings.ts:1493
+#: src/strings.ts:1497
 msgid "Unpublish notes to delete them"
 msgstr "Unpublish notes to delete them"
 
-#: src/strings.ts:2117
+#: src/strings.ts:2121
 msgid "Unregister"
 msgstr "Unregister"
 
-#: src/strings.ts:2666
+#: src/strings.ts:2682
 msgid "Unset expiry"
 msgstr "Unset expiry"
 
 #: src/strings.ts:210
-#: src/strings.ts:2392
+#: src/strings.ts:2396
 msgid "Untitled"
 msgstr "Untitled"
 
-#: src/strings.ts:588
+#: src/strings.ts:590
 msgid "Update"
 msgstr "Update"
 
@@ -7422,65 +7708,69 @@ msgstr "Update"
 msgid "Update available"
 msgstr "Update available"
 
-#: src/strings.ts:1386
+#: src/strings.ts:1390
 msgid "Update now"
 msgstr "Update now"
 
-#: src/strings.ts:2532
+#: src/strings.ts:2922
+msgid "Updates"
+msgstr "Updates"
+
+#: src/strings.ts:2536
 msgid "Upgrade"
 msgstr "Upgrade"
 
-#: src/strings.ts:1939
+#: src/strings.ts:1943
 msgid "Upgrade now"
 msgstr "Upgrade now"
 
-#: src/strings.ts:2531
+#: src/strings.ts:2535
 msgid "Upgrade plan"
 msgstr "Upgrade plan"
 
-#: src/strings.ts:2557
+#: src/strings.ts:2561
 msgid "Upgrade plan to {plan} to use this feature."
 msgstr "Upgrade plan to {plan} to use this feature."
 
-#: src/strings.ts:1960
+#: src/strings.ts:1964
 msgid "Upgrade to Notesnook Pro to add colors."
 msgstr "Upgrade to Notesnook Pro to add colors."
 
-#: src/strings.ts:1961
+#: src/strings.ts:1965
 msgid "Upgrade to Notesnook Pro to create more tags."
 msgstr "Upgrade to Notesnook Pro to create more tags."
 
-#: src/strings.ts:749
+#: src/strings.ts:751
 msgid "Upgrade to Pro"
 msgstr "Upgrade to Pro"
 
-#: src/strings.ts:2630
+#: src/strings.ts:2646
 msgid "Upgrade to redeem"
 msgstr "Upgrade to redeem"
 
-#: src/strings.ts:510
+#: src/strings.ts:512
 msgid "Upload"
 msgstr "Upload"
 
-#: src/strings.ts:2369
+#: src/strings.ts:2373
 msgid "Upload from disk"
 msgstr "Upload from disk"
 
-#: src/strings.ts:511
-#: src/strings.ts:1672
+#: src/strings.ts:513
+#: src/strings.ts:1676
 msgid "Uploaded"
 msgstr "Uploaded"
 
-#: src/strings.ts:799
+#: src/strings.ts:801
 msgid "Uploaded file verification failed."
 msgstr "Uploaded file verification failed."
 
 #: src/strings.ts:65
-#: src/strings.ts:512
+#: src/strings.ts:514
 msgid "Uploading"
 msgstr "Uploading"
 
-#: src/strings.ts:763
+#: src/strings.ts:765
 msgid "Uploads"
 msgstr "Uploads"
 
@@ -7488,75 +7778,79 @@ msgstr "Uploads"
 msgid "Urgent"
 msgstr "Urgent"
 
-#: src/strings.ts:2419
+#: src/strings.ts:2423
 msgid "URL"
 msgstr "URL"
 
-#: src/strings.ts:1810
+#: src/strings.ts:1814
 msgid "Use"
 msgstr "Use"
 
-#: src/strings.ts:462
+#: src/strings.ts:465
 msgid "Use {keyboardShortcut}+click to select multiple notebooks"
 msgstr "Use {keyboardShortcut}+click to select multiple notebooks"
 
-#: src/strings.ts:1823
+#: src/strings.ts:1827
 msgid "Use a backup file"
 msgstr "Use a backup file"
 
-#: src/strings.ts:1921
+#: src/strings.ts:1925
 msgid "Use a data recovery key to reset your account password."
 msgstr "Use a data recovery key to reset your account password."
 
-#: src/strings.ts:556
+#: src/strings.ts:558
 msgid "Use account password"
 msgstr "Use account password"
 
-#: src/strings.ts:2564
+#: src/strings.ts:2568
 msgid "Use advanced note taking features like"
 msgstr "Use advanced note taking features like"
 
-#: src/strings.ts:995
+#: src/strings.ts:997
 msgid "Use an authenticator app to generate 2FA codes."
 msgstr "Use an authenticator app to generate 2FA codes."
 
-#: src/strings.ts:2203
+#: src/strings.ts:2207
 msgid "Use custom DNS"
 msgstr "Use custom DNS"
 
-#: src/strings.ts:1139
+#: src/strings.ts:1143
 msgid "Use dark mode for the app"
 msgstr "Use dark mode for the app"
 
-#: src/strings.ts:1642
+#: src/strings.ts:1646
 msgid "Use encryption key"
 msgstr "Use encryption key"
 
-#: src/strings.ts:1176
+#: src/strings.ts:2792
+msgid "Use existing PGP keys if you already have them"
+msgstr "Use existing PGP keys if you already have them"
+
+#: src/strings.ts:1180
 msgid "Use markdown shortcuts in the editor"
 msgstr "Use markdown shortcuts in the editor"
 
-#: src/strings.ts:2156
+#: src/strings.ts:2160
 msgid "Use native OS titlebar instead of replacing it with a custom one. Requires app restart for changes to take effect."
 msgstr "Use native OS titlebar instead of replacing it with a custom one. Requires app restart for changes to take effect."
 
-#: src/strings.ts:2154
+#: src/strings.ts:2158
 msgid "Use native titlebar"
 msgstr "Use native titlebar"
 
-#: src/strings.ts:1850
+#: src/strings.ts:1854
 msgid "Use offline"
 msgstr "Use offline"
 
-#: src/strings.ts:1820
+#: src/strings.ts:1824
 msgid "Use recovery key"
 msgstr "Use recovery key"
 
-#: src/strings.ts:1135
+#: src/strings.ts:1139
 msgid "Use system theme"
 msgstr "Use system theme"
 
-#: src/strings.ts:418
+#: src/strings.ts:421
 msgid ""
 "Use the following key to format the title:\n"
 "\n"
@@ -7578,99 +7872,103 @@ msgstr ""
 "$headline$: Use starting line of the note as title.\n"
 "$day$: Current day (eg. Monday)"
 
-#: src/strings.ts:1115
+#: src/strings.ts:1119
 msgid "Use this if changes from other devices are not appearing on this device. This will overwrite the data on this device with the latest data from the server."
 msgstr "Use this if changes from other devices are not appearing on this device. This will overwrite the data on this device with the latest data from the server."
 
-#: src/strings.ts:1124
+#: src/strings.ts:1128
 msgid "Use this if changes made on this device are not appearing on other devices. This will overwrite the data on the server with the data from this device."
 msgstr "Use this if changes made on this device are not appearing on other devices. This will overwrite the data on the server with the data from this device."
 
-#: src/strings.ts:2505
+#: src/strings.ts:2908
+msgid "Use this only for troubleshooting sync issues. Regular use may lead to data loss or conflicts."
+msgstr "Use this only for troubleshooting sync issues. Regular use may lead to data loss or conflicts."
+
+#: src/strings.ts:2509
 msgid "used"
 msgstr "used"
 
-#: src/strings.ts:1034
+#: src/strings.ts:1036
 msgid "User verification failed"
 msgstr "User verification failed"
 
-#: src/strings.ts:2286
+#: src/strings.ts:2290
 msgid "Using {instance} (v{version})"
 msgstr "Using {instance} (v{version})"
 
-#: src/strings.ts:2831
+#: src/strings.ts:2856
 msgid "Using Notesnook without an account will **NOT** sync your notes across devices and could result in data loss if you lose access to your device or uninstall the app. Make sure to backup your notes regularly."
 msgstr "Using Notesnook without an account will **NOT** sync your notes across devices and could result in data loss if you lose access to your device or uninstall the app. Make sure to backup your notes regularly."
 
-#: src/strings.ts:2284
+#: src/strings.ts:2288
 msgid "Using official Notesnook instance"
 msgstr "Using official Notesnook instance"
 
-#: src/strings.ts:1730
+#: src/strings.ts:1734
 msgid "v{version} available"
 msgstr "v{version} available"
 
-#: src/strings.ts:2744
+#: src/strings.ts:2764
 msgid "Value must be between {min} and {max}"
 msgstr "Value must be between {min} and {max}"
 
-#: src/strings.ts:1187
+#: src/strings.ts:1191
 msgid "Vault"
 msgstr "Vault"
 
-#: src/strings.ts:2013
+#: src/strings.ts:2017
 msgid "Vault cleared"
 msgstr "Vault cleared"
 
-#: src/strings.ts:813
+#: src/strings.ts:815
 msgid "Vault created"
 msgstr "Vault created"
 
-#: src/strings.ts:2014
+#: src/strings.ts:2018
 msgid "Vault deleted"
 msgstr "Vault deleted"
 
-#: src/strings.ts:449
+#: src/strings.ts:452
 msgid "Vault fingerprint unlock"
 msgstr "Vault fingerprint unlock"
 
-#: src/strings.ts:1952
+#: src/strings.ts:1956
 msgid "Vault locked"
 msgstr "Vault locked"
 
-#: src/strings.ts:1951
+#: src/strings.ts:1955
 msgid "Vault unlocked"
 msgstr "Vault unlocked"
 
-#: src/strings.ts:1416
+#: src/strings.ts:1420
 msgid "Verification email sent"
 msgstr "Verification email sent"
 
-#: src/strings.ts:575
+#: src/strings.ts:577
 msgid "Verify"
 msgstr "Verify"
 
-#: src/strings.ts:1085
+#: src/strings.ts:1087
 msgid "Verify subscription"
 msgstr "Verify subscription"
 
-#: src/strings.ts:1088
+#: src/strings.ts:1090
 msgid "Verify your subscription to Notesnook Pro"
 msgstr "Verify your subscription to Notesnook Pro"
 
-#: src/strings.ts:1924
+#: src/strings.ts:1928
 msgid "Verifying 2FA code"
 msgstr "Verifying 2FA code"
 
-#: src/strings.ts:1910
+#: src/strings.ts:1914
 msgid "Verifying your email"
 msgstr "Verifying your email"
 
-#: src/strings.ts:415
+#: src/strings.ts:418
 msgid "Version"
 msgstr "Version"
 
-#: src/strings.ts:2823
+#: src/strings.ts:2848
 msgid "Version history cleared"
 msgstr "Version history cleared"
 
@@ -7678,213 +7976,221 @@ msgstr "Version history cleared"
 msgid "Vibrate"
 msgstr "Vibrate"
 
-#: src/strings.ts:756
+#: src/strings.ts:758
 msgid "Videos"
 msgstr "Videos"
 
-#: src/strings.ts:570
+#: src/strings.ts:572
 msgid "View all linked notebooks"
 msgstr "View all linked notebooks"
 
-#: src/strings.ts:2682
+#: src/strings.ts:2698
 msgid "View and edit your inbox public/private key pair"
 msgstr "View and edit your inbox public/private key pair"
 
-#: src/strings.ts:2688
+#: src/strings.ts:2704
 msgid "View and manage inbox API keys"
 msgstr "View and manage inbox API keys"
 
-#: src/strings.ts:1286
+#: src/strings.ts:1290
 msgid "View and share debug logs"
 msgstr "View and share debug logs"
 
-#: src/strings.ts:2774
+#: src/strings.ts:2798
 msgid "View failed inbox items and error contexts"
 msgstr "View failed inbox items and error contexts"
 
-#: src/strings.ts:1768
+#: src/strings.ts:2577
+msgid "View plans"
+msgstr "View plans"
+
+#: src/strings.ts:1772
 msgid "View receipt"
 msgstr "View receipt"
 
-#: src/strings.ts:1076
+#: src/strings.ts:1078
 msgid "View recovery codes"
 msgstr "View recovery codes"
 
-#: src/strings.ts:2183
+#: src/strings.ts:2187
 msgid "View source code"
 msgstr "View source code"
 
-#: src/strings.ts:1078
+#: src/strings.ts:1080
 msgid "View your recovery codes to recover your account in case you lose access to your two-factor authentication methods."
 msgstr "View your recovery codes to recover your account in case you lose access to your two-factor authentication methods."
 
-#: src/strings.ts:2645
+#: src/strings.ts:2661
 msgid "Views"
 msgstr "Views"
 
-#: src/strings.ts:416
+#: src/strings.ts:419
 msgid "Visit homepage"
 msgstr "Visit homepage"
 
-#: src/strings.ts:1366
+#: src/strings.ts:1370
 msgid "Wait 30 seconds to try again"
 msgstr "Wait 30 seconds to try again"
 
-#: src/strings.ts:1673
+#: src/strings.ts:1677
 msgid "Waiting for upload"
 msgstr "Waiting for upload"
 
-#: src/strings.ts:1932
+#: src/strings.ts:1936
 msgid "We are creating a backup of your data. Please wait..."
 msgstr "We are creating a backup of your data. Please wait..."
 
-#: src/strings.ts:474
+#: src/strings.ts:477
 msgid "We are sorry, it seems that the app crashed due to an error. You can submit a bug report below so we can fix this asap."
 msgstr "We are sorry, it seems that the app crashed due to an error. You can submit a bug report below so we can fix this asap."
 
-#: src/strings.ts:2804
+#: src/strings.ts:2829
 msgid "We couldn't load this theme. Please make sure the file is a valid JSON theme file."
 msgstr "We couldn't load this theme. Please make sure the file is a valid JSON theme file."
 
-#: src/strings.ts:2806
+#: src/strings.ts:2831
 msgid "We couldn't load this theme. The file appears to be incomplete or missing required theme properties."
 msgstr "We couldn't load this theme. The file appears to be incomplete or missing required theme properties."
 
-#: src/strings.ts:1406
+#: src/strings.ts:1410
 msgid "We have sent you an email confirmation link. Please check your email inbox. If you cannot find the email, check your spam folder."
 msgstr "We have sent you an email confirmation link. Please check your email inbox. If you cannot find the email, check your spam folder."
 
-#: src/strings.ts:2543
+#: src/strings.ts:2547
 msgid "We require credit card details to fight abuse and to make it seamless for you to upgrade. Your credit card is NOT charged until your free trial ends and your subscription starts. You will be notified via email of the upcoming charge before your trial ends."
 msgstr "We require credit card details to fight abuse and to make it seamless for you to upgrade. Your credit card is NOT charged until your free trial ends and your subscription starts. You will be notified via email of the upcoming charge before your trial ends."
 
-#: src/strings.ts:2198
+#: src/strings.ts:2202
 msgid "We send you occasional promotional offers & product updates on your email (once every month)."
 msgstr "We send you occasional promotional offers & product updates on your email (once every month)."
 
-#: src/strings.ts:1183
+#: src/strings.ts:1187
 msgid "We will send you occasional promotional offers & product updates on your email (sent once every month)."
 msgstr "We will send you occasional promotional offers & product updates on your email (sent once every month)."
 
-#: src/strings.ts:1370
+#: src/strings.ts:1374
 msgid "We would love to know what you think!"
 msgstr "We would love to know what you think!"
 
-#: src/strings.ts:2584
+#: src/strings.ts:2790
+msgid "We'll create secure keys for you automatically"
+msgstr "We'll create secure keys for you automatically"
+
+#: src/strings.ts:2598
 msgid "We’re setting up your plan right now. We’ll notify you as soon as everything is ready."
 msgstr "We’re setting up your plan right now. We’ll notify you as soon as everything is ready."
 
-#: src/strings.ts:2354
+#: src/strings.ts:2358
 msgid "Web clip settings"
 msgstr "Web clip settings"
 
-#: src/strings.ts:2050
+#: src/strings.ts:2054
 msgid "Website"
 msgstr "Website"
 
-#: src/strings.ts:625
+#: src/strings.ts:627
 msgid "Wed"
 msgstr "Wed"
 
-#: src/strings.ts:616
+#: src/strings.ts:618
 msgid "Wednesday"
 msgstr "Wednesday"
 
-#: src/strings.ts:664
+#: src/strings.ts:666
 msgid "Week"
 msgstr "Week"
 
-#: src/strings.ts:2658
+#: src/strings.ts:2674
 msgid "Week format"
 msgstr "Week format"
 
 #: src/strings.ts:168
-#: src/strings.ts:1590
+#: src/strings.ts:1594
 msgid "Weekly"
 msgstr "Weekly"
 
-#: src/strings.ts:780
+#: src/strings.ts:782
 msgid "Welcome back, {email}"
 msgstr "Welcome back, {email}"
 
-#: src/strings.ts:1909
+#: src/strings.ts:1913
 msgid "Welcome back!"
 msgstr "Welcome back!"
 
-#: src/strings.ts:2618
+#: src/strings.ts:2634
 msgid "Welcome to Notesnook {plan}"
 msgstr "Welcome to Notesnook {plan}"
 
-#: src/strings.ts:2104
+#: src/strings.ts:2108
 msgid "Welcome to Notesnook Pro"
 msgstr "Welcome to Notesnook Pro"
 
-#: src/strings.ts:1408
+#: src/strings.ts:1412
 msgid "What do I do if I am not getting the email?"
 msgstr "What do I do if I am not getting the email?"
 
-#: src/strings.ts:2535
+#: src/strings.ts:2539
 msgid "What happens to my data if I switch plans?"
 msgstr "What happens to my data if I switch plans?"
 
-#: src/strings.ts:2551
+#: src/strings.ts:2555
 msgid "What is your refund policy?"
 msgstr "What is your refund policy?"
 
-#: src/strings.ts:1688
+#: src/strings.ts:1692
 msgid "What went wrong?"
 msgstr "What went wrong?"
 
-#: src/strings.ts:2840
+#: src/strings.ts:2865
 msgid "What's included"
 msgstr "What's included"
 
-#: src/strings.ts:2541
+#: src/strings.ts:2545
 msgid "Why do you need my credit card details for a free trial?"
 msgstr "Why do you need my credit card details for a free trial?"
 
-#: src/strings.ts:2415
+#: src/strings.ts:2419
 msgid "Width"
 msgstr "Width"
 
-#: src/strings.ts:2521
+#: src/strings.ts:2525
 msgid "Words"
 msgstr "Words"
 
-#: src/strings.ts:2444
+#: src/strings.ts:2448
 msgid "Work & Office"
 msgstr "Work & Office"
 
-#: src/strings.ts:832
+#: src/strings.ts:834
 msgid "Write notes with freedom, no spying, no tracking."
 msgstr "Write notes with freedom, no spying, no tracking."
 
-#: src/strings.ts:1390
+#: src/strings.ts:1394
 msgid "Write something..."
 msgstr "Write something..."
 
-#: src/strings.ts:1675
+#: src/strings.ts:1679
 msgid "Write with freedom."
 msgstr "Write with freedom."
 
-#: src/strings.ts:2092
+#: src/strings.ts:2096
 msgid "Write with freedom. Never compromise on privacy again."
 msgstr "Write with freedom. Never compromise on privacy again."
 
-#: src/strings.ts:663
+#: src/strings.ts:665
 msgid "Year"
 msgstr "Year"
 
 #: src/strings.ts:170
-#: src/strings.ts:1592
+#: src/strings.ts:1596
 msgid "Yearly"
 msgstr "Yearly"
 
-#: src/strings.ts:548
+#: src/strings.ts:550
 msgid "Yes"
 msgstr "Yes"
 
-#: src/strings.ts:2548
+#: src/strings.ts:2552
 msgid "Yes, you can cancel your trial anytime. No questions asked."
 msgstr "Yes, you can cancel your trial anytime. No questions asked."
 
@@ -7892,67 +8198,67 @@ msgstr "Yes, you can cancel your trial anytime. No questions asked."
 msgid "You also agree to receive marketing emails from us which you can opt-out of from app settings."
 msgstr "You also agree to receive marketing emails from us which you can opt-out of from app settings."
 
-#: src/strings.ts:2623
+#: src/strings.ts:2639
 msgid "You are already subscribed to this plan."
 msgstr "You are already subscribed to this plan."
 
-#: src/strings.ts:2271
+#: src/strings.ts:2275
 msgid "You are editing \"{notebookTitle}\"."
 msgstr "You are editing \"{notebookTitle}\"."
 
-#: src/strings.ts:2064
+#: src/strings.ts:2068
 msgid "You are editing #{tag}"
 msgstr "You are editing #{tag}"
 
-#: src/strings.ts:1802
+#: src/strings.ts:1806
 msgid "You are logging into the beta version of Notesnook. Switching between beta &amp; stable versions can cause weird issues including data loss. It is recommended that you do not use both simultaneously."
 msgstr "You are logging into the beta version of Notesnook. Switching between beta &amp; stable versions can cause weird issues including data loss. It is recommended that you do not use both simultaneously."
 
-#: src/strings.ts:1377
+#: src/strings.ts:1381
 msgid "You are not logged in"
 msgstr "You are not logged in"
 
-#: src/strings.ts:900
+#: src/strings.ts:902
 msgid "You are renaming color {color}"
 msgstr "You are renaming color {color}"
 
-#: src/strings.ts:464
+#: src/strings.ts:467
 msgid "You can also link a note to multiple Notebooks. Tap and hold any notebook to enable multi-select."
 msgstr "You can also link a note to multiple Notebooks. Tap and hold any notebook to enable multi-select."
 
-#: src/strings.ts:2095
+#: src/strings.ts:2099
 msgid "You can change the theme at any time from Settings or the side menu."
 msgstr "You can change the theme at any time from Settings or the side menu."
 
-#: src/strings.ts:2626
+#: src/strings.ts:2642
 msgid "You can change your subscription plan from the web app"
 msgstr "You can change your subscription plan from the web app"
 
-#: src/strings.ts:2452
+#: src/strings.ts:2456
 msgid "You can create shortcuts of frequently accessed notebooks in the side menu"
 msgstr "You can create shortcuts of frequently accessed notebooks in the side menu"
 
-#: src/strings.ts:2110
+#: src/strings.ts:2114
 msgid "You can import your notes from most other note taking apps."
 msgstr "You can import your notes from most other note taking apps."
 
-#: src/strings.ts:1452
+#: src/strings.ts:1456
 msgid "You can multi-select notes and move them to a notebook at once"
 msgstr "You can multi-select notes and move them to a notebook at once"
 
-#: src/strings.ts:1443
+#: src/strings.ts:1447
 msgid "You can pin frequently used Notebooks to the Side Menu to quickly access them."
 msgstr "You can pin frequently used Notebooks to the Side Menu to quickly access them."
 
-#: src/strings.ts:1186
+#: src/strings.ts:1190
 msgid "You can set a custom proxy URL to increase your privacy."
 msgstr "You can set a custom proxy URL to increase your privacy."
 
-#: src/strings.ts:1424
+#: src/strings.ts:1428
 msgid "You can swipe left anywhere in the app to start a new note."
 msgstr "You can swipe left anywhere in the app to start a new note."
 
-#: src/strings.ts:2077
+#: src/strings.ts:2081
 msgid ""
 "You can track your bug report at [{url}]({url}).\n"
 "\n"
@@ -7966,7 +8272,7 @@ msgstr ""
 "\n"
 "If your issue is critical (e.g. notes not syncing, crashes etc.), please [join our Discord community](https://go.notesnook.com/discord) for one-to-one support."
 
-#: src/strings.ts:2086
+#: src/strings.ts:2090
 msgid ""
 "You can track your feature request at [{url}]({url}).\n"
 "\n"
@@ -7980,67 +8286,67 @@ msgstr ""
 msgid "You can track your issue at "
 msgstr "You can track your issue at "
 
-#: src/strings.ts:1044
+#: src/strings.ts:1046
 msgid "You can use all premium features for free for the next 14 days"
 msgstr "You can use all premium features for free for the next 14 days"
 
-#: src/strings.ts:1074
+#: src/strings.ts:1076
 msgid "You can use fallback 2FA method incase you are unable to login via primary method"
 msgstr "You can use fallback 2FA method incase you are unable to login via primary method"
 
-#: src/strings.ts:1466
+#: src/strings.ts:1470
 msgid "You can view & restore older versions of any note by going to its properties -> History."
 msgstr "You can view & restore older versions of any note by going to its properties -> History."
 
-#: src/strings.ts:1770
+#: src/strings.ts:1774
 msgid "You have {count} custom dictionary words."
 msgstr "You have {count} custom dictionary words."
 
-#: src/strings.ts:2229
+#: src/strings.ts:2233
 msgid "You have been logged out from all other devices."
 msgstr "You have been logged out from all other devices."
 
-#: src/strings.ts:2223
+#: src/strings.ts:2227
 msgid "You have been logged out."
 msgstr "You have been logged out."
 
-#: src/strings.ts:2622
+#: src/strings.ts:2638
 msgid "You have made a one time purchase. To change your plan please contact support."
 msgstr "You have made a one time purchase. To change your plan please contact support."
 
-#: src/strings.ts:980
+#: src/strings.ts:982
 msgid "You have not added any notebooks yet"
 msgstr "You have not added any notebooks yet"
 
-#: src/strings.ts:979
+#: src/strings.ts:981
 msgid "You have not added any tags yet"
 msgstr "You have not added any tags yet"
 
-#: src/strings.ts:978
+#: src/strings.ts:980
 msgid "You have not created any notes yet"
 msgstr "You have not created any notes yet"
 
-#: src/strings.ts:977
+#: src/strings.ts:979
 msgid "You have not favorited any notes yet"
 msgstr "You have not favorited any notes yet"
 
-#: src/strings.ts:982
+#: src/strings.ts:984
 msgid "You have not published any monographs yet"
 msgstr "You have not published any monographs yet"
 
-#: src/strings.ts:981
+#: src/strings.ts:983
 msgid "You have not set any reminders yet"
 msgstr "You have not set any reminders yet"
 
-#: src/strings.ts:1566
+#: src/strings.ts:1570
 msgid "You have unsynced notes. Take a backup or sync your notes to avoid losing your critical data."
 msgstr "You have unsynced notes. Take a backup or sync your notes to avoid losing your critical data."
 
-#: src/strings.ts:1655
+#: src/strings.ts:1659
 msgid "You must log out in order to change/reset server URLs."
 msgstr "You must log out in order to change/reset server URLs."
 
-#: src/strings.ts:2760
+#: src/strings.ts:2780
 msgid ""
 "You need to login to restore attachments from a backup file. [Read more](https://help.notesnook.com/faqs/login-to-restore-attachments-in-backup).\n"
 "  \n"
@@ -8050,188 +8356,192 @@ msgstr ""
 "  \n"
 "Continue without attachments?"
 
-#: src/strings.ts:850
+#: src/strings.ts:852
 msgid "You simply cannot get any better of a note taking app than @notesnook. The UI is clean and slick, it is feature rich, encrypted, reasonably priced (esp. for students & educators) & open source"
 msgstr "You simply cannot get any better of a note taking app than @notesnook. The UI is clean and slick, it is feature rich, encrypted, reasonably priced (esp. for students & educators) & open source"
 
-#: src/strings.ts:1084
+#: src/strings.ts:1086
 msgid "You subscribed to Notesnook Pro on {date}. Verify this subscription?"
 msgstr "You subscribed to Notesnook Pro on {date}. Verify this subscription?"
 
-#: src/strings.ts:709
+#: src/strings.ts:711
 msgid "You subscribed to Notesnook Pro on Android Phone/Tablet using Google In App Purchase."
 msgstr "You subscribed to Notesnook Pro on Android Phone/Tablet using Google In App Purchase."
 
-#: src/strings.ts:702
+#: src/strings.ts:704
 msgid "You subscribed to Notesnook Pro on iOS using Apple In App Purchase. You can cancel anytime with your iTunes Account settings."
 msgstr "You subscribed to Notesnook Pro on iOS using Apple In App Purchase. You can cancel anytime with your iTunes Account settings."
 
-#: src/strings.ts:715
+#: src/strings.ts:717
 msgid "You subscribed to Notesnook Pro on the Web/Desktop App."
 msgstr "You subscribed to Notesnook Pro on the Web/Desktop App."
 
-#: src/strings.ts:721
+#: src/strings.ts:723
 msgid "You subscribed to Notesnook Pro using a gift card."
 msgstr "You subscribed to Notesnook Pro using a gift card."
 
-#: src/strings.ts:696
+#: src/strings.ts:698
 msgid "You were awarded a subscription to Notesnook Pro by Streetwriters."
 msgstr "You were awarded a subscription to Notesnook Pro by Streetwriters."
 
-#: src/strings.ts:468
+#: src/strings.ts:471
 msgid "You will be logged out from all your devices"
 msgstr "You will be logged out from all your devices"
 
-#: src/strings.ts:1872
+#: src/strings.ts:1876
 msgid "You will receive instructions on how to recover your account on this email"
 msgstr "You will receive instructions on how to recover your account on this email"
 
-#: src/strings.ts:467
+#: src/strings.ts:470
 msgid "Your account email will be changed without affecting your subscription or any other settings."
 msgstr "Your account email will be changed without affecting your subscription or any other settings."
 
-#: src/strings.ts:1938
+#: src/strings.ts:1942
 msgid "Your account has been recovered."
 msgstr "Your account has been recovered."
 
-#: src/strings.ts:2864
+#: src/strings.ts:2889
 msgid "Your account is almost ready, please wait."
 msgstr "Your account is almost ready, please wait."
 
-#: src/strings.ts:502
-#: src/strings.ts:1749
+#: src/strings.ts:504
+#: src/strings.ts:1753
 msgid "Your account is now 100% secure against unauthorized logins."
 msgstr "Your account is now 100% secure against unauthorized logins."
 
-#: src/strings.ts:1877
+#: src/strings.ts:1881
 msgid "Your account password must be strong & unique."
 msgstr "Your account password must be strong & unique."
 
-#: src/strings.ts:1050
+#: src/strings.ts:1052
 msgid "Your account will be downgraded in {days} days"
 msgstr "Your account will be downgraded in {days} days"
 
-#: src/strings.ts:1094
-msgid "Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure you have saved a backup of your notes before proceeding."
-msgstr "Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure you have saved a backup of your notes before proceeding."
+#: src/strings.ts:1096
+msgid "Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure to save a backup of your notes before proceeding."
+msgstr "Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure to save a backup of your notes before proceeding."
 
-#: src/strings.ts:976
+#: src/strings.ts:978
 msgid "Your archive"
 msgstr "Your archive"
 
-#: src/strings.ts:2517
+#: src/strings.ts:2521
 msgid "Your archive is empty"
 msgstr "Your archive is empty"
 
-#: src/strings.ts:1950
+#: src/strings.ts:1954
 msgid "Your backup is ready to download"
 msgstr "Your backup is ready to download"
 
-#: src/strings.ts:1607
+#: src/strings.ts:1611
 msgid "Your changes could not be saved"
 msgstr "Your changes could not be saved"
 
-#: src/strings.ts:1797
+#: src/strings.ts:1801
 msgid "Your changes have been saved and will be reflected after the app has refreshed."
 msgstr "Your changes have been saved and will be reflected after the app has refreshed."
 
-#: src/strings.ts:2130
+#: src/strings.ts:2134
 msgid "Your current 2FA method is {method}"
 msgstr "Your current 2FA method is {method}"
 
-#: src/strings.ts:2629
+#: src/strings.ts:2645
 msgid "Your current subscription does not allow changing plans"
 msgstr "Your current subscription does not allow changing plans"
 
-#: src/strings.ts:1822
+#: src/strings.ts:1826
 msgid "Your data recovery key is basically a hashed version of your password (plus some random salt). It can be used to decrypt your data for re-encryption."
 msgstr "Your data recovery key is basically a hashed version of your password (plus some random salt). It can be used to decrypt your data for re-encryption."
 
-#: src/strings.ts:1875
+#: src/strings.ts:1879
 msgid "Your data recovery key will be used to decrypt your data"
 msgstr "Your data recovery key will be used to decrypt your data"
 
-#: src/strings.ts:2537
+#: src/strings.ts:2541
 msgid "Your data remains 100% accessible regardless of what plan you are on. That includes your notes, notebooks, attachments, and anything else you might have created."
 msgstr "Your data remains 100% accessible regardless of what plan you are on. That includes your notes, notebooks, attachments, and anything else you might have created."
 
-#: src/strings.ts:1805
+#: src/strings.ts:1809
 msgid "Your email has been confirmed."
 msgstr "Your email has been confirmed."
 
-#: src/strings.ts:2528
+#: src/strings.ts:2532
 msgid "Your email has been confirmed. You can now securely sync your encrypted notes across all devices."
 msgstr "Your email has been confirmed. You can now securely sync your encrypted notes across all devices."
 
-#: src/strings.ts:766
+#: src/strings.ts:768
 msgid "Your email is not confirmed. Please confirm your email address to change account password."
 msgstr "Your email is not confirmed. Please confirm your email address to change account password."
 
-#: src/strings.ts:970
+#: src/strings.ts:972
 msgid "Your favorites"
 msgstr "Your favorites"
 
-#: src/strings.ts:1047
+#: src/strings.ts:1049
 msgid "Your free trial ends on {date}"
 msgstr "Your free trial ends on {date}"
 
-#: src/strings.ts:1420
+#: src/strings.ts:1424
 msgid "Your free trial has expired"
 msgstr "Your free trial has expired"
 
-#: src/strings.ts:1042
+#: src/strings.ts:1044
 msgid "Your free trial has started"
 msgstr "Your free trial has started"
 
-#: src/strings.ts:1419
+#: src/strings.ts:1423
 msgid "Your free trial is ending soon"
 msgstr "Your free trial is ending soon"
 
-#: src/strings.ts:2657
+#: src/strings.ts:2673
 msgid "Your free trial is on-going. Your subscription will start on {trialExpiryDate}"
 msgstr "Your free trial is on-going. Your subscription will start on {trialExpiryDate}"
 
-#: src/strings.ts:1799
+#: src/strings.ts:1803
 msgid "Your full name"
 msgstr "Your full name"
 
-#: src/strings.ts:975
+#: src/strings.ts:977
 msgid "Your monographs"
 msgstr "Your monographs"
 
-#: src/strings.ts:1328
+#: src/strings.ts:1332
 msgid "Your name is stored 100% end-to-end encrypted and only visible to you."
 msgstr "Your name is stored 100% end-to-end encrypted and only visible to you."
 
-#: src/strings.ts:561
+#: src/strings.ts:563
 msgid "Your note will be unencrypted and removed from the vault."
 msgstr "Your note will be unencrypted and removed from the vault."
 
-#: src/strings.ts:973
+#: src/strings.ts:975
 msgid "Your notebooks"
 msgstr "Your notebooks"
 
-#: src/strings.ts:971
+#: src/strings.ts:973
 msgid "Your notes"
 msgstr "Your notes"
 
-#: src/strings.ts:1913
+#: src/strings.ts:1917
 msgid "Your password is always hashed before leaving this device."
 msgstr "Your password is always hashed before leaving this device."
 
-#: src/strings.ts:846
+#: src/strings.ts:848
 msgid "Your privacy matters to us, no matter who you are. In a world where everyone is trying to spy on you, Notesnook encrypts all your data before it leaves your device. With Notesnook no one can ever sell your data again."
 msgstr "Your privacy matters to us, no matter who you are. In a world where everyone is trying to spy on you, Notesnook encrypts all your data before it leaves your device. With Notesnook no one can ever sell your data again."
 
-#: src/strings.ts:1325
+#: src/strings.ts:1329
 msgid "Your profile pictrure is stored 100% end-to-end encrypted and only visible to you."
 msgstr "Your profile pictrure is stored 100% end-to-end encrypted and only visible to you."
 
-#: src/strings.ts:2018
+#: src/strings.ts:2900
+msgid "Your recovery key"
+msgstr "Your recovery key"
+
+#: src/strings.ts:2022
 msgid "Your refund has been issued. Please wait 24 hours before reaching out to us in case you do not receive your funds."
 msgstr "Your refund has been issued. Please wait 24 hours before reaching out to us in case you do not receive your funds."
 
-#: src/strings.ts:974
+#: src/strings.ts:976
 msgid "Your reminders"
 msgstr "Your reminders"
 
@@ -8239,66 +8549,66 @@ msgstr "Your reminders"
 msgid "Your session has expired. Please enter password for {obfuscatedEmail} to continue."
 msgstr "Your session has expired. Please enter password for {obfuscatedEmail} to continue."
 
-#: src/strings.ts:1051
+#: src/strings.ts:1053
 msgid "Your subscription ends on {date}"
 msgstr "Your subscription ends on {date}"
 
-#: src/strings.ts:2016
+#: src/strings.ts:2020
 msgid "Your subscription has been canceled."
 msgstr "Your subscription has been canceled."
 
-#: src/strings.ts:1048
+#: src/strings.ts:1050
 msgid "Your subscription has ended"
 msgstr "Your subscription has ended"
 
-#: src/strings.ts:1052
+#: src/strings.ts:1054
 msgid "Your subscription renews on {date}"
 msgstr "Your subscription renews on {date}"
 
-#: src/strings.ts:2074
+#: src/strings.ts:2078
 msgid "Your support request has been forwarded"
 msgstr "Your support request has been forwarded"
 
-#: src/strings.ts:2083
+#: src/strings.ts:2087
 msgid "Your support request has been forwarded to our support team. We will get back to you via email as soon as possible. If you don't receive an email from us within 24-48 hours, please send us an email directly at support@notesnook.com."
 msgstr "Your support request has been forwarded to our support team. We will get back to you via email as soon as possible. If you don't receive an email from us within 24-48 hours, please send us an email directly at support@notesnook.com."
 
-#: src/strings.ts:972
+#: src/strings.ts:974
 msgid "Your tags"
 msgstr "Your tags"
 
-#: src/strings.ts:2860
+#: src/strings.ts:2885
 msgid "Your thoughts deserve a home. Create your first note and start organizing your life today."
 msgstr "Your thoughts deserve a home. Create your first note and start organizing your life today."
 
-#: src/strings.ts:690
+#: src/strings.ts:692
 msgid "yr"
 msgstr "yr"
 
-#: src/strings.ts:648
+#: src/strings.ts:650
 msgid "Z to A"
 msgstr "Z to A"
 
-#: src/strings.ts:793
+#: src/strings.ts:795
 msgid "Zipping"
 msgstr "Zipping"
 
-#: src/strings.ts:2493
+#: src/strings.ts:2497
 msgid "Zoom"
 msgstr "Zoom"
 
-#: src/strings.ts:2124
+#: src/strings.ts:2128
 msgid "Zoom factor"
 msgstr "Zoom factor"
 
-#: src/strings.ts:1721
+#: src/strings.ts:1725
 msgid "Zoom in"
 msgstr "Zoom in"
 
-#: src/strings.ts:2125
+#: src/strings.ts:2129
 msgid "Zoom in or out the app content."
 msgstr "Zoom in or out the app content."
 
-#: src/strings.ts:1720
+#: src/strings.ts:1724
 msgid "Zoom out"
 msgstr "Zoom out"
diff --git a/packages/intl/locale/pseudo-LOCALE.po b/packages/intl/locale/pseudo-LOCALE.po
index 289aee7c6..da401c457 100644
--- a/packages/intl/locale/pseudo-LOCALE.po
+++ b/packages/intl/locale/pseudo-LOCALE.po
@@ -13,7 +13,7 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: src/strings.ts:2442
+#: src/strings.ts:2446
 msgid " \"Notebook > Notes\""
 msgstr ""
 
@@ -21,27 +21,27 @@ msgstr ""
 msgid " Unlock with password once to enable biometric access."
 msgstr ""
 
-#: src/strings.ts:1962
+#: src/strings.ts:1966
 msgid " Upgrade to Notesnook Pro to add more notebooks."
 msgstr ""
 
-#: src/strings.ts:1965
+#: src/strings.ts:1969
 msgid " Upgrade to Notesnook Pro to customize the toolbar."
 msgstr ""
 
-#: src/strings.ts:1964
+#: src/strings.ts:1968
 msgid " Upgrade to Notesnook Pro to use custom toolbar presets."
 msgstr ""
 
-#: src/strings.ts:1963
+#: src/strings.ts:1967
 msgid " Upgrade to Notesnook Pro to use the notes vault."
 msgstr ""
 
-#: src/strings.ts:1966
+#: src/strings.ts:1970
 msgid " Upgrade to Notesnook Pro to use this feature."
 msgstr ""
 
-#: src/strings.ts:842
+#: src/strings.ts:844
 msgid "— not just the privileged few"
 msgstr ""
 
@@ -49,7 +49,7 @@ msgstr ""
 msgid "\"Refunded"
 msgstr ""
 
-#: src/strings.ts:236
+#: src/strings.ts:235
 msgid "(empty block)"
 msgstr ""
 
@@ -59,29 +59,29 @@ msgid "{0}"
 msgstr ""
 
 #. placeholder {0}: name || "File"
-#: src/strings.ts:515
+#: src/strings.ts:517
 msgid "{0} downloaded"
 msgstr ""
 
 #. placeholder {0}: version ? `v${version} ` : "New version"
-#: src/strings.ts:533
+#: src/strings.ts:535
 msgid "{0} Highlights 🎉"
 msgstr ""
 
 #. placeholder {0}: platform === "ios" ? "Apple" : "Google"
-#: src/strings.ts:2598
+#: src/strings.ts:2612
 msgid "{0} will remind you before your trial ends"
 msgstr ""
 
-#: src/strings.ts:1774
+#: src/strings.ts:1778
 msgid "{count, plural, one {# error occured} other {# errors occured}}"
 msgstr ""
 
-#: src/strings.ts:1780
+#: src/strings.ts:1784
 msgid "{count, plural, one {# file ready for import} other {# files ready for import}}"
 msgstr ""
 
-#: src/strings.ts:1735
+#: src/strings.ts:1739
 msgid "{count, plural, one {# file} other {# files}}"
 msgstr ""
 
@@ -89,15 +89,15 @@ msgstr ""
 msgid "{count, plural, one {# note} other {# notes}}"
 msgstr ""
 
-#: src/strings.ts:1599
+#: src/strings.ts:1603
 msgid "{count, plural, one {1 hour} other {# hours}}"
 msgstr ""
 
-#: src/strings.ts:1594
+#: src/strings.ts:1598
 msgid "{count, plural, one {1 minute} other {# minutes}}"
 msgstr ""
 
-#: src/strings.ts:408
+#: src/strings.ts:411
 msgid "{count, plural, one {1 result} other {# results}}"
 msgstr ""
 
@@ -134,7 +134,7 @@ msgstr ""
 msgid "{count, plural, one {Are you sure you want to download all attachments of this note?} other {Are you sure you want to download all attachments?}}"
 msgstr ""
 
-#: src/strings.ts:877
+#: src/strings.ts:879
 msgid "{count, plural, one {Are you sure you want to move this notebook to {selectedNotebookTitle}?} other {Are you sure you want to move these # notebooks {selectedNotebookTitle}?}}"
 msgstr ""
 
@@ -301,15 +301,15 @@ msgstr ""
 msgid "{count, plural, one {Item unpublished} other {# items unpublished}}"
 msgstr ""
 
-#: src/strings.ts:2459
+#: src/strings.ts:2463
 msgid "{count, plural, one {Move all notes in this notebook to trash} other {Move all notes in these notebooks to trash}}"
 msgstr ""
 
-#: src/strings.ts:875
+#: src/strings.ts:877
 msgid "{count, plural, one {Move notebook} other {Move # notebooks}}"
 msgstr ""
 
-#: src/strings.ts:481
+#: src/strings.ts:483
 msgid "{count, plural, one {Moving {title}} other {Moving # notebooks}}"
 msgstr ""
 
@@ -349,7 +349,7 @@ msgstr ""
 msgid "{count, plural, one {Note unpublished} other {# notes unpublished}}"
 msgstr ""
 
-#: src/strings.ts:936
+#: src/strings.ts:938
 msgid "{count, plural, one {Note will be automatically deleted from all other devices & any future changes won't get synced. Are you sure you want to continue?} other {# notes will be automatically deleted from all other devices & any future changes won't get synced. Are you sure you want to continue?}}"
 msgstr ""
 
@@ -403,7 +403,7 @@ msgstr ""
 msgid "{count, plural, one {Pin notebook} other {Pin # notebooks}}"
 msgstr ""
 
-#: src/strings.ts:931
+#: src/strings.ts:933
 msgid "{count, plural, one {Prevent note from syncing} other {Prevent # notes from syncing}}"
 msgstr ""
 
@@ -508,39 +508,39 @@ msgstr "<<<<<<< HEAD"
 msgid "{count, plural, one {Version deleted} other {# versions deleted}}"
 msgstr ""
 
-#: src/strings.ts:2529
+#: src/strings.ts:2533
 msgid "{count} characters"
 msgstr ""
 
-#: src/strings.ts:1585
+#: src/strings.ts:1589
 msgid "{days, plural, one {1 day} other {# days}}"
 msgstr ""
 
-#: src/strings.ts:2589
+#: src/strings.ts:2603
 msgid "{days} days free"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2851
+#: src/strings.ts:2876
 msgid "{duration} days free trial includes all features"
 msgstr ""
 
-#: src/strings.ts:351
+#: src/strings.ts:350
 msgid "{freq, plural, one {Repeats every day on {selectedDays} at {date}} other {Repeats every # day every {selectedDays} at {date}}}"
 msgstr ""
 
-#: src/strings.ts:359
+#: src/strings.ts:358
 msgid "{freq, plural, one {Repeats every month on {selectedDays} at {date}} other {Repeats every # month every {selectedDays} at {date}}}"
 msgstr ""
 
-#: src/strings.ts:355
+#: src/strings.ts:354
 msgid "{freq, plural, one {Repeats every week on {selectedDays} at {date}} other {Repeats every # week every {selectedDays} at {date}}}"
 msgstr ""
 
-#: src/strings.ts:363
+#: src/strings.ts:362
 msgid "{freq, plural, one {Repeats every year on {selectedDays} at {date}} other {Repeats every # year every {selectedDays} at {date}}}"
 msgstr ""
 
-#: src/strings.ts:327
+#: src/strings.ts:326
 msgid "{itemType, select, tag {Add a tag} notebook {Add a notebook} reminder {Add a reminder} note {Add a note} other {Add an item}}"
 msgstr ""
 
@@ -548,55 +548,55 @@ msgstr ""
 msgid "{key, select, dateCreated {Created at} dateEdited {Last edited at} dateModified {Last modified at} dateUploaded {Uploaded at} dateDeleted {Deleted at} other {{key}}}"
 msgstr ""
 
-#: src/strings.ts:440
+#: src/strings.ts:443
 msgid "{mode, select, create {Create app lock {keyboardType}} change {Change app lock {keyboardType}} remove {Remove app lock {keyboardType}} other {}}"
 msgstr ""
 
-#: src/strings.ts:605
+#: src/strings.ts:607
 msgid "{mode, select, day {Daily} week {Weekly} month {Monthly} year {Yearly} other {Unknown mode}}"
 msgstr ""
 
-#: src/strings.ts:598
+#: src/strings.ts:600
 msgid "{mode, select, repeat {Repeat} once {Once} permanent {Permanent} other {Unknown mode}}"
 msgstr ""
 
-#: src/strings.ts:1997
+#: src/strings.ts:2001
 msgid "{n} {added, plural, one {added to 1 notebook} other {added to # notebooks}} and {removed, plural, one {removed from 1 notebook} other {removed from # notebooks}}."
 msgstr ""
 
-#: src/strings.ts:1992
+#: src/strings.ts:1996
 msgid "{n} {added, plural, one {added to 1 notebook} other {added to # notebooks}}."
 msgstr ""
 
-#: src/strings.ts:1987
+#: src/strings.ts:1991
 msgid "{n} {removed, plural, one {removed from 1 notebook} other {removed from # notebooks}}."
 msgstr ""
 
-#: src/strings.ts:1982
+#: src/strings.ts:1986
 msgid "{notes, plural, one {1 note} other {# notes}}"
 msgstr ""
 
-#: src/strings.ts:471
+#: src/strings.ts:474
 msgid "{notes, plural, one {Export note} other {Export # notes}}"
 msgstr ""
 
-#: src/strings.ts:1727
+#: src/strings.ts:1731
 msgid "{percentage}% updating..."
 msgstr ""
 
-#: src/strings.ts:2573
+#: src/strings.ts:2587
 msgid "{plan} plan"
 msgstr ""
 
-#: src/strings.ts:743
+#: src/strings.ts:745
 msgid "{platform, select, android {{name} saved to selected path} other {{name} saved to File Manager/Notesnook/downloads}}"
 msgstr ""
 
-#: src/strings.ts:1353
+#: src/strings.ts:1357
 msgid "{platform, select, android {Backup file saved in \"Notesnook backups\" folder on your phone.} other {Backup file is saved in File Manager/Notesnook folder}}"
 msgstr ""
 
-#: src/strings.ts:2389
+#: src/strings.ts:2393
 msgid "{selected} selected"
 msgstr ""
 
@@ -612,216 +612,236 @@ msgstr ""
 msgid "{type, select, upload {Uploading} download {Downloading} sync {Syncing} other {Loading}}"
 msgstr ""
 
-#: src/strings.ts:785
+#: src/strings.ts:787
 msgid "{type} does not match"
 msgstr ""
 
-#: src/strings.ts:1620
+#: src/strings.ts:1624
 msgid "{words, plural, one {# word} other {# words}}"
 msgstr ""
 
-#: src/strings.ts:1683
+#: src/strings.ts:1687
 msgid "{words, plural, other {# selected}}"
 msgstr ""
 
-#: src/strings.ts:1811
+#: src/strings.ts:1815
 msgid "#notesnook"
 msgstr ""
 
-#: src/strings.ts:2698
+#: src/strings.ts:2716
 msgid "1 day"
 msgstr ""
 
-#: src/strings.ts:2700
+#: src/strings.ts:2718
 msgid "1 month"
 msgstr ""
 
-#: src/strings.ts:2699
+#: src/strings.ts:2717
 msgid "1 week"
 msgstr ""
 
-#: src/strings.ts:2701
+#: src/strings.ts:2719
 msgid "1 year"
 msgstr ""
 
-#: src/strings.ts:1604
+#: src/strings.ts:1608
 msgid "12-hour"
 msgstr ""
 
-#: src/strings.ts:1605
+#: src/strings.ts:1609
 msgid "24-hour"
 msgstr ""
 
-#: src/strings.ts:1925
+#: src/strings.ts:1929
 msgid "2FA code is required()"
 msgstr ""
 
-#: src/strings.ts:1024
+#: src/strings.ts:1026
 msgid "2FA code sent via {method}"
 msgstr ""
 
-#: src/strings.ts:2616
+#: src/strings.ts:2632
 msgid "5 year plan"
 msgstr ""
 
-#: src/strings.ts:1866
+#: src/strings.ts:1870
 msgid "6 digit code"
 msgstr ""
 
-#: src/strings.ts:1447
+#: src/strings.ts:2585
+msgid "7-day free trial"
+msgstr ""
+
+#: src/strings.ts:1451
 msgid "A notebook can have unlimited topics with unlimited notes."
 msgstr ""
 
-#: src/strings.ts:647
+#: src/strings.ts:649
 msgid "A to Z"
 msgstr ""
 
-#: src/strings.ts:448
+#: src/strings.ts:451
 msgid "A vault stores your notes in an encrypted storage."
 msgstr ""
 
-#: src/strings.ts:662
+#: src/strings.ts:664
 msgid "Abc"
 msgstr ""
 
-#: src/strings.ts:1305
+#: src/strings.ts:1309
 msgid "About"
-msgstr "<<<<<<< HEAD"
+msgstr "<<<<<<< HEAD<<<<<<< HEAD"
 
-#: src/strings.ts:2845
+#: src/strings.ts:2895
+msgid "Access on all devices"
+msgstr ""
+
+#: src/strings.ts:2870
 msgid "Access on all your devices"
 msgstr ""
 
-#: src/strings.ts:1040
+#: src/strings.ts:1042
 msgid "Account"
 msgstr ""
 
-#: src/strings.ts:1868
+#: src/strings.ts:2913
+msgid "Account actions"
+msgstr ""
+
+#: src/strings.ts:1872
 msgid "Account password"
 msgstr ""
 
-#: src/strings.ts:2484
+#: src/strings.ts:2488
 msgid "Actions for note: {title}"
 msgstr ""
 
-#: src/strings.ts:2485
+#: src/strings.ts:2489
 msgid "Actions for notebook: {title}"
 msgstr ""
 
-#: src/strings.ts:2486
+#: src/strings.ts:2490
 msgid "Actions for tag: {title}"
 msgstr ""
 
-#: src/strings.ts:2058
+#: src/strings.ts:2062
 msgid "Activate"
 msgstr ""
 
-#: src/strings.ts:1844
+#: src/strings.ts:1848
 msgid "Activating trial"
 msgstr ""
 
-#: src/strings.ts:530
+#: src/strings.ts:532
 msgid "Add"
 msgstr ""
 
-#: src/strings.ts:1072
+#: src/strings.ts:1074
 msgid "Add 2FA fallback method"
 msgstr ""
 
-#: src/strings.ts:1525
+#: src/strings.ts:1529
 msgid "Add a short note"
 msgstr ""
 
-#: src/strings.ts:1621
+#: src/strings.ts:1625
 msgid "Add a tag"
 msgstr ""
 
-#: src/strings.ts:557
+#: src/strings.ts:559
 msgid "Add color"
 msgstr ""
 
-#: src/strings.ts:2686
+#: src/strings.ts:2702
 msgid "Add key"
 msgstr ""
 
-#: src/strings.ts:909
+#: src/strings.ts:911
 msgid "Add notebook"
 msgstr ""
 
-#: src/strings.ts:2511
+#: src/strings.ts:2515
 msgid "Add notes"
 msgstr ""
 
-#: src/strings.ts:485
+#: src/strings.ts:487
 msgid "Add notes to {title}"
 msgstr ""
 
-#: src/strings.ts:908
+#: src/strings.ts:910
 msgid "Add shortcut"
 msgstr ""
 
-#: src/strings.ts:737
+#: src/strings.ts:739
 msgid "Add shortcuts for notebooks and tags here."
 msgstr ""
 
-#: src/strings.ts:572
+#: src/strings.ts:574
 msgid "Add tag"
 msgstr ""
 
-#: src/strings.ts:949
+#: src/strings.ts:951
 msgid "Add tags"
 msgstr ""
 
-#: src/strings.ts:950
+#: src/strings.ts:952
 msgid "Add tags to multiple notes at once"
 msgstr ""
 
-#: src/strings.ts:2276
+#: src/strings.ts:2280
 msgid "Add to dictionary"
 msgstr ""
 
-#: src/strings.ts:2649
+#: src/strings.ts:2665
 msgid "Add to home"
 msgstr ""
 
-#: src/strings.ts:2509
+#: src/strings.ts:2513
 msgid "Add to notebook"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:990
-#: src/strings.ts:2861
+#: src/strings.ts:992
+#: src/strings.ts:2886
 msgid "Add your first note"
 msgstr ""
 
-#: src/strings.ts:991
+#: src/strings.ts:993
 msgid "Add your first notebook"
 msgstr ""
 
-#: src/strings.ts:2652
+#: src/strings.ts:2668
 msgid "Adjust the line height of the editor"
 msgstr ""
 
-#: src/strings.ts:2202
+#: src/strings.ts:2206
 msgid "Advanced"
 msgstr ""
 
-#: src/strings.ts:1747
+#: src/strings.ts:2583
+msgid "Advanced note elements"
+msgstr ""
+
+#: src/strings.ts:1104
+msgid "Advanced settings"
+msgstr ""
+
+#: src/strings.ts:1751
 msgid "After scanning the QR code image, the app will display a code that you can enter below."
 msgstr ""
 
-#: src/strings.ts:2341
+#: src/strings.ts:2345
 msgid "Align left"
 msgstr ""
 
-#: src/strings.ts:2342
+#: src/strings.ts:2346
 msgid "Align right"
 msgstr ""
 
-#: src/strings.ts:2311
+#: src/strings.ts:2315
 msgid "Alignment"
 msgstr ""
 
-#: src/strings.ts:726
+#: src/strings.ts:728
 msgid "All"
 msgstr ""
 
@@ -829,55 +849,55 @@ msgstr ""
 msgid "All attachments are end-to-end encrypted."
 msgstr ""
 
-#: src/strings.ts:2436
+#: src/strings.ts:2440
 msgid "All cached attachments have been cleared."
 msgstr ""
 
-#: src/strings.ts:767
+#: src/strings.ts:769
 msgid "All fields are required"
 msgstr ""
 
-#: src/strings.ts:754
+#: src/strings.ts:756
 msgid "All files"
 msgstr ""
 
-#: src/strings.ts:2781
+#: src/strings.ts:2806
 msgid "All items deleted"
 msgstr ""
 
-#: src/strings.ts:1190
+#: src/strings.ts:1194
 msgid "All locked notes will be re-encrypted with the new password."
 msgstr ""
 
-#: src/strings.ts:739
+#: src/strings.ts:741
 msgid "All logs are local only and are not sent to any server. You can share the logs from here with us if you face an issue to help us find the root cause."
 msgstr ""
 
-#: src/strings.ts:1658
+#: src/strings.ts:1662
 msgid "All server urls are required."
 msgstr ""
 
-#: src/strings.ts:1927
+#: src/strings.ts:1931
 msgid "All the data in your account will be overwritten with the data in the backup file. There is no way to reverse this action."
 msgstr ""
 
-#: src/strings.ts:2182
+#: src/strings.ts:2186
 msgid "All the source code for Notesnook is available & open for everyone on GitHub."
 msgstr ""
 
-#: src/strings.ts:430
+#: src/strings.ts:433
 msgid "All tools are grouped"
 msgstr ""
 
-#: src/strings.ts:1337
+#: src/strings.ts:1341
 msgid "All tools in the collapsed section will be removed"
 msgstr ""
 
-#: src/strings.ts:1332
+#: src/strings.ts:1336
 msgid "All tools in this group will be removed from the toolbar."
 msgstr ""
 
-#: src/strings.ts:1362
+#: src/strings.ts:1366
 msgid "All your backups are stored in 'Phone Storage/Notesnook/backups/' folder"
 msgstr ""
 
@@ -885,15 +905,19 @@ msgstr ""
 msgid "Already have an account?"
 msgstr ""
 
-#: src/strings.ts:2252
+#: src/strings.ts:2921
+msgid "Always ask"
+msgstr ""
+
+#: src/strings.ts:2256
 msgid "Amount"
 msgstr ""
 
-#: src/strings.ts:250
+#: src/strings.ts:249
 msgid "An error occurred while migrating your data. You can logout of your account and try to relogin. However this is not recommended as it may result in some data loss if your data was not synced."
 msgstr ""
 
-#: src/strings.ts:2610
+#: src/strings.ts:2624
 msgid "and"
 msgstr ""
 
@@ -901,485 +925,505 @@ msgstr ""
 msgid "and "
 msgstr ""
 
-#: src/strings.ts:1812
+#: src/strings.ts:1816
 msgid "and get a chance to win free promo codes."
 msgstr ""
 
-#: src/strings.ts:2566
+#: src/strings.ts:2570
 msgid "and much more."
 msgstr ""
 
-#: src/strings.ts:1413
+#: src/strings.ts:1417
 msgid "and we will manually confirm your account."
 msgstr ""
 
-#: src/strings.ts:2627
+#: src/strings.ts:2643
 msgid "ANNOUNCEMENT"
 msgstr ""
 
-#: src/strings.ts:2716
+#: src/strings.ts:2734
 msgid "API key copied to clipboard"
 msgstr ""
 
-#: src/strings.ts:2694
+#: src/strings.ts:2711
 msgid "API key created successfully"
 msgstr ""
 
-#: src/strings.ts:2721
+#: src/strings.ts:2739
 msgid "API key revoked"
 msgstr ""
 
-#: src/strings.ts:2687
+#: src/strings.ts:2703
 msgid "API Keys"
 msgstr ""
 
-#: src/strings.ts:2708
+#: src/strings.ts:2726
 msgid "API Keys Limit Reached"
 msgstr ""
 
-#: src/strings.ts:252
+#: src/strings.ts:251
 msgid "App data has been cleared. Kindly relaunch the app to login again."
 msgstr ""
 
-#: src/strings.ts:1199
-#: src/strings.ts:1714
+#: src/strings.ts:1203
+#: src/strings.ts:1718
 msgid "App lock"
 msgstr ""
 
-#: src/strings.ts:781
-#: src/strings.ts:1225
+#: src/strings.ts:2581
+msgid "App lock & security"
+msgstr ""
+
+#: src/strings.ts:783
+#: src/strings.ts:1229
 msgid "App lock disabled"
 msgstr ""
 
-#: src/strings.ts:1205
+#: src/strings.ts:1209
 msgid "App lock timeout"
 msgstr ""
 
-#: src/strings.ts:1316
+#: src/strings.ts:1320
 msgid "App version"
 msgstr ""
 
-#: src/strings.ts:1795
+#: src/strings.ts:1799
 msgid "App will reload in {sec} seconds"
 msgstr ""
 
-#: src/strings.ts:1130
+#: src/strings.ts:1134
 msgid "Appearance"
 msgstr ""
 
-#: src/strings.ts:539
+#: src/strings.ts:541
 msgid "Applied as dark theme"
 msgstr ""
 
-#: src/strings.ts:540
+#: src/strings.ts:542
 msgid "Applied as light theme"
 msgstr ""
 
-#: src/strings.ts:457
+#: src/strings.ts:460
 msgid "Apply changes"
 msgstr ""
 
-#: src/strings.ts:2065
+#: src/strings.ts:2069
 msgid "Applying changes"
 msgstr ""
 
-#: src/strings.ts:1551
-#: src/strings.ts:2516
+#: src/strings.ts:1555
+#: src/strings.ts:2520
 msgid "Archive"
 msgstr ""
 
-#: src/strings.ts:1461
+#: src/strings.ts:1465
 msgid "Are you scrolling a lot to find a specific note? Pin it to the top from Note properties."
 msgstr ""
 
-#: src/strings.ts:1032
+#: src/strings.ts:1034
 msgid "Are you sure you want to clear all logs from {key}?"
 msgstr ""
 
-#: src/strings.ts:1340
+#: src/strings.ts:1344
 msgid "Are you sure you want to clear trash?"
 msgstr ""
 
-#: src/strings.ts:2780
+#: src/strings.ts:2805
 msgid "Are you sure you want to delete all failed inbox items?"
 msgstr ""
 
-#: src/strings.ts:2753
+#: src/strings.ts:2773
 msgid "Are you sure you want to delete this attachment?"
 msgstr ""
 
-#: src/strings.ts:1563
+#: src/strings.ts:1567
 msgid "Are you sure you want to logout and clear all data stored on THIS DEVICE?"
 msgstr ""
 
-#: src/strings.ts:775
+#: src/strings.ts:777
 msgid "Are you sure you want to logout from this device? Any unsynced changes will be lost."
 msgstr ""
 
-#: src/strings.ts:2791
+#: src/strings.ts:2816
 msgid "Are you sure you want to open this file: {filePath}?"
 msgstr ""
 
-#: src/strings.ts:1062
+#: src/strings.ts:1064
 msgid "Are you sure you want to remove your name?"
 msgstr ""
 
-#: src/strings.ts:1059
+#: src/strings.ts:1061
 msgid "Are you sure you want to remove your profile picture?"
 msgstr ""
 
-#: src/strings.ts:2720
+#: src/strings.ts:2738
 msgid "Are you sure you want to revoke the key \"{name}\"? All inbox actions using this key will stop working immediately."
 msgstr ""
 
-#: src/strings.ts:1339
+#: src/strings.ts:1343
 msgid "Are you sure?"
 msgstr ""
 
-#: src/strings.ts:1146
+#: src/strings.ts:1150
 msgid "Ask every time"
 msgstr ""
 
-#: src/strings.ts:2054
+#: src/strings.ts:2058
 msgid "Assign color"
 msgstr ""
 
-#: src/strings.ts:948
+#: src/strings.ts:950
 msgid "Assign to..."
 msgstr ""
 
-#: src/strings.ts:433
+#: src/strings.ts:436
 msgid "Atleast 8 characters required"
 msgstr ""
 
-#: src/strings.ts:2378
+#: src/strings.ts:2382
 msgid "Attach image from URL"
 msgstr ""
 
-#: src/strings.ts:922
+#: src/strings.ts:924
 msgid "Attached files"
 msgstr ""
 
-#: src/strings.ts:2782
+#: src/strings.ts:2807
 msgid "Attaching files"
 msgstr ""
 
-#: src/strings.ts:290
+#: src/strings.ts:289
 msgid "attachment"
 msgstr ""
 
-#: src/strings.ts:300
-#: src/strings.ts:2375
+#: src/strings.ts:299
+#: src/strings.ts:2379
 msgid "Attachment"
 msgstr ""
 
-#: src/strings.ts:2754
+#: src/strings.ts:2774
 msgid "Attachment deleted"
 msgstr ""
 
-#: src/strings.ts:2479
+#: src/strings.ts:2483
 msgid "Attachment manager"
 msgstr ""
 
-#: src/strings.ts:1956
+#: src/strings.ts:1960
 msgid "Attachment preview failed"
 msgstr ""
 
-#: src/strings.ts:2429
+#: src/strings.ts:2433
 msgid "Attachment recheck cancelled"
 msgstr ""
 
-#: src/strings.ts:2346
+#: src/strings.ts:2350
 msgid "Attachment settings"
 msgstr ""
 
-#: src/strings.ts:310
+#: src/strings.ts:309
 msgid "attachments"
 msgstr ""
 
-#: src/strings.ts:320
-#: src/strings.ts:921
+#: src/strings.ts:319
+#: src/strings.ts:923
 msgid "Attachments"
 msgstr ""
 
-#: src/strings.ts:1905
+#: src/strings.ts:1909
 msgid "Attachments cache cleared!"
 msgstr ""
 
-#: src/strings.ts:2431
+#: src/strings.ts:2435
 msgid "Attachments recheck complete"
 msgstr ""
 
-#: src/strings.ts:760
+#: src/strings.ts:762
 msgid "Audios"
 msgstr ""
 
-#: src/strings.ts:1647
+#: src/strings.ts:1651
 msgid "Auth server"
 msgstr ""
 
-#: src/strings.ts:2714
+#: src/strings.ts:2732
 msgid "Authenticate"
 msgstr ""
 
-#: src/strings.ts:2711
+#: src/strings.ts:2729
 msgid "Authenticate to view API key"
 msgstr ""
 
-#: src/strings.ts:1816
+#: src/strings.ts:1820
 msgid "Authenticated as {email}"
 msgstr ""
 
-#: src/strings.ts:1919
+#: src/strings.ts:1923
 msgid "Authenticating user"
 msgstr ""
 
-#: src/strings.ts:2165
+#: src/strings.ts:2169
 msgid "Authentication"
 msgstr ""
 
-#: src/strings.ts:1751
+#: src/strings.ts:1755
 msgid "authentication app"
 msgstr ""
 
-#: src/strings.ts:1367
+#: src/strings.ts:1371
 msgid "Authentication cancelled by user"
 msgstr ""
 
-#: src/strings.ts:1368
+#: src/strings.ts:1372
 msgid "Authentication failed"
 msgstr ""
 
-#: src/strings.ts:2128
+#: src/strings.ts:2132
 msgid "Auto"
 msgstr ""
 
-#: src/strings.ts:1682
+#: src/strings.ts:1686
 msgid "Auto save: off"
 msgstr ""
 
-#: src/strings.ts:2142
+#: src/strings.ts:2146
 msgid "Auto start on system startup"
 msgstr ""
 
-#: src/strings.ts:2769
+#: src/strings.ts:1106
+msgid "Auto sync"
+msgstr ""
+
+#: src/strings.ts:2789
 msgid "Auto-generate keys"
 msgstr ""
 
-#: src/strings.ts:1234
-#: src/strings.ts:1710
+#: src/strings.ts:1238
+#: src/strings.ts:1714
 msgid "Automatic backups"
 msgstr ""
 
-#: src/strings.ts:1381
+#: src/strings.ts:1385
 msgid "Automatic backups are off"
 msgstr ""
 
-#: src/strings.ts:2026
+#: src/strings.ts:2030
 msgid "Automatic backups disabled"
 msgstr ""
 
-#: src/strings.ts:1237
+#: src/strings.ts:1241
 msgid "Automatic backups with attachments"
 msgstr ""
 
-#: src/strings.ts:2138
+#: src/strings.ts:2937
+msgid "Automatic full backup"
+msgstr ""
+
+#: src/strings.ts:2142
 msgid "Automatic updates"
 msgstr ""
 
-#: src/strings.ts:1154
+#: src/strings.ts:1158
 msgid "Automatically clear trash after a certain period of time"
 msgstr ""
 
-#: src/strings.ts:2140
+#: src/strings.ts:2144
 msgid "Automatically download & install updates in the background without prompting first."
 msgstr ""
 
-#: src/strings.ts:1207
+#: src/strings.ts:1211
 msgid "Automatically lock the app after a certain period"
 msgstr ""
 
-#: src/strings.ts:1137
+#: src/strings.ts:1141
 msgid "Automatically switch between light and dark themes based on your system settings"
 msgstr ""
 
-#: src/strings.ts:2185
+#: src/strings.ts:2189
 msgid "Available on iOS"
 msgstr ""
 
-#: src/strings.ts:2186
+#: src/strings.ts:2190
 msgid "Available on iOS & Android"
 msgstr ""
 
-#: src/strings.ts:2739
+#: src/strings.ts:2759
 msgid "Back"
 msgstr ""
 
-#: src/strings.ts:2334
+#: src/strings.ts:2338
 msgid "Background color"
 msgstr ""
 
-#: src/strings.ts:1109
+#: src/strings.ts:1113
 msgid "Background sync (experimental)"
 msgstr ""
 
-#: src/strings.ts:2134
+#: src/strings.ts:2138
 msgid "Backup"
 msgstr ""
 
-#: src/strings.ts:2172
+#: src/strings.ts:2176
 msgid "Backup & export"
 msgstr ""
 
-#: src/strings.ts:1226
+#: src/strings.ts:1230
 msgid "Backup & restore"
 msgstr ""
 
-#: src/strings.ts:1351
+#: src/strings.ts:2934
+msgid "Backup actions"
+msgstr ""
+
+#: src/strings.ts:1355
 msgid "Backup complete"
 msgstr ""
 
-#: src/strings.ts:1582
+#: src/strings.ts:1586
 msgid "Backup directory not selected"
 msgstr ""
 
-#: src/strings.ts:1249
+#: src/strings.ts:1253
 msgid "Backup encryption"
 msgstr ""
 
-#: src/strings.ts:1879
+#: src/strings.ts:1883
 msgid "Backup files have .nnbackup extension"
 msgstr ""
 
-#: src/strings.ts:896
+#: src/strings.ts:898
 msgid "Backup is encrypted"
 msgstr ""
 
-#: src/strings.ts:1635
+#: src/strings.ts:1639
 msgid "Backup is encrypted, decrypting..."
 msgstr ""
 
-#: src/strings.ts:1228
+#: src/strings.ts:1246
+msgid "Backup location"
+msgstr ""
+
+#: src/strings.ts:1232
 msgid "Backup now"
 msgstr ""
 
-#: src/strings.ts:1229
+#: src/strings.ts:1233
 msgid "Backup now with attachments"
 msgstr ""
 
-#: src/strings.ts:903
+#: src/strings.ts:905
 msgid "Backup restored"
 msgstr ""
 
-#: src/strings.ts:1940
+#: src/strings.ts:1944
 msgid "Backup saved at {path}"
 msgstr ""
 
-#: src/strings.ts:1363
+#: src/strings.ts:1367
 msgid "Backup successful"
 msgstr ""
 
-#: src/strings.ts:2135
+#: src/strings.ts:2139
 msgid "Backup with attachments"
 msgstr ""
 
-#: src/strings.ts:493
+#: src/strings.ts:495
 msgid "Backups"
 msgstr ""
 
-#: src/strings.ts:541
+#: src/strings.ts:543
 msgid "Basic"
 msgstr ""
 
-#: src/strings.ts:1814
+#: src/strings.ts:1818
 msgid "Because where's the fun in nookin' alone?"
 msgstr ""
 
-#: src/strings.ts:1140
+#: src/strings.ts:1144
 msgid "Behavior"
 msgstr ""
 
-#: src/strings.ts:2167
+#: src/strings.ts:2171
 msgid "Behaviour"
 msgstr ""
 
-#: src/strings.ts:2503
+#: src/strings.ts:2507
 msgid "Believer plan"
 msgstr ""
 
-#: src/strings.ts:2613
+#: src/strings.ts:2627
 msgid "Best value"
 msgstr ""
 
-#: src/strings.ts:2492
+#: src/strings.ts:2496
 msgid "Beta"
 msgstr ""
 
-#: src/strings.ts:2292
+#: src/strings.ts:2296
 msgid "Bi-directional note link"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2836
+#: src/strings.ts:2861
 msgid "Billed annually"
 msgstr ""
 
-#: src/strings.ts:2586
+#: src/strings.ts:2600
 msgid "billed annually at {price}"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2837
+#: src/strings.ts:2862
 msgid "Billed monthly"
 msgstr ""
 
-#: src/strings.ts:2587
+#: src/strings.ts:2601
 msgid "billed monthly at {price}"
 msgstr ""
 
-#: src/strings.ts:2233
+#: src/strings.ts:2237
 msgid "Billing history"
 msgstr ""
 
-#: src/strings.ts:1193
+#: src/strings.ts:1197
 msgid "Biometric unlocking"
 msgstr ""
 
-#: src/strings.ts:812
+#: src/strings.ts:814
 msgid "Biometric unlocking disabled"
 msgstr ""
 
-#: src/strings.ts:811
+#: src/strings.ts:813
 msgid "Biometric unlocking enabled"
 msgstr ""
 
-#: src/strings.ts:1365
+#: src/strings.ts:1369
 msgid "Biometrics authentication failed. Please try again."
 msgstr ""
 
-#: src/strings.ts:1202
+#: src/strings.ts:1206
 msgid "Biometrics not enrolled"
 msgstr ""
 
-#: src/strings.ts:2288
+#: src/strings.ts:2292
 msgid "Bold"
 msgstr ""
 
-#: src/strings.ts:2441
+#: src/strings.ts:2445
 msgid "Boost your productivity with Notebooks and organize your notes."
 msgstr ""
 
-#: src/strings.ts:1830
+#: src/strings.ts:1834
 msgid "Browse"
 msgstr ""
 
-#: src/strings.ts:2305
+#: src/strings.ts:2309
 msgid "Bullet list"
 msgstr ""
 
-#: src/strings.ts:405
+#: src/strings.ts:408
 msgid "By"
 msgstr ""
 
-#: src/strings.ts:2608
+#: src/strings.ts:2622
 msgid "By joining you agree to our"
 msgstr ""
 
@@ -1387,64 +1431,68 @@ msgstr ""
 msgid "By signing up, you agree to our "
 msgstr ""
 
-#: src/strings.ts:2366
+#: src/strings.ts:2370
 msgid "Callout"
 msgstr ""
 
-#: src/strings.ts:2546
+#: src/strings.ts:2550
 msgid "Can I cancel my free trial anytime?"
 msgstr ""
 
-#: src/strings.ts:549
+#: src/strings.ts:551
 msgid "Cancel"
 msgstr ""
 
-#: src/strings.ts:2606
+#: src/strings.ts:2573
+msgid "Cancel anytime"
+msgstr ""
+
+#: src/strings.ts:2620
 msgid "Cancel anytime, Subscription auto-renews."
 msgstr ""
 
-#: src/strings.ts:2568
+#: src/strings.ts:2572
 msgid "Cancel anytime."
 msgstr ""
 
-#: src/strings.ts:517
+#: src/strings.ts:519
 msgid "Cancel download"
 msgstr ""
 
-#: src/strings.ts:554
+#: src/strings.ts:556
 msgid "Cancel login"
 msgstr ""
 
-#: src/strings.ts:1847
+#: src/strings.ts:1851
 msgid "Cancel subscription"
 msgstr ""
 
-#: src/strings.ts:518
+#: src/strings.ts:520
 msgid "Cancel upload"
 msgstr ""
 
-#: src/strings.ts:2710
+#: src/strings.ts:2728
 msgid "Cannot create more than 10 api keys at a time. Please revoke some existing keys before creating new ones."
 msgstr ""
 
-#: src/strings.ts:2333
+#: src/strings.ts:2337
 msgid "Cell background color"
 msgstr ""
 
-#: src/strings.ts:2335
+#: src/strings.ts:2339
 msgid "Cell border color"
 msgstr ""
 
-#: src/strings.ts:2337
-#: src/strings.ts:2338
+#: src/strings.ts:2341
+#: src/strings.ts:2342
 msgid "Cell border width"
 msgstr ""
 
-#: src/strings.ts:2319
+#: src/strings.ts:2323
 msgid "Cell properties"
 msgstr ""
 
-#: src/strings.ts:2336
+#: src/strings.ts:2340
 msgid "Cell text color"
 msgstr ""
 
@@ -1452,135 +1500,135 @@ msgstr ""
 msgid "Change"
 msgstr ""
 
-#: src/strings.ts:1075
+#: src/strings.ts:1077
 msgid "Change 2FA fallback method"
 msgstr ""
 
-#: src/strings.ts:678
+#: src/strings.ts:680
 msgid "Change 2FA method"
 msgstr ""
 
-#: src/strings.ts:1214
+#: src/strings.ts:1218
 msgid "Change app lock password"
 msgstr ""
 
-#: src/strings.ts:1213
+#: src/strings.ts:1217
 msgid "Change app lock pin"
 msgstr ""
 
-#: src/strings.ts:1248
-msgid "Change backup directory"
+#: src/strings.ts:1252
+msgid "Change backup location"
 msgstr ""
 
-#: src/strings.ts:465
+#: src/strings.ts:468
 msgid "Change email address"
 msgstr ""
 
-#: src/strings.ts:1141
+#: src/strings.ts:1145
 msgid "Change how the app behaves in different situations"
 msgstr ""
 
-#: src/strings.ts:2384
+#: src/strings.ts:2388
 msgid "Change language"
 msgstr ""
 
-#: src/strings.ts:1269
+#: src/strings.ts:1273
 msgid "Change notification sound"
 msgstr ""
 
-#: src/strings.ts:434
+#: src/strings.ts:437
 msgid "Change password"
 msgstr ""
 
-#: src/strings.ts:2620
+#: src/strings.ts:2636
 msgid "Change plan"
 msgstr ""
 
-#: src/strings.ts:1839
+#: src/strings.ts:1843
 msgid "Change profile picture"
 msgstr ""
 
-#: src/strings.ts:2211
+#: src/strings.ts:2911
+msgid "Change profile picture, full name and email"
+msgstr ""
+
+#: src/strings.ts:2215
 msgid "Change proxy"
 msgstr ""
 
-#: src/strings.ts:2232
+#: src/strings.ts:2236
 msgid "Change the payment method you used to purchase this subscription."
 msgstr ""
 
-#: src/strings.ts:1271
+#: src/strings.ts:1275
 msgid "Change the sound that plays when you receive a notification"
 msgstr ""
 
-#: src/strings.ts:451
+#: src/strings.ts:454
 msgid "Change vault password"
 msgstr ""
 
-#: src/strings.ts:1069
+#: src/strings.ts:1071
 msgid "Change your account password"
 msgstr ""
 
-#: src/strings.ts:1071
+#: src/strings.ts:1073
 msgid "Change your primary two-factor authentication method"
 msgstr ""
 
-#: src/strings.ts:1105
-msgid "Changes from other devices won't be updated in the editor in real-time."
-msgstr ""
-
-#: src/strings.ts:2730
+#: src/strings.ts:2750
 msgid "Changing Inbox PGP keys will delete all your unsynced inbox items."
 msgstr ""
 
-#: src/strings.ts:734
-msgid "Changing password is an irreversible process. You will be logged out from all your devices. Please make sure you do not close the app while your password is changing and have good internet connection."
+#: src/strings.ts:736
+msgid "Changing your password is irreversible process. Once your password is changed please make sure to save the new account recovery key."
 msgstr ""
 
-#: src/strings.ts:2522
+#: src/strings.ts:2526
 msgid "Characters"
 msgstr ""
 
-#: src/strings.ts:1312
+#: src/strings.ts:1316
 msgid "Check for new version of Notesnook"
 msgstr ""
 
-#: src/strings.ts:1315
+#: src/strings.ts:1319
 msgid "Check for new version of the app available on app launch"
 msgstr ""
 
-#: src/strings.ts:1311
+#: src/strings.ts:1315
 msgid "Check for updates"
 msgstr ""
 
-#: src/strings.ts:1313
+#: src/strings.ts:1317
 msgid "Check for updates automatically"
 msgstr ""
 
-#: src/strings.ts:2184
+#: src/strings.ts:2188
 msgid "Check roadmap"
 msgstr ""
 
-#: src/strings.ts:684
+#: src/strings.ts:686
 msgid "Check your spam folder if you haven't received an email yet."
 msgstr ""
 
-#: src/strings.ts:2433
+#: src/strings.ts:2437
 msgid "Checking all attachments"
 msgstr ""
 
-#: src/strings.ts:378
+#: src/strings.ts:377
 msgid "Checking for new version"
 msgstr ""
 
-#: src/strings.ts:1726
+#: src/strings.ts:1730
 msgid "Checking for updates"
 msgstr ""
 
-#: src/strings.ts:2432
+#: src/strings.ts:2436
 msgid "Checking note attachments"
 msgstr ""
 
-#: src/strings.ts:2307
+#: src/strings.ts:2311
 msgid "Checklist"
 msgstr ""
 
@@ -1588,115 +1636,119 @@ msgstr ""
 msgid "Choose 2FA Method"
 msgstr ""
 
-#: src/strings.ts:2361
+#: src/strings.ts:2365
 msgid "Choose a block to insert"
 msgstr ""
 
-#: src/strings.ts:1818
+#: src/strings.ts:1822
 msgid "Choose a recovery method"
 msgstr ""
 
-#: src/strings.ts:2133
+#: src/strings.ts:2137
 msgid "Choose backup format"
 msgstr ""
 
-#: src/strings.ts:2397
+#: src/strings.ts:2401
 msgid "Choose custom color"
 msgstr ""
 
-#: src/strings.ts:1134
+#: src/strings.ts:1138
 msgid "Choose from pre-built themes or create your own"
 msgstr ""
 
-#: src/strings.ts:1149
+#: src/strings.ts:1153
 msgid "Choose how dates are displayed in the app"
 msgstr ""
 
-#: src/strings.ts:2655
+#: src/strings.ts:2671
 msgid "Choose how day is displayed in the app"
 msgstr ""
 
-#: src/strings.ts:1174
+#: src/strings.ts:1178
 msgid "Choose how the new note titles are formatted"
 msgstr ""
 
-#: src/strings.ts:1151
+#: src/strings.ts:1155
 msgid "Choose how time is displayed in the app"
 msgstr ""
 
-#: src/strings.ts:402
+#: src/strings.ts:405
 msgid "Choose how you want to secure your notes locally."
 msgstr ""
 
-#: src/strings.ts:2768
+#: src/strings.ts:2788
 msgid "Choose how you want to set up your Inbox PGP keys:"
 msgstr ""
 
-#: src/strings.ts:2660
+#: src/strings.ts:2676
 msgid "Choose what day to display as the first day of the week"
 msgstr ""
 
-#: src/strings.ts:1244
+#: src/strings.ts:1248
 msgid "Choose where to save your backups"
 msgstr ""
 
-#: src/strings.ts:2093
+#: src/strings.ts:2097
 msgid "Choose your style"
 msgstr ""
 
-#: src/strings.ts:1638
+#: src/strings.ts:2945
+msgid "Choosing storage location..."
+msgstr ""
+
+#: src/strings.ts:1642
 msgid "cleaningUp"
 msgstr ""
 
-#: src/strings.ts:1030
+#: src/strings.ts:1032
 msgid "Clear"
 msgstr ""
 
-#: src/strings.ts:1891
-msgid "Clear all cached attachments. Current cache size: {cacheSize}"
+#: src/strings.ts:1895
+msgid "Clear all cached attachments. Size: {cacheSize}"
 msgstr ""
 
-#: src/strings.ts:2301
+#: src/strings.ts:2305
 msgid "Clear all formatting"
 msgstr ""
 
-#: src/strings.ts:1892
+#: src/strings.ts:1896
 msgid "Clear attachments cache?"
 msgstr ""
 
-#: src/strings.ts:1889
+#: src/strings.ts:1893
 msgid "Clear cache"
 msgstr ""
 
-#: src/strings.ts:2395
+#: src/strings.ts:2399
 msgid "Clear completed tasks"
 msgstr ""
 
-#: src/strings.ts:1826
+#: src/strings.ts:1830
 msgid "Clear data & reset account"
 msgstr ""
 
-#: src/strings.ts:1155
+#: src/strings.ts:1159
 msgid "Clear default notebook"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2822
+#: src/strings.ts:2847
 msgid "Clear history"
 msgstr ""
 
-#: src/strings.ts:1029
+#: src/strings.ts:1031
 msgid "Clear logs"
 msgstr ""
 
-#: src/strings.ts:2227
+#: src/strings.ts:2231
 msgid "clear sessions"
 msgstr ""
 
-#: src/strings.ts:1338
+#: src/strings.ts:1342
 msgid "Clear trash"
 msgstr ""
 
-#: src/strings.ts:1152
+#: src/strings.ts:1156
 msgid "Clear trash interval"
 msgstr ""
 
@@ -1704,7 +1756,7 @@ msgstr ""
 msgid "Clear vault"
 msgstr ""
 
-#: src/strings.ts:1894
+#: src/strings.ts:1898
 msgid ""
 "Clearing attachments cache will perform the following actions:\n"
 "\n"
@@ -1719,140 +1771,148 @@ msgid ""
 "**Only use this for troubleshooting purposes. If you are having persistent issues, it is recommended that you reach out to us via support@streetwriters.co so we can help you resolve it permanently.**"
 msgstr ""
 
-#: src/strings.ts:2260
+#: src/strings.ts:2264
 msgid "Clearing trash will permanently delete all the items in your trash. This action is IRREVERSIBLE."
 msgstr ""
 
-#: src/strings.ts:2642
+#: src/strings.ts:2916
+msgid "Click here"
+msgstr ""
+
+#: src/strings.ts:2658
 msgid "Click here to directly claim the promotion."
 msgstr ""
 
-#: src/strings.ts:239
+#: src/strings.ts:238
 msgid "Click to deselect"
 msgstr ""
 
-#: src/strings.ts:1888
+#: src/strings.ts:1892
 msgid "Click to preview"
 msgstr ""
 
-#: src/strings.ts:1793
+#: src/strings.ts:1797
 msgid "Click to remove"
 msgstr ""
 
-#: src/strings.ts:2424
+#: src/strings.ts:2428
 msgid "Click to reset {title}"
 msgstr ""
 
-#: src/strings.ts:2650
+#: src/strings.ts:2666
 msgid "Click to save"
 msgstr ""
 
-#: src/strings.ts:2646
+#: src/strings.ts:2662
 msgid "Click to update"
 msgstr ""
 
-#: src/strings.ts:1397
+#: src/strings.ts:1401
 msgid "Close"
 msgstr ""
 
-#: src/strings.ts:2783
+#: src/strings.ts:2808
 msgid "Close ({seconds})"
 msgstr ""
 
-#: src/strings.ts:2040
+#: src/strings.ts:2044
 msgid "Close all"
 msgstr ""
 
-#: src/strings.ts:2482
+#: src/strings.ts:2486
 msgid "Close all tabs"
 msgstr ""
 
-#: src/strings.ts:2481
+#: src/strings.ts:2485
 msgid "Close current tab"
 msgstr ""
 
-#: src/strings.ts:2037
+#: src/strings.ts:2041
 msgid "Close others"
 msgstr ""
 
-#: src/strings.ts:2151
+#: src/strings.ts:2155
 msgid "Close to system tray"
 msgstr ""
 
-#: src/strings.ts:2039
+#: src/strings.ts:2043
 msgid "Close to the left"
 msgstr ""
 
-#: src/strings.ts:2038
+#: src/strings.ts:2042
 msgid "Close to the right"
 msgstr ""
 
-#: src/strings.ts:2560
+#: src/strings.ts:2579
+msgid "cloud storage"
+msgstr ""
+
+#: src/strings.ts:2564
 msgid "cloud storage space for storing images and files."
 msgstr ""
 
-#: src/strings.ts:2299
+#: src/strings.ts:2303
 msgid "Code"
 msgstr ""
 
-#: src/strings.ts:2363
+#: src/strings.ts:2367
 msgid "Code block"
 msgstr ""
 
-#: src/strings.ts:2300
+#: src/strings.ts:2304
 msgid "Code remove"
 msgstr ""
 
-#: src/strings.ts:431
+#: src/strings.ts:434
 msgid "COLLAPSED"
 msgstr ""
 
-#: src/strings.ts:289
+#: src/strings.ts:288
 msgid "color"
 msgstr ""
 
-#: src/strings.ts:299
-#: src/strings.ts:1865
+#: src/strings.ts:298
+#: src/strings.ts:1869
 msgid "Color"
 msgstr ""
 
-#: src/strings.ts:787
+#: src/strings.ts:789
 msgid "Color #{color} already exists"
 msgstr ""
 
-#: src/strings.ts:2126
+#: src/strings.ts:2130
 msgid "Color scheme"
 msgstr ""
 
-#: src/strings.ts:1507
+#: src/strings.ts:1511
 msgid "Color title"
 msgstr ""
 
-#: src/strings.ts:2815
+#: src/strings.ts:2840
 msgid "Colornote password for {filename}"
 msgstr ""
 
-#: src/strings.ts:309
+#: src/strings.ts:308
 msgid "colors"
 msgstr ""
 
-#: src/strings.ts:319
+#: src/strings.ts:318
 msgid "Colors"
 msgstr ""
 
-#: src/strings.ts:2317
+#: src/strings.ts:2321
 msgid "Column properties"
 msgstr ""
 
-#: src/strings.ts:2473
+#: src/strings.ts:2477
 msgid "Command palette"
 msgstr ""
 
-#: src/strings.ts:1287
+#: src/strings.ts:1291
 msgid "Community"
 msgstr ""
 
-#: src/strings.ts:2580
+#: src/strings.ts:2594
 msgid "Compare Plans"
 msgstr ""
 
@@ -1864,7 +1924,7 @@ msgstr ""
 msgid "Compress"
 msgstr ""
 
-#: src/strings.ts:1145
+#: src/strings.ts:1149
 msgid "Compress images before uploading"
 msgstr ""
 
@@ -1872,452 +1932,496 @@ msgstr ""
 msgid "Compressed images are uploaded in Full HD resolution and usually are good enough for most use cases."
 msgstr ""
 
-#: src/strings.ts:2784
+#: src/strings.ts:2809
 msgid "Compressing"
 msgstr ""
 
-#: src/strings.ts:2788
+#: src/strings.ts:2947
+msgid "Compressing logs into an archive..."
+msgstr ""
+
+#: src/strings.ts:2813
 msgid "Compression failed"
 msgstr ""
 
-#: src/strings.ts:2283
+#: src/strings.ts:2287
 msgid "Configure"
 msgstr ""
 
-#: src/strings.ts:2438
+#: src/strings.ts:2442
 msgid "Configure server URLs for Notesnook"
 msgstr ""
 
-#: src/strings.ts:682
+#: src/strings.ts:684
 msgid "Confirm email"
 msgstr ""
 
-#: src/strings.ts:917
+#: src/strings.ts:919
 msgid "Confirm email to publish note"
 msgstr ""
 
-#: src/strings.ts:1506
+#: src/strings.ts:1510
 msgid "Confirm new password"
 msgstr ""
 
-#: src/strings.ts:1501
+#: src/strings.ts:1505
 msgid "Confirm password"
 msgstr ""
 
-#: src/strings.ts:2748
+#: src/strings.ts:2768
 msgid "Confirm password required"
 msgstr ""
 
-#: src/strings.ts:1505
+#: src/strings.ts:1509
 msgid "Confirm pin"
 msgstr ""
 
-#: src/strings.ts:1380
+#: src/strings.ts:1384
 msgid "Confirm your email to sync notes"
 msgstr ""
 
-#: src/strings.ts:2674
+#: src/strings.ts:2690
 msgid "Confirmation email sent"
 msgstr ""
 
-#: src/strings.ts:2111
+#: src/strings.ts:2115
 msgid "Congratulations!"
 msgstr ""
 
-#: src/strings.ts:1657
+#: src/strings.ts:1661
 msgid "Connected to all servers sucessfully."
 msgstr ""
 
-#: src/strings.ts:1692
+#: src/strings.ts:2946
+msgid "Consolidating network sync logs..."
+msgstr ""
+
+#: src/strings.ts:1696
 msgid "Contact support"
 msgstr ""
 
-#: src/strings.ts:1278
+#: src/strings.ts:1282
 msgid "Contact us directly via support@streetwriters.co for any help or support"
 msgstr ""
 
-#: src/strings.ts:543
+#: src/strings.ts:545
 msgid "Continue"
 msgstr ""
 
-#: src/strings.ts:1180
+#: src/strings.ts:1184
 msgid "Contribute towards a better Notesnook. All tracking information is anonymous."
 msgstr ""
 
-#: src/strings.ts:1264
+#: src/strings.ts:1268
 msgid "Controls whether this device should receive reminder notifications."
 msgstr ""
 
-#: src/strings.ts:2011
+#: src/strings.ts:2015
 msgid "Copied"
 msgstr ""
 
-#: src/strings.ts:675
+#: src/strings.ts:677
 msgid "Copy"
 msgstr ""
 
 #. placeholder {0}: format ? " " + format : ""
-#: src/strings.ts:2057
+#: src/strings.ts:2061
 msgid "Copy as{0}"
 msgstr ""
 
-#: src/strings.ts:679
+#: src/strings.ts:681
 msgid "Copy codes"
 msgstr ""
 
-#: src/strings.ts:926
+#: src/strings.ts:928
 msgid "Copy ID"
 msgstr ""
 
-#: src/strings.ts:2279
+#: src/strings.ts:2283
 msgid "Copy image"
 msgstr ""
 
-#: src/strings.ts:924
+#: src/strings.ts:926
 msgid "Copy link"
 msgstr ""
 
-#: src/strings.ts:2278
+#: src/strings.ts:2282
 msgid "Copy link text"
 msgstr ""
 
-#: src/strings.ts:2807
+#: src/strings.ts:2832
 msgid "Copy logs"
 msgstr ""
 
-#: src/strings.ts:454
+#: src/strings.ts:457
 msgid "Copy note"
 msgstr ""
 
-#: src/strings.ts:591
+#: src/strings.ts:593
 msgid "Copy to clipboard"
 msgstr ""
 
-#: src/strings.ts:1640
+#: src/strings.ts:2712
+msgid "Copy your API key and store it somewhere safe."
+msgstr ""
+
+#: src/strings.ts:1644
 msgid "Copying backup files to cache"
 msgstr ""
 
-#: src/strings.ts:1184
+#: src/strings.ts:1188
 msgid "CORS bypass"
 msgstr ""
 
-#: src/strings.ts:2007
+#: src/strings.ts:2011
 msgid "Could not activate trial. Please try again later."
 msgstr ""
 
-#: src/strings.ts:2025
+#: src/strings.ts:2029
 msgid "Could not clear trash."
 msgstr ""
 
-#: src/strings.ts:1660
+#: src/strings.ts:1664
 msgid "Could not connect to {server}."
 msgstr ""
 
-#: src/strings.ts:1972
+#: src/strings.ts:1976
 msgid "Could not convert note to {format}."
 msgstr ""
 
-#: src/strings.ts:769
+#: src/strings.ts:771
 msgid "Could not create backup"
 msgstr ""
 
-#: src/strings.ts:559
+#: src/strings.ts:561
 msgid "Could not unlock"
 msgstr ""
 
+#: src/strings.ts:2952
+msgid "Couldn't download logs"
+msgstr ""
+
 #: src/strings.ts:158
 msgid "Create"
 msgstr ""
 
-#: src/strings.ts:730
+#: src/strings.ts:732
 msgid "Create a group"
 msgstr ""
 
-#: src/strings.ts:954
+#: src/strings.ts:956
 msgid "Create a new note"
 msgstr ""
 
-#: src/strings.ts:967
+#: src/strings.ts:969
 msgid "Create a note first"
 msgstr ""
 
-#: src/strings.ts:670
+#: src/strings.ts:672
 msgid "Create a shortcut"
 msgstr ""
 
-#: src/strings.ts:573
+#: src/strings.ts:575
 msgid "Create a tag to group related notes together."
 msgstr ""
 
-#: src/strings.ts:1870
+#: src/strings.ts:1874
 msgid "Create account"
 msgstr ""
 
-#: src/strings.ts:2689
+#: src/strings.ts:2705
 msgid "Create API Key"
 msgstr ""
 
-#: src/strings.ts:2706
-msgid "Create Key"
-msgstr ""
-
-#: src/strings.ts:581
+#: src/strings.ts:583
 msgid "Create link"
 msgstr ""
 
-#: src/strings.ts:1532
+#: src/strings.ts:2724
+msgid "Create new key"
+msgstr ""
+
+#: src/strings.ts:1536
 msgid "Create notebook"
 msgstr ""
 
-#: src/strings.ts:1489
+#: src/strings.ts:1493
 msgid "Create shortcut of this notebook in side menu"
 msgstr ""
 
-#: src/strings.ts:1403
+#: src/strings.ts:1407
 msgid "Create unlimited notebooks with Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:1402
+#: src/strings.ts:1406
 msgid "Create unlimited tags with Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:1404
+#: src/strings.ts:1408
 msgid "Create unlimited vaults with Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:447
+#: src/strings.ts:450
 msgid "Create vault"
 msgstr ""
 
-#: src/strings.ts:522
+#: src/strings.ts:524
 msgid "Create your account"
 msgstr ""
 
-#: src/strings.ts:2705
-msgid "Create your first api key to get started."
+#: src/strings.ts:2706
+msgid "Create your API key"
 msgstr ""
 
-#: src/strings.ts:2854
+#: src/strings.ts:2723
+msgid "Create your first api key to get started."
+msgstr "<<<<<<< HEAD"
+
+#: src/strings.ts:2879
 msgid "Create your first tag to start organizing your workspace."
 msgstr ""
 
-#: src/strings.ts:2261
+#: src/strings.ts:2744
+msgid "Created"
+msgstr ""
+
+#: src/strings.ts:2265
 msgid "Created at"
 msgstr ""
 
-#: src/strings.ts:2725
+#: src/strings.ts:2743
 msgid "Created on"
 msgstr ""
 
 #. placeholder {0}: type === "full" ? " full" : ""
-#: src/strings.ts:1360
+#: src/strings.ts:1364
 msgid "Creating a{0} backup"
 msgstr ""
 
-#: src/strings.ts:2697
+#: src/strings.ts:2715
 msgid "Creating..."
 msgstr ""
 
-#: src/strings.ts:2799
+#: src/strings.ts:2824
 msgid "Creation date cannot be after last edited date"
 msgstr ""
 
-#: src/strings.ts:2070
+#: src/strings.ts:2074
 msgid "Credentials"
 msgstr ""
 
-#: src/strings.ts:2096
+#: src/strings.ts:2100
 msgid "Cross platform & 100% encrypted"
 msgstr ""
 
-#: src/strings.ts:741
+#: src/strings.ts:743
 msgid "Curate the toolbar that fits your needs and matches your personality."
 msgstr ""
 
-#: src/strings.ts:1857
+#: src/strings.ts:2928
+msgid "Current date"
+msgstr ""
+
+#: src/strings.ts:2930
+msgid "Current day"
+msgstr ""
+
+#: src/strings.ts:1861
 msgid "Current note"
 msgstr ""
 
-#: src/strings.ts:1495
-#: src/strings.ts:1503
+#: src/strings.ts:1499
+#: src/strings.ts:1507
 msgid "Current password"
 msgstr ""
 
-#: src/strings.ts:2757
+#: src/strings.ts:2777
 msgid "Current password required"
 msgstr ""
 
-#: src/strings.ts:1245
+#: src/strings.ts:1249
 msgid "Current path: {path}"
 msgstr ""
 
-#: src/strings.ts:1502
+#: src/strings.ts:1506
 msgid "Current pin"
 msgstr ""
 
-#: src/strings.ts:1794
+#: src/strings.ts:1798
 msgid "Current Plan"
 msgstr ""
 
-#: src/strings.ts:2031
+#: src/strings.ts:2929
+msgid "Current time"
+msgstr ""
+
+#: src/strings.ts:2035
 msgid "Custom"
 msgstr ""
 
-#: src/strings.ts:2162
+#: src/strings.ts:2166
 msgid "Custom dictionary words"
 msgstr ""
 
-#: src/strings.ts:1129
+#: src/strings.ts:1133
 msgid "Customization"
 msgstr ""
 
-#: src/strings.ts:1132
+#: src/strings.ts:1136
 msgid "Customize the appearance of the app with custom themes"
 msgstr ""
 
-#: src/strings.ts:1159
+#: src/strings.ts:1163
 msgid "Customize the note editor"
 msgstr ""
 
-#: src/strings.ts:1161
+#: src/strings.ts:1165
 msgid "Customize the toolbar in the note editor"
 msgstr ""
 
-#: src/strings.ts:1160
+#: src/strings.ts:1164
 msgid "Customize toolbar"
 msgstr ""
 
-#: src/strings.ts:2277
+#: src/strings.ts:2281
 msgid "Cut"
 msgstr ""
 
 #: src/strings.ts:167
-#: src/strings.ts:1589
+#: src/strings.ts:1593
 msgid "Daily"
 msgstr ""
 
-#: src/strings.ts:724
+#: src/strings.ts:726
 msgid "Dark"
 msgstr ""
 
-#: src/strings.ts:1138
+#: src/strings.ts:1142
 msgid "Dark mode"
 msgstr ""
 
-#: src/strings.ts:2127
+#: src/strings.ts:2131
 msgid "Dark or light, we won't judge."
 msgstr ""
 
-#: src/strings.ts:1568
+#: src/strings.ts:2912
+msgid "Data and storage"
+msgstr ""
+
+#: src/strings.ts:1572
 msgid "Database setup failed, could not get database key"
 msgstr ""
 
-#: src/strings.ts:1860
+#: src/strings.ts:1864
 msgid "Date"
 msgstr ""
 
-#: src/strings.ts:2136
+#: src/strings.ts:2140
 msgid "Date & time"
 msgstr ""
 
-#: src/strings.ts:653
+#: src/strings.ts:655
 msgid "Date created"
 msgstr ""
 
-#: src/strings.ts:656
+#: src/strings.ts:658
 msgid "Date deleted"
 msgstr ""
 
-#: src/strings.ts:652
+#: src/strings.ts:654
 msgid "Date edited"
 msgstr ""
 
-#: src/strings.ts:1148
+#: src/strings.ts:1152
 msgid "Date format"
 msgstr ""
 
-#: src/strings.ts:651
+#: src/strings.ts:653
 msgid "Date modified"
 msgstr ""
 
-#: src/strings.ts:2772
+#: src/strings.ts:2796
 msgid "Date synced"
 msgstr ""
 
-#: src/strings.ts:2063
+#: src/strings.ts:2067
 msgid "Date uploaded"
 msgstr ""
 
-#: src/strings.ts:1862
+#: src/strings.ts:1866
 msgid "Day"
 msgstr ""
 
-#: src/strings.ts:2654
+#: src/strings.ts:2670
 msgid "Day format"
 msgstr ""
 
-#: src/strings.ts:2059
+#: src/strings.ts:2063
 msgid "Deactivate"
 msgstr ""
 
-#: src/strings.ts:1027
+#: src/strings.ts:1029
 msgid "Debug log copied!"
 msgstr ""
 
-#: src/strings.ts:1285
+#: src/strings.ts:1289
 msgid "Debug logs"
 msgstr ""
 
-#: src/strings.ts:1028
+#: src/strings.ts:1030
 msgid "Debug logs downloaded"
 msgstr ""
 
-#: src/strings.ts:1282
+#: src/strings.ts:2949
+msgid "Debug logs downloaded!"
+msgstr ""
+
+#: src/strings.ts:1286
 msgid "Debugging"
 msgstr ""
 
-#: src/strings.ts:2426
+#: src/strings.ts:2430
 msgid "Decrease {title}"
 msgstr ""
 
-#: src/strings.ts:660
-#: src/strings.ts:2029
+#: src/strings.ts:662
+#: src/strings.ts:2033
 msgid "Default"
 msgstr ""
 
-#: src/strings.ts:1171
+#: src/strings.ts:1175
 msgid "Default font family"
 msgstr ""
 
-#: src/strings.ts:1172
+#: src/strings.ts:1176
 msgid "Default font family in editor"
 msgstr ""
 
-#: src/strings.ts:1169
+#: src/strings.ts:1173
 msgid "Default font size"
 msgstr ""
 
-#: src/strings.ts:1170
+#: src/strings.ts:1174
 msgid "Default font size in editor"
 msgstr ""
 
-#: src/strings.ts:1157
+#: src/strings.ts:1161
 msgid "Default notebook cleared"
 msgstr ""
 
-#: src/strings.ts:1143
+#: src/strings.ts:1147
 msgid "Default screen to open on app launch"
 msgstr ""
 
-#: src/strings.ts:2513
+#: src/strings.ts:2517
 msgid "Default sidebar tab"
 msgstr ""
 
-#: src/strings.ts:1265
+#: src/strings.ts:1269
 msgid "Default snooze time"
 msgstr ""
 
-#: src/strings.ts:1317
+#: src/strings.ts:1321
 msgid "Default sound"
 msgstr ""
 
@@ -2325,59 +2429,59 @@ msgstr ""
 msgid "Delete"
 msgstr ""
 
-#: src/strings.ts:1092
+#: src/strings.ts:1094
 msgid "Delete account"
 msgstr ""
 
-#: src/strings.ts:2778
+#: src/strings.ts:2803
 msgid "Delete all"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2824
+#: src/strings.ts:2849
 msgid "Delete all version history for this note?"
 msgstr ""
 
-#: src/strings.ts:2751
+#: src/strings.ts:2771
 msgid "Delete attachment"
 msgstr ""
 
-#: src/strings.ts:1335
+#: src/strings.ts:1339
 msgid "Delete collapsed section"
 msgstr ""
 
-#: src/strings.ts:2324
+#: src/strings.ts:2328
 msgid "Delete column"
 msgstr ""
 
-#: src/strings.ts:2671
+#: src/strings.ts:2687
 msgid "Delete data"
 msgstr ""
 
-#: src/strings.ts:1330
+#: src/strings.ts:1334
 msgid "Delete group"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2818
+#: src/strings.ts:2843
 msgid "Delete item"
 msgstr ""
 
-#: src/strings.ts:2398
+#: src/strings.ts:2402
 msgid "Delete mode"
 msgstr ""
 
-#: src/strings.ts:562
+#: src/strings.ts:564
 msgid "Delete notes in this vault permanently"
 msgstr ""
 
-#: src/strings.ts:569
+#: src/strings.ts:571
 msgid "Delete permanently"
 msgstr ""
 
-#: src/strings.ts:2331
+#: src/strings.ts:2335
 msgid "Delete row"
 msgstr ""
 
-#: src/strings.ts:2332
+#: src/strings.ts:2336
 msgid "Delete table"
 msgstr ""
 
@@ -2385,7 +2489,7 @@ msgstr ""
 msgid "Delete vault"
 msgstr ""
 
-#: src/strings.ts:1192
+#: src/strings.ts:1196
 msgid "Delete vault (and optionally remove all notes)."
 msgstr ""
 
@@ -2393,71 +2497,63 @@ msgstr ""
 msgid "Deleted on {date}"
 msgstr ""
 
-#: src/strings.ts:1949
+#: src/strings.ts:1953
 msgid "Deleting"
 msgstr ""
 
-#: src/strings.ts:1859
+#: src/strings.ts:1863
 msgid "Description"
 msgstr ""
 
-#: src/strings.ts:2137
+#: src/strings.ts:2141
 msgid "Desktop app"
 msgstr ""
 
-#: src/strings.ts:2141
+#: src/strings.ts:2145
 msgid "Desktop integration"
 msgstr ""
 
-#: src/strings.ts:2771
+#: src/strings.ts:2795
 msgid "Details"
 msgstr ""
 
-#: src/strings.ts:885
+#: src/strings.ts:887
 msgid "Did you save recovery key?"
 msgstr ""
 
-#: src/strings.ts:1392
+#: src/strings.ts:1396
 msgid "Disable"
 msgstr ""
 
-#: src/strings.ts:1100
-msgid "Disable auto sync"
-msgstr ""
-
-#: src/strings.ts:2032
+#: src/strings.ts:2036
 msgid "Disable editor margins"
 msgstr ""
 
-#: src/strings.ts:2683
+#: src/strings.ts:2699
 msgid "Disable Inbox API"
 msgstr ""
 
-#: src/strings.ts:1103
-msgid "Disable realtime sync"
-msgstr ""
-
-#: src/strings.ts:1106
-msgid "Disable sync"
-msgstr ""
-
 #: src/strings.ts:165
 msgid "Disabled"
 msgstr ""
 
-#: src/strings.ts:2685
+#: src/strings.ts:2701
 msgid "Disabling will delete all your unsynced inbox items. Additionally, disabling will revoke all existing API keys, they will no longer work. Are you sure?"
 msgstr ""
 
-#: src/strings.ts:565
+#: src/strings.ts:567
 msgid "Discard"
 msgstr ""
 
-#: src/strings.ts:1618
+#: src/strings.ts:233
+msgid "Discord."
+msgstr ""
+
+#: src/strings.ts:1622
 msgid "Dismiss"
 msgstr ""
 
-#: src/strings.ts:1671
+#: src/strings.ts:1675
 msgid "Dismiss announcement"
 msgstr ""
 
@@ -2465,27 +2561,27 @@ msgstr ""
 msgid "Disputed"
 msgstr ""
 
-#: src/strings.ts:273
+#: src/strings.ts:272
 msgid "Do you enjoy using Notesnook?"
 msgstr ""
 
-#: src/strings.ts:1279
+#: src/strings.ts:1283
 msgid "Documentation"
 msgstr ""
 
-#: src/strings.ts:757
+#: src/strings.ts:759
 msgid "Documents"
 msgstr ""
 
-#: src/strings.ts:1000
+#: src/strings.ts:1002
 msgid "Don't have access to your authenticator app?"
 msgstr ""
 
-#: src/strings.ts:1007
+#: src/strings.ts:1009
 msgid "Don't have access to your email address?"
 msgstr ""
 
-#: src/strings.ts:1016
+#: src/strings.ts:1018
 msgid "Don't have access to your phone number?"
 msgstr ""
 
@@ -2493,23 +2589,23 @@ msgstr ""
 msgid "Don't have an account?"
 msgstr ""
 
-#: src/strings.ts:1853
+#: src/strings.ts:1857
 msgid "Don't have backup file?"
 msgstr ""
 
-#: src/strings.ts:1852
+#: src/strings.ts:1856
 msgid "Don't have your account recovery key?"
 msgstr ""
 
-#: src/strings.ts:1019
+#: src/strings.ts:1021
 msgid "Don't have your recovery codes?"
 msgstr ""
 
-#: src/strings.ts:1831
+#: src/strings.ts:1835
 msgid "Don't show again"
 msgstr ""
 
-#: src/strings.ts:1832
+#: src/strings.ts:1836
 msgid "Don't show again on this device?"
 msgstr ""
 
@@ -2517,186 +2613,194 @@ msgstr ""
 msgid "Done"
 msgstr ""
 
-#: src/strings.ts:1165
+#: src/strings.ts:1169
 msgid "Double spaced lines"
 msgstr ""
 
-#: src/strings.ts:509
+#: src/strings.ts:511
 msgid "Download"
 msgstr ""
 
-#: src/strings.ts:1837
+#: src/strings.ts:1841
 msgid "Download all attachments"
 msgstr ""
 
-#: src/strings.ts:2347
+#: src/strings.ts:2943
+msgid "Download and share debug logs from the app"
+msgstr ""
+
+#: src/strings.ts:2351
 msgid "Download attachment"
 msgstr ""
 
-#: src/strings.ts:1881
+#: src/strings.ts:1885
 msgid "Download backup file"
 msgstr ""
 
-#: src/strings.ts:516
+#: src/strings.ts:518
 msgid "Download cancelled"
 msgstr ""
 
-#: src/strings.ts:2239
+#: src/strings.ts:2942
+msgid "Download debug logs"
+msgstr ""
+
+#: src/strings.ts:2243
 msgid "Download everything including attachments on sync"
 msgstr ""
 
-#: src/strings.ts:1306
+#: src/strings.ts:1310
 msgid "Download on desktop"
 msgstr ""
 
-#: src/strings.ts:806
+#: src/strings.ts:808
 msgid "Download started... Please wait"
 msgstr ""
 
-#: src/strings.ts:514
+#: src/strings.ts:516
 msgid "Download successful"
 msgstr ""
 
-#: src/strings.ts:667
+#: src/strings.ts:669
 msgid "Download update"
 msgstr ""
 
-#: src/strings.ts:508
+#: src/strings.ts:510
 msgid "Downloaded"
 msgstr ""
 
 #: src/strings.ts:64
-#: src/strings.ts:507
+#: src/strings.ts:509
 msgid "Downloading"
 msgstr ""
 
-#: src/strings.ts:507
+#: src/strings.ts:509
 msgid "Downloading ({progress})"
 msgstr ""
 
-#: src/strings.ts:261
+#: src/strings.ts:260
 msgid "Downloading attachments"
 msgstr ""
 
-#: src/strings.ts:1725
+#: src/strings.ts:1729
 msgid "Downloading images"
 msgstr ""
 
-#: src/strings.ts:1791
+#: src/strings.ts:1795
 msgid "Drag & drop files here, or click to select files"
 msgstr ""
 
-#: src/strings.ts:1790
+#: src/strings.ts:1794
 msgid "Drop the files here"
 msgstr ""
 
-#: src/strings.ts:1684
+#: src/strings.ts:1688
 msgid "Drop your files here to attach"
 msgstr ""
 
-#: src/strings.ts:2590
+#: src/strings.ts:2604
 msgid "Due {date}"
 msgstr ""
 
-#: src/strings.ts:655
+#: src/strings.ts:657
 msgid "Due date"
 msgstr ""
 
-#: src/strings.ts:2588
+#: src/strings.ts:2602
 msgid "Due today"
 msgstr ""
 
-#: src/strings.ts:940
+#: src/strings.ts:942
 msgid "Duplicate"
 msgstr ""
 
-#: src/strings.ts:2691
+#: src/strings.ts:2708
 msgid "e.g., Todo integration"
 msgstr ""
 
-#: src/strings.ts:644
+#: src/strings.ts:646
 msgid "Earliest first"
 msgstr ""
 
-#: src/strings.ts:2450
+#: src/strings.ts:2454
 msgid "Easy access"
 msgstr ""
 
-#: src/strings.ts:1798
+#: src/strings.ts:1802
 msgid "Edit"
 msgstr ""
 
-#: src/strings.ts:2661
+#: src/strings.ts:2677
 msgid "Edit creation date"
 msgstr ""
 
-#: src/strings.ts:527
+#: src/strings.ts:529
 msgid "Edit internal link"
 msgstr ""
 
-#: src/strings.ts:2266
-#: src/strings.ts:2294
+#: src/strings.ts:2270
+#: src/strings.ts:2298
 msgid "Edit link"
 msgstr ""
 
-#: src/strings.ts:2506
+#: src/strings.ts:2510
 msgid "Edit profile"
 msgstr ""
 
-#: src/strings.ts:1323
+#: src/strings.ts:1327
 msgid "Edit profile picture"
 msgstr ""
 
-#: src/strings.ts:1840
+#: src/strings.ts:1844
 msgid "Edit your full name"
 msgstr ""
 
-#: src/strings.ts:1158
-#: src/strings.ts:1547
+#: src/strings.ts:1162
+#: src/strings.ts:1551
 msgid "Editor"
 msgstr ""
 
-#: src/strings.ts:2617
+#: src/strings.ts:2633
 msgid "Education plan"
 msgstr ""
 
-#: src/strings.ts:1499
+#: src/strings.ts:1503
 msgid "Email"
 msgstr ""
 
-#: src/strings.ts:2463
+#: src/strings.ts:2467
 msgid "Email copied"
 msgstr ""
 
-#: src/strings.ts:772
+#: src/strings.ts:774
 msgid "Email is required"
 msgstr ""
 
-#: src/strings.ts:764
+#: src/strings.ts:766
 msgid "Email not confirmed"
 msgstr ""
 
-#: src/strings.ts:1574
+#: src/strings.ts:1578
 msgid "Email or password incorrect"
 msgstr ""
 
-#: src/strings.ts:1276
+#: src/strings.ts:1280
 msgid "Email support"
 msgstr ""
 
-#: src/strings.ts:871
+#: src/strings.ts:873
 msgid "Email updated to {email}"
 msgstr ""
 
-#: src/strings.ts:2373
+#: src/strings.ts:2377
 msgid "Embed"
 msgstr ""
 
-#: src/strings.ts:2353
+#: src/strings.ts:2357
 msgid "Embed properties"
 msgstr ""
 
-#: src/strings.ts:2349
+#: src/strings.ts:2353
 msgid "Embed settings"
 msgstr ""
 
@@ -2704,43 +2808,47 @@ msgstr ""
 msgid "Enable"
 msgstr ""
 
-#: src/strings.ts:1147
+#: src/strings.ts:1151
 msgid "Enable (Recommended)"
 msgstr ""
 
-#: src/strings.ts:1201
+#: src/strings.ts:1205
 msgid "Enable app lock"
 msgstr ""
 
-#: src/strings.ts:2033
+#: src/strings.ts:2941
+msgid "Enable biometric unlock"
+msgstr ""
+
+#: src/strings.ts:2037
 msgid "Enable editor margins"
 msgstr ""
 
-#: src/strings.ts:2678
+#: src/strings.ts:2694
 msgid "Enable Inbox API"
 msgstr ""
 
-#: src/strings.ts:2497
+#: src/strings.ts:2501
 msgid "Enable ligatures for common symbols like →, ←, etc"
 msgstr ""
 
-#: src/strings.ts:2413
+#: src/strings.ts:2417
 msgid "Enable regex"
 msgstr ""
 
-#: src/strings.ts:2158
+#: src/strings.ts:2162
 msgid "Enable spell checker"
 msgstr ""
 
-#: src/strings.ts:496
-msgid "Enable two-factor authentication to add an extra layer of security to your account."
+#: src/strings.ts:498
+msgid "Enable two-factor authentication to secure your account."
 msgstr ""
 
-#: src/strings.ts:2679
+#: src/strings.ts:2695
 msgid "Enable/Disable Inbox API"
 msgstr ""
 
-#: src/strings.ts:1250
+#: src/strings.ts:1254
 msgid "Encrypt your backups for added security"
 msgstr ""
 
@@ -2748,55 +2856,55 @@ msgstr ""
 msgid "Encrypted and synced"
 msgstr ""
 
-#: src/strings.ts:2273
+#: src/strings.ts:2277
 msgid "Encrypted backup"
 msgstr ""
 
-#: src/strings.ts:1678
+#: src/strings.ts:1682
 msgid "Encrypted, private, secure."
 msgstr ""
 
-#: src/strings.ts:2785
+#: src/strings.ts:2810
 msgid "Encrypting"
 msgstr ""
 
-#: src/strings.ts:956
+#: src/strings.ts:958
 msgid "Encrypting attachment"
 msgstr ""
 
-#: src/strings.ts:1864
+#: src/strings.ts:1868
 msgid "Encryption key"
 msgstr ""
 
-#: src/strings.ts:825
+#: src/strings.ts:827
 msgid "End-to-end encrypted."
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2844
+#: src/strings.ts:2869
 msgid "End-to-end encryption (XChaCha20)"
 msgstr ""
 
-#: src/strings.ts:399
+#: src/strings.ts:402
 msgid "Enter 6 digit code"
 msgstr ""
 
-#: src/strings.ts:1095
+#: src/strings.ts:1097
 msgid "Enter account password"
 msgstr ""
 
-#: src/strings.ts:1096
+#: src/strings.ts:1098
 msgid "Enter account password to proceed."
 msgstr ""
 
-#: src/strings.ts:1873
+#: src/strings.ts:1877
 msgid "Enter account recovery key"
 msgstr ""
 
-#: src/strings.ts:1035
+#: src/strings.ts:1037
 msgid "Enter app lock password"
 msgstr ""
 
-#: src/strings.ts:1038
+#: src/strings.ts:1040
 msgid "Enter app lock pin"
 msgstr ""
 
@@ -2804,39 +2912,39 @@ msgstr ""
 msgid "Enter code from authenticator app"
 msgstr ""
 
-#: src/strings.ts:1529
+#: src/strings.ts:1533
 msgid "Enter email address"
 msgstr ""
 
-#: src/strings.ts:2401
+#: src/strings.ts:2405
 msgid "Enter embed source URL"
 msgstr ""
 
-#: src/strings.ts:1329
+#: src/strings.ts:1333
 msgid "Enter full name"
 msgstr ""
 
-#: src/strings.ts:1722
+#: src/strings.ts:1726
 msgid "Enter fullscreen"
 msgstr ""
 
-#: src/strings.ts:1508
+#: src/strings.ts:1512
 msgid "Enter notebook description"
 msgstr ""
 
-#: src/strings.ts:870
+#: src/strings.ts:872
 msgid "Enter notebook title"
 msgstr ""
 
-#: src/strings.ts:791
+#: src/strings.ts:793
 msgid "Enter password"
 msgstr ""
 
-#: src/strings.ts:2119
+#: src/strings.ts:2123
 msgid "Enter pin or password to enable app lock."
 msgstr ""
 
-#: src/strings.ts:1020
+#: src/strings.ts:1022
 msgid "Enter recovery code"
 msgstr ""
 
@@ -2852,27 +2960,31 @@ msgstr ""
 msgid "Enter the 6 digit code sent to your phone number to continue logging in."
 msgstr ""
 
-#: src/strings.ts:2465
+#: src/strings.ts:2469
 msgid "Enter the gift code to redeem your subscription."
 msgstr ""
 
-#: src/strings.ts:2653
+#: src/strings.ts:2669
 msgid "Enter title"
 msgstr ""
 
-#: src/strings.ts:1511
+#: src/strings.ts:1515
 msgid "Enter verification code sent to your new email"
 msgstr ""
 
-#: src/strings.ts:1510
+#: src/strings.ts:1514
 msgid "Enter your new email"
 msgstr ""
 
-#: src/strings.ts:2812
+#: src/strings.ts:2899
+msgid "Enter your password"
+msgstr ""
+
+#: src/strings.ts:2837
 msgid "Enter your PGP private key"
 msgstr ""
 
-#: src/strings.ts:2811
+#: src/strings.ts:2836
 msgid "Enter your PGP public key"
 msgstr ""
 
@@ -2880,152 +2992,156 @@ msgstr ""
 msgid "Enter your recovery code."
 msgstr ""
 
-#: src/strings.ts:2120
+#: src/strings.ts:2124
 msgid "Enter your username"
 msgstr ""
 
-#: src/strings.ts:2457
+#: src/strings.ts:2461
 msgid "Error"
 msgstr ""
 
-#: src/strings.ts:1575
+#: src/strings.ts:1579
 msgid "Error applying promo code"
 msgstr ""
 
-#: src/strings.ts:747
+#: src/strings.ts:749
 msgid "Error downloading file: {message}"
 msgstr ""
 
-#: src/strings.ts:1535
+#: src/strings.ts:1539
 msgid "Error getting codes"
 msgstr ""
 
-#: src/strings.ts:413
+#: src/strings.ts:416
 msgid "Error loading themes"
 msgstr ""
 
-#: src/strings.ts:1091
+#: src/strings.ts:1093
 msgid "Error logging out"
 msgstr ""
 
-#: src/strings.ts:1025
+#: src/strings.ts:1027
 msgid "Error sending 2FA code"
 msgstr ""
 
-#: src/strings.ts:759
+#: src/strings.ts:761
 msgid "Errors"
 msgstr ""
 
-#: src/strings.ts:1717
+#: src/strings.ts:1721
 msgid "Errors in {count} attachments"
 msgstr ""
 
-#: src/strings.ts:2502
+#: src/strings.ts:2506
 msgid "Essential plan"
 msgstr ""
 
-#: src/strings.ts:1649
+#: src/strings.ts:1653
 msgid "Events server"
 msgstr ""
 
-#: src/strings.ts:2443
+#: src/strings.ts:2447
 msgid "Every Notebook can have notes and sub notebooks."
 msgstr ""
 
-#: src/strings.ts:2445
+#: src/strings.ts:2449
 msgid "Everything related to my job in one place."
 msgstr ""
 
-#: src/strings.ts:2454
+#: src/strings.ts:2458
 msgid "Everything related to my school in one place."
 msgstr ""
 
-#: src/strings.ts:2471
+#: src/strings.ts:2475
 msgid "Execute"
 msgstr ""
 
-#: src/strings.ts:2470
+#: src/strings.ts:2474
 msgid "Execute a command..."
 msgstr ""
 
-#: src/strings.ts:2034
+#: src/strings.ts:2038
 msgid "Exit fullscreen"
 msgstr ""
 
-#: src/strings.ts:2405
+#: src/strings.ts:2409
 msgid "Expand"
 msgstr ""
 
-#: src/strings.ts:2498
+#: src/strings.ts:2502
 msgid "Expand sidebar"
 msgstr ""
 
-#: src/strings.ts:2103
+#: src/strings.ts:2107
 msgid "Experience the next level of private note taking\""
 msgstr ""
 
-#: src/strings.ts:2727
+#: src/strings.ts:2747
 msgid "Expired"
 msgstr ""
 
-#: src/strings.ts:2692
+#: src/strings.ts:2745
+msgid "Expires"
+msgstr ""
+
+#: src/strings.ts:2709
 msgid "Expires in"
 msgstr ""
 
-#: src/strings.ts:2728
+#: src/strings.ts:2748
 msgid "Expires on"
 msgstr ""
 
-#: src/strings.ts:2667
+#: src/strings.ts:2683
 msgid "Expiry date"
 msgstr ""
 
-#: src/strings.ts:2796
+#: src/strings.ts:2821
 msgid "Expiry date cannot be more than 1 year in the future"
 msgstr ""
 
-#: src/strings.ts:2794
+#: src/strings.ts:2819
 msgid "Expiry date must be in the future"
 msgstr ""
 
-#: src/strings.ts:2813
+#: src/strings.ts:2838
 msgid "Expiry date removed"
 msgstr ""
 
-#: src/strings.ts:2797
+#: src/strings.ts:2822
 msgid "Expiry date set"
 msgstr ""
 
-#: src/strings.ts:2571
+#: src/strings.ts:2576
 msgid "Explore all plans"
 msgstr ""
 
-#: src/strings.ts:469
+#: src/strings.ts:472
 msgid "Export"
 msgstr ""
 
-#: src/strings.ts:578
+#: src/strings.ts:580
 msgid "Export again"
 msgstr ""
 
-#: src/strings.ts:1253
+#: src/strings.ts:1257
 msgid "Export all notes"
 msgstr ""
 
-#: src/strings.ts:1255
+#: src/strings.ts:1259
 msgid "Export all notes as pdf, markdown, html or text in a single zip file"
 msgstr ""
 
 #. placeholder {0}: format ? " " + format : ""
-#: src/strings.ts:2056
+#: src/strings.ts:2060
 msgid "Export as{0}"
 msgstr ""
 
-#: src/strings.ts:2668
+#: src/strings.ts:2684
 msgid "Export CSV"
 msgstr ""
 
-#: src/strings.ts:1401
+#: src/strings.ts:1405
 msgid "Export notes as PDF, Markdown and HTML with Notesnook Pro"
 msgstr ""
 
@@ -3033,269 +3149,281 @@ msgstr ""
 msgid "Exporting \"{title}\""
 msgstr ""
 
-#: src/strings.ts:1639
+#: src/strings.ts:1643
 msgid "Extracting files..."
 msgstr ""
 
-#: src/strings.ts:1828
+#: src/strings.ts:1832
 msgid "EXTREMELY DANGEROUS! This action is irreversible. All your data including notes, notebooks, attachments & settings will be deleted. This is a full account reset. Proceed with caution."
 msgstr ""
 
-#: src/strings.ts:1275
+#: src/strings.ts:1279
 msgid "Faced an issue or have a suggestion? Click here to create a bug report"
 msgstr ""
 
-#: src/strings.ts:2435
+#: src/strings.ts:2439
 msgid "Failed"
 msgstr ""
 
-#: src/strings.ts:2773
+#: src/strings.ts:2797
 msgid "Failed inbox items"
 msgstr ""
 
-#: src/strings.ts:2672
+#: src/strings.ts:2688
 msgid "Failed to attach file"
 msgstr ""
 
-#: src/strings.ts:1957
+#: src/strings.ts:1961
 msgid "Failed to copy note"
 msgstr ""
 
-#: src/strings.ts:2717
+#: src/strings.ts:2735
 msgid "Failed to copy to clipboard"
 msgstr ""
 
 #. placeholder {0}: message ? `: ${message}` : ""
-#: src/strings.ts:2696
+#: src/strings.ts:2714
 msgid "Failed to create API key{0}"
 msgstr ""
 
-#: src/strings.ts:1581
+#: src/strings.ts:1585
 msgid "Failed to decrypt backup"
 msgstr ""
 
-#: src/strings.ts:2023
+#: src/strings.ts:2027
 msgid "Failed to delete"
 msgstr ""
 
-#: src/strings.ts:1097
+#: src/strings.ts:1099
 msgid "Failed to delete account"
 msgstr ""
 
-#: src/strings.ts:792
+#: src/strings.ts:794
 msgid "Failed to download file"
 msgstr ""
 
-#: src/strings.ts:2019
+#: src/strings.ts:2023
 msgid "Failed to install theme."
 msgstr ""
 
-#: src/strings.ts:2703
+#: src/strings.ts:2721
 msgid "Failed to load API keys. Please try again."
 msgstr ""
 
-#: src/strings.ts:964
+#: src/strings.ts:966
 msgid "Failed to open"
 msgstr ""
 
-#: src/strings.ts:881
+#: src/strings.ts:883
 msgid "Failed to publish note"
 msgstr ""
 
-#: src/strings.ts:2024
+#: src/strings.ts:2028
 msgid "Failed to register task"
 msgstr ""
 
-#: src/strings.ts:804
+#: src/strings.ts:806
 msgid "Failed to resolve download url"
 msgstr ""
 
-#: src/strings.ts:2722
+#: src/strings.ts:2740
 msgid "Failed to revoke API key"
 msgstr ""
 
-#: src/strings.ts:773
+#: src/strings.ts:775
 msgid "Failed to send recovery email"
 msgstr ""
 
-#: src/strings.ts:1417
+#: src/strings.ts:1421
 msgid "Failed to send verification email"
 msgstr ""
 
-#: src/strings.ts:953
+#: src/strings.ts:955
 msgid "Failed to subscribe"
 msgstr ""
 
-#: src/strings.ts:2234
+#: src/strings.ts:2238
 msgid "Failed to take backup"
 msgstr ""
 
-#: src/strings.ts:2236
+#: src/strings.ts:2240
 msgid "Failed to take backup of your data. Do you want to continue logging out?"
 msgstr ""
 
-#: src/strings.ts:882
+#: src/strings.ts:884
 msgid "Failed to unpublish note"
 msgstr ""
 
-#: src/strings.ts:798
+#: src/strings.ts:800
 msgid "Failed to zip files"
 msgstr ""
 
-#: src/strings.ts:500
+#: src/strings.ts:502
 msgid "Fallback method for 2FA enabled"
 msgstr ""
 
-#: src/strings.ts:2581
+#: src/strings.ts:2595
 msgid "FAQs"
 msgstr ""
 
-#: src/strings.ts:2053
+#: src/strings.ts:2057
 msgid "Favorite"
 msgstr ""
 
-#: src/strings.ts:321
-#: src/strings.ts:1542
+#: src/strings.ts:320
+#: src/strings.ts:1546
 msgid "Favorites"
 msgstr ""
 
-#: src/strings.ts:2579
+#: src/strings.ts:2593
 msgid "Featured on"
 msgstr ""
 
-#: src/strings.ts:2447
+#: src/strings.ts:2451
 msgid "February 2022 Week 2"
 msgstr ""
 
-#: src/strings.ts:2448
+#: src/strings.ts:2452
 msgid "February 2022 Week 3"
 msgstr ""
 
-#: src/strings.ts:732
+#: src/strings.ts:734
 msgid "File check failed: {reason} Try reuploading the file to fix the issue."
 msgstr ""
 
-#: src/strings.ts:750
+#: src/strings.ts:752
 msgid "File check passed"
 msgstr ""
 
-#: src/strings.ts:801
+#: src/strings.ts:803
 msgid "File length is 0. Please upload this file again from the attachment manager."
 msgstr ""
 
-#: src/strings.ts:803
+#: src/strings.ts:805
 msgid "File length mismatch. Expected {expectedSize} but got {currentSize} bytes. Please upload this file again from the attachment manager."
 msgstr ""
 
-#: src/strings.ts:2793
+#: src/strings.ts:2818
 msgid "File links cannot be opened in browsers. Please use the Notesnook desktop app."
 msgstr ""
 
-#: src/strings.ts:965
+#: src/strings.ts:967
 msgid "File mismatch"
 msgstr ""
 
-#: src/strings.ts:2787
+#: src/strings.ts:2812
 msgid "File size limit exceeded. Please upgrade your plan."
 msgstr ""
 
-#: src/strings.ts:961
+#: src/strings.ts:963
 msgid "File size should be less than {sizeInMB}"
 msgstr ""
 
-#: src/strings.ts:959
+#: src/strings.ts:961
 msgid "File too big"
 msgstr ""
 
-#: src/strings.ts:1494
+#: src/strings.ts:1498
 msgid "Filter attachments by filename, type or hash"
 msgstr ""
 
-#: src/strings.ts:1854
+#: src/strings.ts:1858
 msgid "Filter languages"
 msgstr ""
 
-#: src/strings.ts:1496
+#: src/strings.ts:1500
 msgid "Filter notebooks..."
 msgstr ""
 
-#: src/strings.ts:1497
+#: src/strings.ts:1501
 msgid "Filter tags..."
 msgstr ""
 
-#: src/strings.ts:2639
+#: src/strings.ts:2655
 msgid "Finish your purchase in the browser."
 msgstr ""
 
-#: src/strings.ts:1690
+#: src/strings.ts:1694
 msgid "Fix it"
 msgstr ""
 
-#: src/strings.ts:2036
+#: src/strings.ts:2040
 msgid "Focus mode"
 msgstr ""
 
-#: src/strings.ts:2194
+#: src/strings.ts:2198
 msgid "Follow"
 msgstr ""
 
-#: src/strings.ts:1291
+#: src/strings.ts:1295
 msgid "Follow us on Mastodon"
 msgstr ""
 
-#: src/strings.ts:1293
+#: src/strings.ts:1297
 msgid "Follow us on Mastodon for updates and news about Notesnook"
 msgstr ""
 
-#: src/strings.ts:1294
+#: src/strings.ts:1298
 msgid "Follow us on X"
 msgstr ""
 
-#: src/strings.ts:1295
+#: src/strings.ts:1299
 msgid "Follow us on X for updates and news about Notesnook"
 msgstr ""
 
-#: src/strings.ts:2308
+#: src/strings.ts:2312
 msgid "Font family"
 msgstr ""
 
-#: src/strings.ts:2495
+#: src/strings.ts:2499
 msgid "Font ligatures"
 msgstr ""
 
-#: src/strings.ts:2309
+#: src/strings.ts:2313
 msgid "Font size"
 msgstr ""
 
-#: src/strings.ts:2553
+#: src/strings.ts:2557
 msgid "For a monthly subscription, you can get a refund within 7 days of purchase. For a yearly subscription, we offer a full refund within 14 days of purchase. For a 5 year subscription, you can request a refund within 30 days of purchase."
 msgstr ""
 
-#: src/strings.ts:1707
+#: src/strings.ts:1711
 msgid "For a more integrated user experience, try out Notesnook for {platform}"
 msgstr ""
 
-#: src/strings.ts:1788
+#: src/strings.ts:1792
 msgid "for help regarding how to use the Notesnook Importer."
 msgstr ""
 
-#: src/strings.ts:2562
+#: src/strings.ts:2566
 msgid "for locking your notes as soon as app enters background"
 msgstr ""
 
-#: src/strings.ts:2226
+#: src/strings.ts:232
+msgid "For support or questions, chat with our community on"
+msgstr ""
+
+#: src/strings.ts:2230
 msgid "Force logout from all your other logged in devices."
 msgstr ""
 
-#: src/strings.ts:1112
+#: src/strings.ts:2901
+msgid "Force Pull"
+msgstr ""
+
+#: src/strings.ts:1116
 msgid "Force pull changes"
 msgstr ""
 
-#: src/strings.ts:1121
+#: src/strings.ts:2902
+msgid "Force Push"
+msgstr ""
+
+#: src/strings.ts:1125
 msgid "Force push changes"
 msgstr ""
 
-#: src/strings.ts:2243
+#: src/strings.ts:2247
 msgid ""
 "Force push:\n"
 "Use this if changes made on this device are not appearing on other devices. This will overwrite the data on the server with the data from this device.\n"
@@ -3306,203 +3434,224 @@ msgid ""
 "**These must only be used for troubleshooting. Using them regularly for sync is not recommended and will lead to unexpected data loss and other issues. If you are having persistent issues with sync, please report them to us at support@streetwriters.co.**"
 msgstr ""
 
-#: src/strings.ts:553
+#: src/strings.ts:555
 msgid "Forgot Password?"
+msgstr "<<<<<<< HEAD"
+
+#: src/strings.ts:2926
+msgid "Formatting"
 msgstr ""
 
-#: src/strings.ts:2846
+#: src/strings.ts:2871
+#: src/strings.ts:2896
 msgid "Free {days} days trial, cancel anytime"
 msgstr ""
 
-#: src/strings.ts:2596
+#: src/strings.ts:2610
 msgid "Free {duration} day trial, cancel any time"
 msgstr ""
 
-#: src/strings.ts:2500
+#: src/strings.ts:2504
 msgid "Free plan"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2833
+#: src/strings.ts:2858
 msgid "Frequently Asked Questions"
 msgstr ""
 
-#: src/strings.ts:627
+#: src/strings.ts:629
 msgid "Fri"
 msgstr ""
 
-#: src/strings.ts:618
+#: src/strings.ts:620
 msgid "Friday"
 msgstr ""
 
-#: src/strings.ts:2403
+#: src/strings.ts:2407
 msgid "From code"
 msgstr ""
 
-#: src/strings.ts:2400
+#: src/strings.ts:2404
 msgid "From URL"
 msgstr ""
 
-#: src/strings.ts:2020
+#: src/strings.ts:2936
+msgid "Full backup"
+msgstr ""
+
+#: src/strings.ts:2024
 msgid "Full name updated"
 msgstr ""
 
-#: src/strings.ts:2237
+#: src/strings.ts:2241
 msgid "Full offline mode"
 msgstr ""
 
-#: src/strings.ts:2355
+#: src/strings.ts:2359
 msgid "Full screen"
 msgstr ""
 
-#: src/strings.ts:2123
+#: src/strings.ts:2127
 msgid "General"
 msgstr ""
 
-#: src/strings.ts:1284
+#: src/strings.ts:1288
 msgid "Get helpful debug info about the app to help us find bugs."
 msgstr ""
 
-#: src/strings.ts:1308
+#: src/strings.ts:1312
 msgid "Get Notesnook app on your desktop and access all notes"
 msgstr ""
 
-#: src/strings.ts:2188
+#: src/strings.ts:2192
 msgid "Get Notesnook app on your iPhone and access all your notes on the go."
 msgstr ""
 
-#: src/strings.ts:2190
+#: src/strings.ts:2194
 msgid "Get Notesnook app on your iPhone or Android device and access all your notes on the go."
 msgstr ""
 
-#: src/strings.ts:1398
+#: src/strings.ts:1402
 msgid "Get Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:1383
+#: src/strings.ts:1387
 msgid "Get Notesnook Pro to enable automatic backups"
 msgstr ""
 
-#: src/strings.ts:2439
+#: src/strings.ts:2443
 msgid "Get Priority support"
 msgstr ""
 
-#: src/strings.ts:688
+#: src/strings.ts:690
 msgid "Get Pro"
 msgstr ""
 
-#: src/strings.ts:563
+#: src/strings.ts:565
 msgid "Get started"
 msgstr ""
 
-#: src/strings.ts:2559
+#: src/strings.ts:2563
 msgid "Get this and so much more:"
 msgstr ""
 
-#: src/strings.ts:1906
+#: src/strings.ts:1910
 msgid "Getting encryption key..."
 msgstr ""
 
-#: src/strings.ts:398
+#: src/strings.ts:401
 msgid "Getting information"
 msgstr ""
 
-#: src/strings.ts:400
+#: src/strings.ts:403
 msgid "Getting recovery codes"
 msgstr ""
 
-#: src/strings.ts:2750
+#: src/strings.ts:2770
 msgid "Gift code required"
 msgstr ""
 
-#: src/strings.ts:2193
+#: src/strings.ts:388
+msgid "Github"
+msgstr ""
+
+#: src/strings.ts:2197
 msgid "GNU GENERAL PUBLIC LICENSE Version 3"
 msgstr ""
 
-#: src/strings.ts:2640
+#: src/strings.ts:2656
 msgid "Go back"
 msgstr ""
 
-#: src/strings.ts:2478
+#: src/strings.ts:2482
 msgid "Go back in tab"
 msgstr ""
 
-#: src/strings.ts:2256
+#: src/strings.ts:2260
 msgid "Go back to notebooks"
 msgstr ""
 
-#: src/strings.ts:2257
+#: src/strings.ts:2261
 msgid "Go back to tags"
 msgstr ""
 
-#: src/strings.ts:2477
+#: src/strings.ts:2481
 msgid "Go forward in tab"
 msgstr ""
 
-#: src/strings.ts:1834
+#: src/strings.ts:1838
 msgid "Go to"
 msgstr ""
 
-#: src/strings.ts:1835
+#: src/strings.ts:1839
 msgid "Go to #{tag}"
 msgstr ""
 
-#: src/strings.ts:1718
+#: src/strings.ts:1722
 msgid "Go to next page"
 msgstr ""
 
-#: src/strings.ts:1719
+#: src/strings.ts:1723
 msgid "Go to previous page"
 msgstr ""
 
-#: src/strings.ts:1320
+#: src/strings.ts:1324
 msgid "Go to web app"
 msgstr ""
 
-#: src/strings.ts:2570
+#: src/strings.ts:2575
 msgid "Google will remind you 2 days before your trial ends."
 msgstr ""
 
-#: src/strings.ts:586
+#: src/strings.ts:588
 msgid "Got it"
 msgstr ""
 
-#: src/strings.ts:429
+#: src/strings.ts:432
 msgid "GROUP"
 msgstr ""
 
-#: src/strings.ts:1908
+#: src/strings.ts:1912
 msgid "Group added successfully"
 msgstr ""
 
-#: src/strings.ts:537
+#: src/strings.ts:539
 msgid "Group by"
 msgstr ""
 
-#: src/strings.ts:752
+#: src/strings.ts:754
 msgid "Hash copied"
 msgstr ""
 
-#: src/strings.ts:2240
+#: src/strings.ts:2909
+msgid "Having issues? Contact"
+msgstr ""
+
+#: src/strings.ts:2244
 msgid "Having problems with sync?"
 msgstr ""
 
-#: src/strings.ts:2585
+#: src/strings.ts:2599
 msgid "HD Images"
 msgstr ""
 
-#: src/strings.ts:2381
+#: src/strings.ts:2385
 msgid "Heading {level}"
 msgstr ""
 
-#: src/strings.ts:2310
+#: src/strings.ts:2314
 msgid "Headings"
 msgstr ""
 
-#: src/strings.ts:2416
+#: src/strings.ts:2933
+msgid "Headline"
+msgstr ""
+
+#: src/strings.ts:2420
 msgid "Height"
 msgstr ""
 
-#: src/strings.ts:1272
+#: src/strings.ts:1276
 msgid "Help and support"
 msgstr ""
 
@@ -3510,55 +3659,59 @@ msgstr ""
 msgid "Help improve Notesnook by sending completely anonymized"
 msgstr ""
 
-#: src/strings.ts:1391
+#: src/strings.ts:478
+msgid "Help us make Notesnook better for everyone."
+msgstr ""
+
+#: src/strings.ts:1395
 msgid "Hide"
 msgstr ""
 
-#: src/strings.ts:1198
+#: src/strings.ts:1202
 msgid "Hide app contents when you switch to other apps. This will also disable screenshot taking in the app."
 msgstr ""
 
-#: src/strings.ts:2199
+#: src/strings.ts:2203
 msgid "Hide note title"
 msgstr ""
 
-#: src/strings.ts:2313
+#: src/strings.ts:2317
 msgid "Highlight"
 msgstr ""
 
-#: src/strings.ts:923
+#: src/strings.ts:925
 msgid "History"
 msgstr ""
 
-#: src/strings.ts:1548
+#: src/strings.ts:1552
 msgid "Home"
 msgstr ""
 
-#: src/strings.ts:1142
+#: src/strings.ts:1146
 msgid "Homepage"
 msgstr ""
 
-#: src/strings.ts:1333
+#: src/strings.ts:1337
 msgid "Homepage changed to {name}"
 msgstr ""
 
-#: src/strings.ts:2362
+#: src/strings.ts:2366
 msgid "Horizontal rule"
 msgstr ""
 
-#: src/strings.ts:1819
+#: src/strings.ts:1823
 msgid "How do you want to recover your account?"
 msgstr ""
 
-#: src/strings.ts:1689
+#: src/strings.ts:1693
 msgid "How to fix it?"
 msgstr ""
 
-#: src/strings.ts:894
+#: src/strings.ts:896
 msgid "hr"
 msgstr ""
 
-#: src/strings.ts:2530
+#: src/strings.ts:2534
 msgid "I already have an account"
 msgstr ""
 
@@ -3582,85 +3735,85 @@ msgstr ""
 msgid "I have a recovery code"
 msgstr ""
 
-#: src/strings.ts:1907
+#: src/strings.ts:1911
 msgid "I have saved my key"
 msgstr ""
 
-#: src/strings.ts:2456
+#: src/strings.ts:2460
 msgid "I love cooking and collecting recipes."
 msgstr ""
 
-#: src/strings.ts:2241
+#: src/strings.ts:2245
 msgid "I understand"
 msgstr ""
 
-#: src/strings.ts:551
+#: src/strings.ts:2910
+msgid "I understand the risks"
+msgstr ""
+
+#: src/strings.ts:553
 msgid "I understand, change my password"
 msgstr ""
 
-#: src/strings.ts:927
+#: src/strings.ts:929
 msgid "ID copied"
 msgstr ""
 
-#: src/strings.ts:397
+#: src/strings.ts:400
 msgid "If the editor fails to load even after reloading. Try restarting the app."
 msgstr ""
 
-#: src/strings.ts:254
+#: src/strings.ts:253
 msgid "If this continues to happen, please reach out to us via"
 msgstr ""
 
-#: src/strings.ts:2144
+#: src/strings.ts:2148
 msgid "If true, Notesnook will automatically start up when you turn on & login to your system."
 msgstr ""
 
-#: src/strings.ts:2147
+#: src/strings.ts:2151
 msgid "If true, Notesnook will start minimized to either the system tray or your system taskbar/dock. This setting only works with Auto start on system startup is enabled."
 msgstr ""
 
-#: src/strings.ts:1745
+#: src/strings.ts:1749
 msgid "If you can't scan the QR code above, enter this text instead (spaces don't matter)"
 msgstr ""
 
-#: src/strings.ts:1410
+#: src/strings.ts:1414
 msgid ""
 "If you didn't get an email from us or the confirmation link isn't\n"
 "            working,"
 msgstr ""
 
-#: src/strings.ts:1825
+#: src/strings.ts:1829
 msgid "If you don't have a recovery key, you can recover your data by restoring a Notesnook data backup file (.nnbackup)."
 msgstr ""
 
-#: src/strings.ts:2108
+#: src/strings.ts:2112
 msgid "If you face any issue, you can reach out to us anytime."
 msgstr ""
 
-#: src/strings.ts:233
-msgid "If you want to ask something in general or need some assistance, we would suggest that you"
-msgstr ""
-
-#: src/strings.ts:2367
+#: src/strings.ts:2371
 msgid "Image"
 msgstr ""
 
-#: src/strings.ts:1144
+#: src/strings.ts:1148
 msgid "Image Compression"
 msgstr ""
 
-#: src/strings.ts:2343
+#: src/strings.ts:2347
 msgid "Image properties"
 msgstr ""
 
-#: src/strings.ts:2339
+#: src/strings.ts:2343
 msgid "Image settings"
 msgstr ""
 
-#: src/strings.ts:963
+#: src/strings.ts:965
 msgid "Image size should be less than {sizeInMB}"
 msgstr ""
 
-#: src/strings.ts:755
+#: src/strings.ts:757
 msgid "Images"
 msgstr ""
 
@@ -3668,35 +3821,35 @@ msgstr ""
 msgid "Images uploaded without compression are slow to load and take more bandwidth. We recommend compressing images unless you need image in original quality."
 msgstr ""
 
-#: src/strings.ts:1603
+#: src/strings.ts:1607
 msgid "Immediately"
 msgstr ""
 
-#: src/strings.ts:2171
+#: src/strings.ts:2175
 msgid "Import & export"
 msgstr ""
 
-#: src/strings.ts:1772
+#: src/strings.ts:1776
 msgid "Import completed"
 msgstr ""
 
-#: src/strings.ts:2669
+#: src/strings.ts:2685
 msgid "Import CSV"
 msgstr ""
 
-#: src/strings.ts:1787
+#: src/strings.ts:1791
 msgid "import guide"
 msgstr ""
 
-#: src/strings.ts:2675
+#: src/strings.ts:2691
 msgid "Inbox API"
 msgstr ""
 
-#: src/strings.ts:2735
+#: src/strings.ts:2755
 msgid "Inbox keys saved"
 msgstr ""
 
-#: src/strings.ts:2680
+#: src/strings.ts:2696
 msgid "Inbox PGP Keys"
 msgstr ""
 
@@ -3704,91 +3857,91 @@ msgstr ""
 msgid "Incoming"
 msgstr ""
 
-#: src/strings.ts:1858
+#: src/strings.ts:1862
 msgid "Incoming note"
 msgstr ""
 
-#: src/strings.ts:784
+#: src/strings.ts:786
 msgid "Incorrect {type}"
 msgstr ""
 
-#: src/strings.ts:2425
+#: src/strings.ts:2429
 msgid "Increase {title}"
 msgstr ""
 
-#: src/strings.ts:2267
+#: src/strings.ts:2271
 msgid "Insert"
 msgstr ""
 
-#: src/strings.ts:2422
+#: src/strings.ts:2426
 msgid "Insert a {rows}x{columns} table"
 msgstr ""
 
-#: src/strings.ts:2372
+#: src/strings.ts:2376
 msgid "Insert a table"
 msgstr ""
 
-#: src/strings.ts:2374
+#: src/strings.ts:2378
 msgid "Insert an embed"
 msgstr ""
 
-#: src/strings.ts:2368
+#: src/strings.ts:2372
 msgid "Insert an image"
 msgstr ""
 
-#: src/strings.ts:2320
+#: src/strings.ts:2324
 msgid "Insert column left"
 msgstr ""
 
-#: src/strings.ts:2321
+#: src/strings.ts:2325
 msgid "Insert column right"
 msgstr ""
 
-#: src/strings.ts:2265
+#: src/strings.ts:2269
 msgid "Insert link"
 msgstr ""
 
-#: src/strings.ts:2327
+#: src/strings.ts:2331
 msgid "Insert row above"
 msgstr ""
 
-#: src/strings.ts:2328
+#: src/strings.ts:2332
 msgid "Insert row below"
 msgstr ""
 
-#: src/strings.ts:1705
+#: src/strings.ts:1709
 msgid "Install Notesnook"
 msgstr ""
 
-#: src/strings.ts:2179
+#: src/strings.ts:2183
 msgid "Install update"
 msgstr ""
 
-#: src/strings.ts:1740
+#: src/strings.ts:1744
 msgid "installs"
 msgstr ""
 
-#: src/strings.ts:748
+#: src/strings.ts:750
 msgid "Invalid {type}"
 msgstr ""
 
-#: src/strings.ts:2012
+#: src/strings.ts:2016
 msgid "Invalid CORS proxy url"
 msgstr ""
 
-#: src/strings.ts:1500
+#: src/strings.ts:1504
 msgid "Invalid email"
 msgstr ""
 
-#: src/strings.ts:2715
+#: src/strings.ts:2733
 msgid "Invalid password"
 msgstr ""
 
-#: src/strings.ts:2734
+#: src/strings.ts:2754
 msgid "Invalid PGP key pair. Please check your keys and try again."
 msgstr ""
 
-#: src/strings.ts:2741
+#: src/strings.ts:2761
 msgid "Invalid recovery key. Make sure to input your account recovery key, not a 2FA recovery code."
 msgstr ""
 
@@ -3796,113 +3949,121 @@ msgstr ""
 msgid "Issue created"
 msgstr ""
 
-#: src/strings.ts:1006
-#: src/strings.ts:1015
+#: src/strings.ts:2940
+msgid "Issue summary"
+msgstr ""
+
+#: src/strings.ts:231
+msgid "Issues reported here are public on"
+msgstr ""
+
+#: src/strings.ts:1008
+#: src/strings.ts:1017
 msgid "It may take a minute to receive your code."
 msgstr ""
 
-#: src/strings.ts:1611
+#: src/strings.ts:1615
 msgid "It seems that your changes could not be saved. What to do next:"
 msgstr ""
 
-#: src/strings.ts:275
+#: src/strings.ts:274
 msgid "It took us a year to bring Notesnook to life. Share your experience and suggestions to help us improve it."
 msgstr ""
 
-#: src/strings.ts:2289
+#: src/strings.ts:2293
 msgid "Italic"
 msgstr ""
 
-#: src/strings.ts:291
+#: src/strings.ts:290
 msgid "item"
 msgstr ""
 
-#: src/strings.ts:301
+#: src/strings.ts:300
 msgid "Item"
 msgstr ""
 
-#: src/strings.ts:2777
+#: src/strings.ts:2802
 msgid "Item deleted"
 msgstr ""
 
-#: src/strings.ts:311
-#: src/strings.ts:1724
+#: src/strings.ts:310
+#: src/strings.ts:1728
 msgid "items"
 msgstr ""
 
-#: src/strings.ts:323
+#: src/strings.ts:322
 msgid "Items"
 msgstr ""
 
-#: src/strings.ts:2191
+#: src/strings.ts:2195
 msgid "Join community"
 msgstr ""
 
-#: src/strings.ts:234
-msgid "join our community on Discord."
-msgstr ""
-
-#: src/strings.ts:1296
+#: src/strings.ts:1300
 msgid "Join our Discord server"
 msgstr ""
 
-#: src/strings.ts:1298
+#: src/strings.ts:1302
 msgid "Join our Discord server to chat with other users and the team"
 msgstr ""
 
-#: src/strings.ts:1288
+#: src/strings.ts:1292
 msgid "Join our Telegram group"
 msgstr ""
 
-#: src/strings.ts:1290
+#: src/strings.ts:1294
 msgid "Join our Telegram group to chat with other users and the team"
 msgstr ""
 
-#: src/strings.ts:2099
+#: src/strings.ts:2103
 msgid "Join the cause"
 msgstr ""
 
-#: src/strings.ts:2047
+#: src/strings.ts:2051
 msgid "Jump to group"
 msgstr ""
 
-#: src/strings.ts:567
+#: src/strings.ts:569
 msgid "Keep"
 msgstr ""
 
-#: src/strings.ts:2042
+#: src/strings.ts:2046
 msgid "Keep open"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2819
+#: src/strings.ts:2844
 msgid "Keep screen on"
 msgstr ""
 
-#: src/strings.ts:1375
+#: src/strings.ts:1379
 msgid "Keep your data safe"
 msgstr ""
 
-#: src/strings.ts:2690
+#: src/strings.ts:1107
+msgid "Keep your notes updated automatically"
+msgstr ""
+
+#: src/strings.ts:2707
 msgid "Key name"
 msgstr ""
 
-#: src/strings.ts:2159
+#: src/strings.ts:2163
 msgid "Languages"
 msgstr ""
 
-#: src/strings.ts:2262
+#: src/strings.ts:2266
 msgid "Last edited at"
 msgstr ""
 
-#: src/strings.ts:2723
+#: src/strings.ts:2741
 msgid "Last used on"
 msgstr ""
 
-#: src/strings.ts:590
+#: src/strings.ts:592
 msgid "Later"
 msgstr ""
 
-#: src/strings.ts:643
+#: src/strings.ts:645
 msgid "Latest first"
 msgstr ""
 
@@ -3910,111 +4071,107 @@ msgstr ""
 msgid "Learn how this works."
 msgstr ""
 
-#: src/strings.ts:571
+#: src/strings.ts:573
 msgid "Learn more"
 msgstr ""
 
-#: src/strings.ts:993
+#: src/strings.ts:995
 msgid "Learn more about Monographs"
 msgstr ""
 
-#: src/strings.ts:272
+#: src/strings.ts:271
 msgid "Learn more about Notesnook Monograph"
 msgstr ""
 
-#: src/strings.ts:646
+#: src/strings.ts:648
 msgid "Least relevant first"
 msgstr ""
 
-#: src/strings.ts:1583
+#: src/strings.ts:1587
 msgid "Legal"
 msgstr ""
 
-#: src/strings.ts:476
-msgid "Let us know if you have faced any issue/bug while using Notesnook. We will try to fix it as soon as possible."
-msgstr ""
-
-#: src/strings.ts:2192
+#: src/strings.ts:2196
 msgid "License"
 msgstr ""
 
-#: src/strings.ts:1741
+#: src/strings.ts:1745
 msgid "Licensed under {license}"
 msgstr ""
 
-#: src/strings.ts:2358
+#: src/strings.ts:2362
 msgid "Lift list item"
 msgstr ""
 
-#: src/strings.ts:725
+#: src/strings.ts:727
 msgid "Light"
 msgstr ""
 
-#: src/strings.ts:2388
+#: src/strings.ts:2392
 msgid "Line {line}, Column {column}"
 msgstr ""
 
-#: src/strings.ts:2651
+#: src/strings.ts:2667
 msgid "Line height"
 msgstr ""
 
-#: src/strings.ts:1168
+#: src/strings.ts:1172
 msgid "Line spacing changed"
 msgstr ""
 
-#: src/strings.ts:2293
+#: src/strings.ts:2297
 msgid "Link"
 msgstr ""
 
-#: src/strings.ts:925
+#: src/strings.ts:927
 msgid "Link copied"
 msgstr ""
 
-#: src/strings.ts:945
+#: src/strings.ts:947
 msgid "Link notebooks"
 msgstr ""
 
-#: src/strings.ts:2507
+#: src/strings.ts:2511
 msgid "Link notes"
 msgstr ""
 
-#: src/strings.ts:2298
+#: src/strings.ts:2302
 msgid "Link settings"
 msgstr ""
 
-#: src/strings.ts:2418
+#: src/strings.ts:2422
 msgid "Link text"
 msgstr ""
 
-#: src/strings.ts:240
+#: src/strings.ts:239
 msgid "LINK TO A SECTION"
 msgstr ""
 
-#: src/strings.ts:526
+#: src/strings.ts:528
 msgid "Link to note"
 msgstr ""
 
-#: src/strings.ts:865
+#: src/strings.ts:867
 msgid "Link to notebook"
 msgstr ""
 
-#: src/strings.ts:595
+#: src/strings.ts:597
 msgid "Linked notes"
 msgstr ""
 
-#: src/strings.ts:1617
+#: src/strings.ts:1621
 msgid "Linking to a specific block is not available for locked notes."
 msgstr ""
 
-#: src/strings.ts:504
+#: src/strings.ts:506
 msgid "List of"
 msgstr ""
 
-#: src/strings.ts:727
+#: src/strings.ts:729
 msgid "Load from file"
 msgstr ""
 
-#: src/strings.ts:1716
+#: src/strings.ts:1720
 msgid "Loading"
 msgstr ""
 
@@ -4023,51 +4180,51 @@ msgstr ""
 msgid "Loading {0}, please wait..."
 msgstr ""
 
-#: src/strings.ts:2702
+#: src/strings.ts:2720
 msgid "Loading API keys..."
 msgstr ""
 
-#: src/strings.ts:1685
+#: src/strings.ts:1689
 msgid "Loading editor. Please wait..."
 msgstr ""
 
-#: src/strings.ts:1080
+#: src/strings.ts:1082
 msgid "Loading subscription details"
 msgstr ""
 
-#: src/strings.ts:414
+#: src/strings.ts:417
 msgid "Loading themes..."
 msgstr ""
 
-#: src/strings.ts:1343
+#: src/strings.ts:1347
 msgid "Loading trash"
 msgstr ""
 
-#: src/strings.ts:989
+#: src/strings.ts:991
 msgid "Loading your archive"
 msgstr ""
 
-#: src/strings.ts:983
+#: src/strings.ts:985
 msgid "Loading your favorites"
 msgstr ""
 
-#: src/strings.ts:988
+#: src/strings.ts:990
 msgid "Loading your monographs"
 msgstr ""
 
-#: src/strings.ts:986
+#: src/strings.ts:988
 msgid "Loading your notebooks"
 msgstr ""
 
-#: src/strings.ts:984
+#: src/strings.ts:986
 msgid "Loading your notes"
 msgstr ""
 
-#: src/strings.ts:987
+#: src/strings.ts:989
 msgid "Loading your reminders"
 msgstr ""
 
-#: src/strings.ts:985
+#: src/strings.ts:987
 msgid "Loading your tags"
 msgstr ""
 
@@ -4075,43 +4232,39 @@ msgstr ""
 msgid "Lock"
 msgstr ""
 
-#: src/strings.ts:456
+#: src/strings.ts:459
 msgid "Lock note"
 msgstr ""
 
-#: src/strings.ts:1200
+#: src/strings.ts:1204
 msgid "Lock the app with a password or pin"
 msgstr ""
 
-#: src/strings.ts:2736
-msgid "Lock vault after"
+#: src/strings.ts:2756
+msgid "Lock vault timer"
 msgstr ""
 
-#: src/strings.ts:915
+#: src/strings.ts:917
 msgid "Locked notes cannot be pinned"
 msgstr ""
 
-#: src/strings.ts:918
+#: src/strings.ts:920
 msgid "Locked notes cannot be published"
 msgstr ""
 
-#: src/strings.ts:2224
+#: src/strings.ts:2228
 msgid "Log out from all other devices"
 msgstr ""
 
-#: src/strings.ts:389
+#: src/strings.ts:392
 msgid "Logged in as {email}"
 msgstr ""
 
-#: src/strings.ts:1090
-msgid "Logging out will clear all data stored on THIS DEVICE. Make sure you have synced all your changes before logging out."
-msgstr ""
-
-#: src/strings.ts:403
+#: src/strings.ts:406
 msgid "Logging out. Please wait..."
 msgstr ""
 
-#: src/strings.ts:1803
+#: src/strings.ts:1807
 msgid "Logging you in"
 msgstr ""
 
@@ -4119,321 +4272,329 @@ msgstr ""
 msgid "Login"
 msgstr ""
 
-#: src/strings.ts:778
+#: src/strings.ts:780
 msgid "Login failed"
 msgstr ""
 
-#: src/strings.ts:916
+#: src/strings.ts:918
 msgid "Login required"
 msgstr ""
 
-#: src/strings.ts:2758
+#: src/strings.ts:2778
 msgid "Login required to restore attachments"
 msgstr ""
 
-#: src/strings.ts:779
+#: src/strings.ts:781
 msgid "Login successful"
 msgstr ""
 
-#: src/strings.ts:1378
+#: src/strings.ts:1382
 msgid "Login to encrypt and sync notes"
 msgstr ""
 
-#: src/strings.ts:2644
+#: src/strings.ts:2660
 msgid "Login to upload attachments. [Read more](https://help.notesnook.com/faqs/login-to-upload-attachments)"
 msgstr ""
 
-#: src/strings.ts:542
+#: src/strings.ts:544
 msgid "Login to your account"
 msgstr ""
 
-#: src/strings.ts:776
+#: src/strings.ts:778
 msgid "Logout"
 msgstr ""
 
-#: src/strings.ts:582
+#: src/strings.ts:584
 msgid "Logout and clear data"
 msgstr ""
 
-#: src/strings.ts:555
+#: src/strings.ts:557
 msgid "Logout from this device"
 msgstr ""
 
-#: src/strings.ts:1428
+#: src/strings.ts:1432
 msgid "Long press on any item in list to enter multi-select mode."
 msgstr ""
 
-#: src/strings.ts:2393
+#: src/strings.ts:2397
 msgid "Make task list readonly"
 msgstr ""
 
-#: src/strings.ts:1054
+#: src/strings.ts:1056
 msgid "Manage account"
 msgstr ""
 
-#: src/strings.ts:1067
+#: src/strings.ts:1069
 msgid "Manage attachments"
 msgstr ""
 
-#: src/strings.ts:685
+#: src/strings.ts:687
 msgid "Manage subscription on desktop"
 msgstr ""
 
-#: src/strings.ts:864
+#: src/strings.ts:866
 msgid "Manage tags"
 msgstr ""
 
-#: src/strings.ts:1055
+#: src/strings.ts:1057
 msgid "Manage your account related settings here"
 msgstr ""
 
-#: src/strings.ts:1068
+#: src/strings.ts:1070
 msgid "Manage your attachments in one place"
 msgstr ""
 
-#: src/strings.ts:1227
+#: src/strings.ts:1231
 msgid "Manage your backups and restore data"
 msgstr ""
 
-#: src/strings.ts:1261
+#: src/strings.ts:1265
 msgid "Manage your reminders"
 msgstr ""
 
-#: src/strings.ts:1099
+#: src/strings.ts:1101
 msgid "Manage your sync settings here"
 msgstr ""
 
-#: src/strings.ts:1456
+#: src/strings.ts:1460
 msgid "Mark important notes by adding them to favorites."
 msgstr ""
 
-#: src/strings.ts:1175
+#: src/strings.ts:1179
 msgid "Markdown shortcuts"
 msgstr ""
 
-#: src/strings.ts:1181
+#: src/strings.ts:1185
 msgid "Marketing emails"
 msgstr ""
 
-#: src/strings.ts:2406
+#: src/strings.ts:2410
 msgid "Match case"
 msgstr ""
 
-#: src/strings.ts:2407
+#: src/strings.ts:2411
 msgid "Match whole word"
 msgstr ""
 
-#: src/strings.ts:2315
+#: src/strings.ts:2319
 msgid "Math (inline)"
 msgstr ""
 
-#: src/strings.ts:2365
+#: src/strings.ts:2369
 msgid "Math & formulas"
 msgstr ""
 
-#: src/strings.ts:2061
+#: src/strings.ts:2065
 msgid "Maximize"
 msgstr ""
 
-#: src/strings.ts:2802
+#: src/strings.ts:2827
 msgid "Maximum reminder date is {maxDate}"
 msgstr ""
 
-#: src/strings.ts:2101
+#: src/strings.ts:2105
 msgid "Meet other privacy-minded people & talk to us directly about your concerns, issues and suggestions."
 msgstr ""
 
-#: src/strings.ts:2449
+#: src/strings.ts:2453
 msgid "Meetings"
 msgstr ""
 
-#: src/strings.ts:1800
+#: src/strings.ts:1804
 msgid "Member since {date}"
 msgstr ""
 
-#: src/strings.ts:2326
+#: src/strings.ts:2330
 msgid "Merge cells"
 msgstr ""
 
 #. placeholder {0}: progress ? `${progress?.collection}` : ""
 #. placeholder {1}: progress ? `(${progress.current}/${progress.total}) ` : ""
-#: src/strings.ts:246
+#: src/strings.ts:245
 msgid "Migrating {0} {1}... please wait"
 msgstr ""
 
-#: src/strings.ts:257
+#: src/strings.ts:256
 msgid "Migration failed"
 msgstr ""
 
-#: src/strings.ts:893
+#: src/strings.ts:895
 msgid "min"
 msgstr ""
 
-#: src/strings.ts:2030
+#: src/strings.ts:2034
 msgid "Minimal"
 msgstr ""
 
-#: src/strings.ts:2060
+#: src/strings.ts:2064
 msgid "Minimize"
 msgstr ""
 
-#: src/strings.ts:2148
+#: src/strings.ts:2152
 msgid "Minimize to system tray"
 msgstr ""
 
-#: src/strings.ts:689
+#: src/strings.ts:2924
+msgid "Miscellaneous"
+msgstr ""
+
+#: src/strings.ts:691
 msgid "mo"
 msgstr ""
 
-#: src/strings.ts:623
+#: src/strings.ts:625
 msgid "Mon"
 msgstr ""
 
-#: src/strings.ts:614
+#: src/strings.ts:616
 msgid "Monday"
 msgstr ""
 
-#: src/strings.ts:1652
+#: src/strings.ts:1656
 msgid "Monograph server"
 msgstr ""
 
-#: src/strings.ts:884
+#: src/strings.ts:886
 msgid "Monograph URL copied"
 msgstr ""
 
-#: src/strings.ts:322
-#: src/strings.ts:955
-#: src/strings.ts:1550
+#: src/strings.ts:321
+#: src/strings.ts:957
+#: src/strings.ts:1554
 msgid "Monographs"
 msgstr ""
 
-#: src/strings.ts:1438
+#: src/strings.ts:1442
 msgid "Monographs can be encrypted with a secret key and shared with anyone."
 msgstr ""
 
-#: src/strings.ts:1433
+#: src/strings.ts:1437
 msgid "Monographs enable you to share your notes in a secure and private way."
 msgstr ""
 
-#: src/strings.ts:665
-#: src/strings.ts:1861
+#: src/strings.ts:667
+#: src/strings.ts:1865
 msgid "Month"
 msgstr ""
 
 #: src/strings.ts:169
-#: src/strings.ts:1591
+#: src/strings.ts:1595
 msgid "Monthly"
 msgstr ""
 
-#: src/strings.ts:2345
+#: src/strings.ts:2349
 msgid "More"
 msgstr ""
 
-#: src/strings.ts:645
+#: src/strings.ts:647
 msgid "Most relevant first"
 msgstr ""
 
-#: src/strings.ts:866
+#: src/strings.ts:868
 msgid "Move"
 msgstr ""
 
-#: src/strings.ts:2394
+#: src/strings.ts:2398
 msgid "Move all checked tasks to bottom"
 msgstr ""
 
-#: src/strings.ts:2322
+#: src/strings.ts:2326
 msgid "Move column left"
 msgstr ""
 
-#: src/strings.ts:2323
+#: src/strings.ts:2327
 msgid "Move column right"
 msgstr ""
 
-#: src/strings.ts:952
+#: src/strings.ts:954
 msgid "Move notebook"
 msgstr ""
 
-#: src/strings.ts:912
+#: src/strings.ts:914
 msgid "Move notes"
 msgstr ""
 
-#: src/strings.ts:2330
+#: src/strings.ts:2334
 msgid "Move row down"
 msgstr ""
 
-#: src/strings.ts:2329
+#: src/strings.ts:2333
 msgid "Move row up"
 msgstr ""
 
-#: src/strings.ts:585
+#: src/strings.ts:587
 msgid "Move selected notes"
 msgstr ""
 
-#: src/strings.ts:584
+#: src/strings.ts:586
 msgid "Move to top"
 msgstr ""
 
-#: src/strings.ts:869
+#: src/strings.ts:871
 msgid "Move to trash"
 msgstr ""
 
-#: src/strings.ts:1188
+#: src/strings.ts:1192
 msgid "Multi-layer encryption to most important notes"
 msgstr ""
 
-#: src/strings.ts:901
+#: src/strings.ts:903
 msgid "Name"
 msgstr ""
 
-#: src/strings.ts:2756
+#: src/strings.ts:2776
 msgid "Name is required."
 msgstr ""
 
-#: src/strings.ts:1709
+#: src/strings.ts:1713
 msgid "Native high-performance encryption"
 msgstr ""
 
-#: src/strings.ts:2474
+#: src/strings.ts:2478
 msgid "Navigate"
 msgstr ""
 
-#: src/strings.ts:390
+#: src/strings.ts:2919
+msgid "Navigation"
+msgstr ""
+
+#: src/strings.ts:393
 msgid "Never"
 msgstr ""
 
-#: src/strings.ts:1358
+#: src/strings.ts:1362
 msgid "Never ask again"
 msgstr ""
 
-#: src/strings.ts:2726
+#: src/strings.ts:2746
 msgid "Never expires"
 msgstr ""
 
-#: src/strings.ts:1053
+#: src/strings.ts:1055
 msgid "Never hesitate to choose privacy"
 msgstr ""
 
-#: src/strings.ts:672
+#: src/strings.ts:674
 msgid "Never show again"
 msgstr ""
 
-#: src/strings.ts:2724
+#: src/strings.ts:2742
 msgid "Never used"
 msgstr ""
 
-#: src/strings.ts:642
+#: src/strings.ts:644
 msgid "New - old"
 msgstr ""
 
-#: src/strings.ts:528
+#: src/strings.ts:530
 msgid "New color"
 msgstr ""
 
-#: src/strings.ts:1867
+#: src/strings.ts:1871
 msgid "New Email"
 msgstr ""
 
-#: src/strings.ts:1167
+#: src/strings.ts:1171
 msgid "New lines will be double spaced (old ones won't be affected)."
 msgstr ""
 
@@ -4441,71 +4602,75 @@ msgstr ""
 msgid "New note"
 msgstr ""
 
-#: src/strings.ts:525
+#: src/strings.ts:2927
+msgid "New note title"
+msgstr ""
+
+#: src/strings.ts:527
 msgid "New notebook"
 msgstr ""
 
-#: src/strings.ts:1498
+#: src/strings.ts:1502
 msgid "New password"
 msgstr ""
 
-#: src/strings.ts:1504
+#: src/strings.ts:1508
 msgid "New pin"
 msgstr ""
 
-#: src/strings.ts:535
+#: src/strings.ts:537
 msgid "New reminder"
 msgstr ""
 
-#: src/strings.ts:576
+#: src/strings.ts:578
 msgid "New tab"
 msgstr ""
 
-#: src/strings.ts:2480
+#: src/strings.ts:2484
 msgid "New tag"
 msgstr ""
 
-#: src/strings.ts:1384
+#: src/strings.ts:1388
 msgid "New update available"
 msgstr ""
 
-#: src/strings.ts:531
+#: src/strings.ts:533
 msgid "New version"
 msgstr ""
 
-#: src/strings.ts:2045
+#: src/strings.ts:2049
 msgid "Newest - oldest"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2855
+#: src/strings.ts:2880
 msgid "Newest first"
 msgstr ""
 
-#: src/strings.ts:1156
+#: src/strings.ts:1160
 msgid "Newly created notes will be uncategorized"
 msgstr ""
 
-#: src/strings.ts:552
+#: src/strings.ts:554
 msgid "Next"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2849
+#: src/strings.ts:2874
 msgid "Next billing date"
 msgstr ""
 
-#: src/strings.ts:2410
+#: src/strings.ts:2414
 msgid "Next match"
 msgstr ""
 
-#: src/strings.ts:2475
+#: src/strings.ts:2479
 msgid "Next tab"
 msgstr ""
 
-#: src/strings.ts:547
+#: src/strings.ts:549
 msgid "No"
 msgstr ""
 
-#: src/strings.ts:873
+#: src/strings.ts:875
 msgid "No application found to open {fileToOpen}"
 msgstr ""
 
@@ -4513,19 +4678,19 @@ msgstr ""
 msgid "No attachments."
 msgstr ""
 
-#: src/strings.ts:375
+#: src/strings.ts:374
 msgid "No backups found"
 msgstr ""
 
-#: src/strings.ts:278
+#: src/strings.ts:277
 msgid "No blocks linked"
 msgstr ""
 
-#: src/strings.ts:786
+#: src/strings.ts:788
 msgid "No color selected"
 msgstr ""
 
-#: src/strings.ts:1247
+#: src/strings.ts:1251
 msgid "No directory selected"
 msgstr ""
 
@@ -4533,23 +4698,23 @@ msgstr ""
 msgid "No downloads in progress."
 msgstr ""
 
-#: src/strings.ts:2005
+#: src/strings.ts:2009
 msgid "No encryption key found"
 msgstr ""
 
-#: src/strings.ts:2775
+#: src/strings.ts:2800
 msgid "No failed inbox items"
 msgstr ""
 
-#: src/strings.ts:1686
+#: src/strings.ts:1690
 msgid "No headings found"
 msgstr ""
 
-#: src/strings.ts:596
+#: src/strings.ts:598
 msgid "No linked notes"
 msgstr ""
 
-#: src/strings.ts:282
+#: src/strings.ts:281
 msgid "No links found"
 msgstr ""
 
@@ -4557,15 +4722,15 @@ msgstr ""
 msgid "No note history available for this device."
 msgstr ""
 
-#: src/strings.ts:2524
+#: src/strings.ts:2528
 msgid "No notebooks selected to move"
 msgstr ""
 
-#: src/strings.ts:1530
+#: src/strings.ts:1534
 msgid "No notebooks yet"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2858
+#: src/strings.ts:2883
 msgid "No notes yet"
 msgstr ""
 
@@ -4573,88 +4738,92 @@ msgstr ""
 msgid "No one can view this {type} except you."
 msgstr ""
 
-#: src/strings.ts:2647
+#: src/strings.ts:2663
 msgid "No password"
 msgstr ""
 
-#: src/strings.ts:279
+#: src/strings.ts:278
 msgid "No references found of this note"
 msgstr ""
 
-#: src/strings.ts:1537
+#: src/strings.ts:1541
 msgid "No results found"
 msgstr ""
 
-#: src/strings.ts:406
+#: src/strings.ts:409
 msgid "No results found for \"{query}\""
 msgstr ""
 
-#: src/strings.ts:1537
+#: src/strings.ts:1541
 msgid "No results found for {query}"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2852
+#: src/strings.ts:2877
 msgid "No tags yet"
 msgstr ""
 
-#: src/strings.ts:412
+#: src/strings.ts:415
 msgid "No themes found"
 msgstr ""
 
-#: src/strings.ts:379
+#: src/strings.ts:378
 msgid "No updates available"
 msgstr ""
 
-#: src/strings.ts:661
+#: src/strings.ts:663
 msgid "None"
 msgstr ""
 
-#: src/strings.ts:2035
+#: src/strings.ts:2039
 msgid "Normal mode"
 msgstr ""
 
-#: src/strings.ts:388
+#: src/strings.ts:391
 msgid "Not logged in"
 msgstr ""
 
-#: src/strings.ts:285
+#: src/strings.ts:284
 msgid "note"
 msgstr ""
 
 #: src/strings.ts:58
-#: src/strings.ts:295
+#: src/strings.ts:294
 msgid "Note"
 msgstr ""
 
-#: src/strings.ts:815
+#: src/strings.ts:817
 msgid "Note copied to clipboard"
 msgstr ""
 
-#: src/strings.ts:1970
+#: src/strings.ts:2932
+msgid "Note count"
+msgstr ""
+
+#: src/strings.ts:1974
 msgid "Note does not exist"
 msgstr ""
 
-#: src/strings.ts:2800
+#: src/strings.ts:2825
 msgid "Note duplicated"
 msgstr ""
 
-#: src/strings.ts:458
+#: src/strings.ts:461
 msgid "Note history"
 msgstr ""
 
-#: src/strings.ts:810
+#: src/strings.ts:812
 msgid "Note locked"
 msgstr ""
 
-#: src/strings.ts:859
+#: src/strings.ts:861
 msgid "Note restored from history"
 msgstr ""
 
-#: src/strings.ts:1606
+#: src/strings.ts:1610
 msgid "Note title"
 msgstr ""
 
-#: src/strings.ts:814
+#: src/strings.ts:816
 msgid "Note unlocked"
 msgstr ""
 
@@ -4662,47 +4831,47 @@ msgstr ""
 msgid "Note version history is local only."
 msgstr ""
 
-#: src/strings.ts:1240
+#: src/strings.ts:1244
 msgid "NOTE: Creating a backup with attachments can take a while, and also fail completely. The app will try to resume/restart the backup in case of interruptions."
 msgstr ""
 
-#: src/strings.ts:286
+#: src/strings.ts:285
 msgid "notebook"
 msgstr ""
 
-#: src/strings.ts:296
-#: src/strings.ts:1541
+#: src/strings.ts:295
+#: src/strings.ts:1545
 msgid "Notebook"
 msgstr ""
 
-#: src/strings.ts:2510
+#: src/strings.ts:2514
 msgid "Notebook added"
 msgstr ""
 
-#: src/strings.ts:306
+#: src/strings.ts:305
 msgid "notebooks"
 msgstr ""
 
-#: src/strings.ts:258
-#: src/strings.ts:316
-#: src/strings.ts:1540
+#: src/strings.ts:257
+#: src/strings.ts:315
+#: src/strings.ts:1544
 msgid "Notebooks"
 msgstr ""
 
-#: src/strings.ts:1815
+#: src/strings.ts:1819
 msgid "NOTEBOOKS"
 msgstr ""
 
-#: src/strings.ts:2272
+#: src/strings.ts:2276
 msgid "Notebooks are the best way to organize your notes."
 msgstr ""
 
-#: src/strings.ts:305
+#: src/strings.ts:304
 msgid "notes"
 msgstr ""
 
-#: src/strings.ts:315
-#: src/strings.ts:1539
+#: src/strings.ts:314
+#: src/strings.ts:1543
 msgid "Notes"
 msgstr ""
 
@@ -4710,35 +4879,35 @@ msgstr ""
 msgid "Notes exported as {path} successfully"
 msgstr ""
 
-#: src/strings.ts:1771
+#: src/strings.ts:1775
 msgid "notes imported"
 msgstr ""
 
-#: src/strings.ts:2574
+#: src/strings.ts:2588
 msgid "Notesnook"
 msgstr ""
 
-#: src/strings.ts:2632
+#: src/strings.ts:2648
 msgid "Notesnook Circle"
 msgstr ""
 
-#: src/strings.ts:2634
-msgid "Notesnook Circle brings together trusted partners who share our commitment to privacy, transparency, and user freedom."
+#: src/strings.ts:2654
+msgid "Notesnook Circle is exclusively available to subscribed users."
 msgstr ""
 
-#: src/strings.ts:2098
+#: src/strings.ts:2102
 msgid "Notesnook encrypts everything offline before syncing to your other devices. This means that no one can read your notes except you. Not even us."
 msgstr ""
 
-#: src/strings.ts:2173
+#: src/strings.ts:2177
 msgid "Notesnook Importer"
 msgstr ""
 
-#: src/strings.ts:1082
+#: src/strings.ts:1084
 msgid "Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:2205
+#: src/strings.ts:2209
 msgid ""
 "Notesnook uses the following DNS providers:\n"
 "\n"
@@ -4748,79 +4917,83 @@ msgid ""
 "This can sometimes bypass local ISP blockages on Notesnook traffic. Disable this if you want the app to use system's DNS settings."
 msgstr ""
 
-#: src/strings.ts:1003
+#: src/strings.ts:1005
 msgid "Notesnook will send you a 2FA code on your email when prompted"
 msgstr ""
 
-#: src/strings.ts:1010
+#: src/strings.ts:1012
 msgid "Notesnook will send you an SMS with a 2FA code when prompted"
 msgstr ""
 
-#: src/strings.ts:2168
+#: src/strings.ts:2172
 msgid "Notifications"
 msgstr ""
 
-#: src/strings.ts:1393
+#: src/strings.ts:1397
 msgid "Notifications disabled"
 msgstr ""
 
-#: src/strings.ts:2306
+#: src/strings.ts:2310
 msgid "Numbered list"
 msgstr ""
 
-#: src/strings.ts:1739
+#: src/strings.ts:1743
 msgid "of"
 msgstr ""
 
-#: src/strings.ts:1623
+#: src/strings.ts:1627
 msgid "Off"
 msgstr ""
 
-#: src/strings.ts:395
+#: src/strings.ts:398
 msgid "Offline"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2829
+#: src/strings.ts:1103
+msgid "Offline & storage"
+msgstr ""
+
+#: src/strings.ts:2854
 msgid "Offline mode"
 msgstr ""
 
-#: src/strings.ts:2707
+#: src/strings.ts:2725
 msgid "OK"
 msgstr ""
 
-#: src/strings.ts:2258
+#: src/strings.ts:2262
 msgid "Okay"
 msgstr ""
 
-#: src/strings.ts:641
+#: src/strings.ts:643
 msgid "Old - new"
 msgstr ""
 
-#: src/strings.ts:1856
+#: src/strings.ts:1860
 msgid "Older version"
 msgstr ""
 
-#: src/strings.ts:2044
+#: src/strings.ts:2048
 msgid "Oldest - newest"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2856
+#: src/strings.ts:2881
 msgid "Oldest first"
 msgstr ""
 
-#: src/strings.ts:736
+#: src/strings.ts:738
 msgid "Once your password is changed, please make sure to save the new account recovery key"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2838
+#: src/strings.ts:2863
 msgid "One time purchase"
 msgstr ""
 
-#: src/strings.ts:2592
+#: src/strings.ts:2606
 msgid "One time purchase, no auto-renewal"
 msgstr ""
 
-#: src/strings.ts:1792
+#: src/strings.ts:1796
 msgid "Only .zip files are supported."
 msgstr ""
 
@@ -4828,100 +5001,108 @@ msgstr ""
 msgid "Open"
 msgstr ""
 
-#: src/strings.ts:577
+#: src/strings.ts:579
 msgid "Open file location"
 msgstr ""
 
-#: src/strings.ts:265
+#: src/strings.ts:264
 msgid "Open in browser"
 msgstr ""
 
-#: src/strings.ts:1322
+#: src/strings.ts:1326
 msgid "Open in browser to manage subscription"
 msgstr ""
 
-#: src/strings.ts:2356
+#: src/strings.ts:2360
 msgid "Open in new tab"
 msgstr ""
 
-#: src/strings.ts:579
+#: src/strings.ts:581
 msgid "Open issue"
 msgstr ""
 
-#: src/strings.ts:2296
+#: src/strings.ts:2300
 msgid "Open link"
 msgstr ""
 
-#: src/strings.ts:1884
+#: src/strings.ts:1888
 msgid "Open note"
 msgstr ""
 
-#: src/strings.ts:1396
+#: src/strings.ts:1400
 msgid "Open settings"
 msgstr ""
 
-#: src/strings.ts:2357
+#: src/strings.ts:2361
 msgid "Open source"
 msgstr ""
 
-#: src/strings.ts:1304
+#: src/strings.ts:1308
 msgid "Open source libraries used in Notesnook"
 msgstr ""
 
-#: src/strings.ts:1303
+#: src/strings.ts:1307
 msgid "Open source licenses"
 msgstr ""
 
-#: src/strings.ts:821
+#: src/strings.ts:823
 msgid "Open source."
 msgstr ""
 
-#: src/strings.ts:999
+#: src/strings.ts:1001
 msgid "Open the two-factor authentication (TOTP) app to view your authentication code."
 msgstr ""
 
-#: src/strings.ts:2789
+#: src/strings.ts:2814
 msgid "Opening local file"
 msgstr ""
 
-#: src/strings.ts:1878
+#: src/strings.ts:1882
 msgid "Optional"
 msgstr ""
 
-#: src/strings.ts:255
+#: src/strings.ts:254
 msgid "or email us at"
 msgstr ""
 
-#: src/strings.ts:2043
+#: src/strings.ts:2047
 msgid "Order by"
 msgstr ""
 
-#: src/strings.ts:2251
+#: src/strings.ts:2255
 msgid "Order ID"
 msgstr ""
 
-#: src/strings.ts:758
-#: src/strings.ts:762
+#: src/strings.ts:2923
+msgid "Organization"
+msgstr ""
+
+#: src/strings.ts:760
+#: src/strings.ts:764
 msgid "Orphaned"
 msgstr ""
 
-#: src/strings.ts:2176
+#: src/strings.ts:2180
 msgid "Other"
 msgstr ""
 
-#: src/strings.ts:2377
+#: src/strings.ts:2381
 msgid "Outline list"
 msgstr ""
 
-#: src/strings.ts:2380
+#: src/strings.ts:2584
+msgid "Outlines, note linking, and more"
+msgstr ""
+
+#: src/strings.ts:2384
 msgid "Paragraph"
 msgstr ""
 
-#: src/strings.ts:2523
+#: src/strings.ts:2527
 msgid "Paragraphs"
 msgstr ""
 
-#: src/strings.ts:2132
+#: src/strings.ts:2136
 msgid "Partial backups contain all your data except attachments. They are created from data already available on your device and do not require an Internet connection."
 msgstr ""
 
@@ -4929,262 +5110,270 @@ msgstr ""
 msgid "Partially refunded"
 msgstr ""
 
-#: src/strings.ts:2434
+#: src/strings.ts:2438
 msgid "Passed"
 msgstr ""
 
-#: src/strings.ts:897
+#: src/strings.ts:899
 msgid "Password"
 msgstr ""
 
-#: src/strings.ts:771
+#: src/strings.ts:773
 msgid "Password change failed"
 msgstr ""
 
-#: src/strings.ts:770
+#: src/strings.ts:772
 msgid "Password changed successfully"
 msgstr ""
 
-#: src/strings.ts:808
+#: src/strings.ts:810
 msgid "Password does not match"
 msgstr ""
 
-#: src/strings.ts:783
+#: src/strings.ts:785
 msgid "Password incorrect"
 msgstr ""
 
-#: src/strings.ts:807
+#: src/strings.ts:809
 msgid "Password not entered"
 msgstr ""
 
-#: src/strings.ts:266
+#: src/strings.ts:265
 msgid "Password protection"
 msgstr ""
 
-#: src/strings.ts:2747
+#: src/strings.ts:2767
 msgid "Password required"
 msgstr ""
 
-#: src/strings.ts:809
+#: src/strings.ts:811
 msgid "Password updated"
 msgstr ""
 
-#: src/strings.ts:2112
+#: src/strings.ts:2116
 msgid "Password/pin"
 msgstr ""
 
-#: src/strings.ts:2280
+#: src/strings.ts:2284
 msgid "Paste"
 msgstr ""
 
-#: src/strings.ts:2281
+#: src/strings.ts:2285
 msgid "Paste and match style"
 msgstr ""
 
-#: src/strings.ts:2402
+#: src/strings.ts:2406
 msgid "Paste embed code here. Only iframes are supported."
 msgstr ""
 
-#: src/strings.ts:2417
+#: src/strings.ts:2421
 msgid "Paste image URL here"
 msgstr ""
 
-#: src/strings.ts:2282
+#: src/strings.ts:2286
 msgid "Paste without formatting"
 msgstr ""
 
-#: src/strings.ts:2593
+#: src/strings.ts:1110
+msgid "Pause sync"
+msgstr ""
+
+#: src/strings.ts:2607
 msgid "Pay once and use for 5 years"
 msgstr ""
 
-#: src/strings.ts:2230
-msgid "Payment method"
-msgstr "<<<<<<< HEAD"
+#: src/strings.ts:2799
+msgid "Payload data"
+msgstr ""
 
-#: src/strings.ts:2841
+#: src/strings.ts:2234
+msgid "Payment method"
+msgstr "<<<<<<< HEAD<<<<<<< HEAD"
+
+#: src/strings.ts:2866
 msgid "Payment summary"
 msgstr ""
 
-#: src/strings.ts:788
+#: src/strings.ts:790
 msgid "PDF is password protected"
 msgstr ""
 
-#: src/strings.ts:2809
+#: src/strings.ts:2834
 msgid "Permission required to save QR-Code to Gallery"
 msgstr ""
 
-#: src/strings.ts:1750
+#: src/strings.ts:1754
 msgid "phone number"
 msgstr ""
 
-#: src/strings.ts:1869
+#: src/strings.ts:1873
 msgid "Phone number"
 msgstr ""
 
-#: src/strings.ts:1023
+#: src/strings.ts:1025
 msgid "Phone number not entered"
 msgstr ""
 
-#: src/strings.ts:914
+#: src/strings.ts:916
 msgid "Pin"
 msgstr ""
 
-#: src/strings.ts:1711
+#: src/strings.ts:1715
 msgid "Pin notes in notifications drawer"
 msgstr ""
 
-#: src/strings.ts:944
+#: src/strings.ts:946
 msgid "Pin notification"
 msgstr ""
 
-#: src/strings.ts:523
+#: src/strings.ts:525
 msgid "Pinned"
 msgstr ""
 
-#: src/strings.ts:2614
+#: src/strings.ts:2628
 msgid "Plan limits"
 msgstr ""
 
-#: src/strings.ts:2574
+#: src/strings.ts:2588
 msgid "Plans"
 msgstr ""
 
-#: src/strings.ts:1018
+#: src/strings.ts:1020
 msgid "Please confirm your identity by entering a recovery code."
 msgstr ""
 
-#: src/strings.ts:997
-#: src/strings.ts:2264
+#: src/strings.ts:999
+#: src/strings.ts:2268
 msgid "Please confirm your identity by entering the authentication code from your authenticator app."
 msgstr ""
 
 #. placeholder {0}: phoneNumber ? phoneNumber : "your registered phone number."
-#: src/strings.ts:1012
+#: src/strings.ts:1014
 msgid "Please confirm your identity by entering the authentication code sent to {0}."
 msgstr ""
 
-#: src/strings.ts:1005
+#: src/strings.ts:1007
 msgid "Please confirm your identity by entering the authentication code sent to your email address."
 msgstr ""
 
-#: src/strings.ts:1930
+#: src/strings.ts:1934
 msgid "Please download a backup of your data as your account will be cleared before recovery."
 msgstr ""
 
-#: src/strings.ts:2028
+#: src/strings.ts:2032
 msgid "Please enable automatic backups to avoid losing important data."
 msgstr ""
 
-#: src/strings.ts:2693
+#: src/strings.ts:2710
 msgid "Please enter a key name"
 msgstr ""
 
-#: src/strings.ts:1533
-#: src/strings.ts:2749
+#: src/strings.ts:1537
+#: src/strings.ts:2769
 msgid "Please enter a valid email address"
 msgstr ""
 
-#: src/strings.ts:1975
+#: src/strings.ts:1979
 msgid "Please enter a valid hex color (e.g. #ffffff)"
 msgstr ""
 
-#: src/strings.ts:1534
+#: src/strings.ts:1538
 msgid "Please enter a valid phone number with country code"
 msgstr ""
 
-#: src/strings.ts:1656
+#: src/strings.ts:1660
 msgid "Please enter a valid URL"
 msgstr ""
 
-#: src/strings.ts:1641
+#: src/strings.ts:1645
 msgid "Please enter password of this backup file"
 msgstr ""
 
-#: src/strings.ts:2275
+#: src/strings.ts:2279
 msgid "Please enter the password to decrypt and restore this backup."
 msgstr ""
 
-#: src/strings.ts:790
+#: src/strings.ts:792
 msgid "Please enter the password to unlock the PDF and view the content."
 msgstr ""
 
-#: src/strings.ts:1886
+#: src/strings.ts:1890
 msgid "Please enter the password to unlock this note"
 msgstr ""
 
-#: src/strings.ts:1883
+#: src/strings.ts:1887
 msgid "Please enter the password to view this version"
 msgstr ""
 
-#: src/strings.ts:2713
+#: src/strings.ts:2731
 msgid "Please enter your account password to view this API key."
 msgstr ""
 
-#: src/strings.ts:1037
+#: src/strings.ts:1039
 msgid "Please enter your app lock password to continue"
 msgstr ""
 
-#: src/strings.ts:1039
+#: src/strings.ts:1041
 msgid "Please enter your app lock pin to continue"
 msgstr ""
 
-#: src/strings.ts:1033
+#: src/strings.ts:1035
 msgid "Please enter your password to continue"
 msgstr ""
 
-#: src/strings.ts:1954
+#: src/strings.ts:1958
 msgid "Please enter your vault password to continue"
 msgstr ""
 
-#: src/strings.ts:768
+#: src/strings.ts:770
 msgid "Please fill all the fields to continue."
 msgstr ""
 
-#: src/strings.ts:1577
+#: src/strings.ts:1581
 msgid "Please grant notifications permission to add new reminders."
 msgstr ""
 
-#: src/strings.ts:2764
+#: src/strings.ts:2784
 msgid "Please login to download attachments."
 msgstr ""
 
-#: src/strings.ts:887
+#: src/strings.ts:889
 msgid "Please make sure you have saved the recovery key. Tap one more time to confirm."
 msgstr ""
 
 #: src/strings.ts:228
 msgid "Please note that we will respond to your issue on the given link. We recommend that you save it."
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2869
+#: src/strings.ts:2894
 msgid "Please provide a valid multi factor authentication code."
 msgstr ""
 
-#: src/strings.ts:2867
+#: src/strings.ts:2892
 msgid "Please provide a valid multi factor authentication recovery code."
 msgstr ""
 
-#: src/strings.ts:1786
+#: src/strings.ts:1790
 msgid "Please refer to the"
 msgstr ""
 
-#: src/strings.ts:1578
+#: src/strings.ts:1582
 msgid "Please select the day to repeat the reminder on"
 msgstr ""
 
-#: src/strings.ts:1412
+#: src/strings.ts:1416
 msgid "please send us an email from your registered email address"
 msgstr ""
 
-#: src/strings.ts:2423
+#: src/strings.ts:2427
 msgid "Please set a table size"
 msgstr ""
 
-#: src/strings.ts:1579
+#: src/strings.ts:1583
 msgid "Please set title of the reminder"
 msgstr ""
 
-#: src/strings.ts:2008
+#: src/strings.ts:2012
 msgid "Please try again"
 msgstr ""
 
@@ -5192,20 +5381,20 @@ msgstr ""
 msgid "Please verify it's you"
 msgstr ""
 
-#: src/strings.ts:262
+#: src/strings.ts:261
 msgid "Please wait"
 msgstr ""
 
-#: src/strings.ts:1022
+#: src/strings.ts:1024
 msgid "Please wait before requesting a new code"
 msgstr ""
 
-#: src/strings.ts:1415
-#: src/strings.ts:1572
+#: src/strings.ts:1419
+#: src/strings.ts:1576
 msgid "Please wait before requesting another email"
 msgstr ""
 
-#: src/strings.ts:958
+#: src/strings.ts:960
 msgid "Please wait while we encrypt {name} for upload."
 msgstr ""
 
@@ -5217,76 +5406,80 @@ msgstr ""
 msgid "Please wait while we export your notes."
 msgstr ""
 
-#: src/strings.ts:1915
+#: src/strings.ts:1919
 msgid "Please wait while we finalize your account."
 msgstr ""
 
-#: src/strings.ts:1081
+#: src/strings.ts:1083
 msgid "Please wait while we load your subscription"
 msgstr ""
 
-#: src/strings.ts:404
+#: src/strings.ts:407
 msgid "Please wait while we log you out."
 msgstr ""
 
-#: src/strings.ts:1936
+#: src/strings.ts:1940
 msgid "Please wait while we reset your account password."
 msgstr ""
 
-#: src/strings.ts:1634
+#: src/strings.ts:1638
 msgid "Please wait while we restore your backup..."
 msgstr ""
 
-#: src/strings.ts:1918
+#: src/strings.ts:1922
 msgid "Please wait while we send you recovery instructions"
 msgstr ""
 
-#: src/strings.ts:260
+#: src/strings.ts:259
 msgid "Please wait while we sync all your data."
 msgstr ""
 
-#: src/strings.ts:1087
+#: src/strings.ts:1089
 msgid "Please wait while we verify your subscription"
 msgstr ""
 
-#: src/strings.ts:1804
-#: src/strings.ts:1911
+#: src/strings.ts:1808
+#: src/strings.ts:1915
 msgid "Please wait while you are authenticated."
 msgstr ""
 
-#: src/strings.ts:1923
+#: src/strings.ts:1927
 msgid "Please wait while your data is downloaded & decrypted."
 msgstr ""
 
-#: src/strings.ts:919
+#: src/strings.ts:2944
+msgid "Preparing logs.."
+msgstr ""
+
+#: src/strings.ts:921
 msgid "Preparing note for share"
 msgstr ""
 
-#: src/strings.ts:1636
+#: src/strings.ts:1640
 msgid "Preparing to restore backup file..."
 msgstr ""
 
-#: src/strings.ts:428
+#: src/strings.ts:431
 msgid "PRESETS"
 msgstr ""
 
-#: src/strings.ts:2150
+#: src/strings.ts:2154
 msgid "Pressing \"—\" will hide the app in your system tray."
 msgstr ""
 
-#: src/strings.ts:2153
+#: src/strings.ts:2157
 msgid "Pressing \"X\" will hide the app in your system tray."
 msgstr ""
 
-#: src/strings.ts:2201
+#: src/strings.ts:2205
 msgid "Prevent note title from appearing in tab/window title."
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2821
+#: src/strings.ts:2846
 msgid "Prevent the screen from turning off while the editor is focused."
 msgstr ""
 
-#: src/strings.ts:2344
+#: src/strings.ts:2348
 msgid "Preview attachment"
 msgstr ""
 
@@ -5294,43 +5487,43 @@ msgstr ""
 msgid "Preview not available, content is encrypted."
 msgstr ""
 
-#: src/strings.ts:2411
+#: src/strings.ts:2415
 msgid "Previous match"
 msgstr ""
 
-#: src/strings.ts:2476
+#: src/strings.ts:2480
 msgid "Previous tab"
 msgstr ""
 
-#: src/strings.ts:2055
+#: src/strings.ts:2059
 msgid "Print"
 msgstr ""
 
-#: src/strings.ts:2175
+#: src/strings.ts:2179
 msgid "Privacy"
 msgstr ""
 
-#: src/strings.ts:1177
+#: src/strings.ts:1181
 msgid "Privacy & security"
 msgstr ""
 
-#: src/strings.ts:1676
+#: src/strings.ts:1680
 msgid "Privacy comes first."
 msgstr ""
 
-#: src/strings.ts:838
+#: src/strings.ts:840
 msgid "Privacy for everyone"
 msgstr ""
 
-#: src/strings.ts:1196
+#: src/strings.ts:1200
 msgid "Privacy mode"
 msgstr ""
 
-#: src/strings.ts:1301
+#: src/strings.ts:1305
 msgid "Privacy policy"
 msgstr ""
 
-#: src/strings.ts:2611
+#: src/strings.ts:2625
 msgid "Privacy Policy."
 msgstr ""
 
@@ -5342,195 +5535,207 @@ msgstr ""
 msgid "private analytics and bug reports."
 msgstr ""
 
-#: src/strings.ts:2746
+#: src/strings.ts:2766
 msgid "Private key is passphrase-protected. Please provide the decrypted key or a key without a passphrase."
 msgstr ""
 
-#: src/strings.ts:2766
+#: src/strings.ts:2786
 msgid "Private key required"
 msgstr ""
 
-#: src/strings.ts:2732
+#: src/strings.ts:2752
 msgid "Private key:"
 msgstr ""
 
-#: src/strings.ts:829
+#: src/strings.ts:831
 msgid "Private."
 msgstr ""
 
-#: src/strings.ts:1742
+#: src/strings.ts:1746
 msgid "Pro"
 msgstr ""
 
-#: src/strings.ts:2501
+#: src/strings.ts:2505
 msgid "Pro plan"
 msgstr ""
 
-#: src/strings.ts:2068
+#: src/strings.ts:2072
 msgid "Processing {collection}..."
 msgstr ""
 
-#: src/strings.ts:2067
+#: src/strings.ts:2071
 msgid "Processing..."
 msgstr ""
 
-#: src/strings.ts:1256
+#: src/strings.ts:1260
 msgid "Productivity"
 msgstr ""
 
-#: src/strings.ts:2164
+#: src/strings.ts:2168
 msgid "Profile"
 msgstr ""
 
-#: src/strings.ts:1976
+#: src/strings.ts:1980
 msgid "Profile updated"
 msgstr ""
 
-#: src/strings.ts:1887
+#: src/strings.ts:1891
 msgid "Properties"
 msgstr ""
 
-#: src/strings.ts:401
+#: src/strings.ts:2794
+msgid "Protect incoming messages so only you can read them"
+msgstr ""
+
+#: src/strings.ts:2582
+msgid "Protect notes with app-level security"
+msgstr ""
+
+#: src/strings.ts:404
 msgid "Protect your notes"
 msgstr ""
 
-#: src/strings.ts:2770
+#: src/strings.ts:2791
 msgid "Provide your own keys"
 msgstr ""
 
-#: src/strings.ts:2212
+#: src/strings.ts:2216
 msgid "Proxy"
 msgstr ""
 
-#: src/strings.ts:2765
+#: src/strings.ts:2785
 msgid "Public key required"
 msgstr ""
 
-#: src/strings.ts:2731
+#: src/strings.ts:2751
 msgid "Public key:"
 msgstr ""
 
-#: src/strings.ts:486
+#: src/strings.ts:488
 msgid "Publish"
 msgstr ""
 
-#: src/strings.ts:487
+#: src/strings.ts:489
 msgid "Publish note"
 msgstr ""
 
-#: src/strings.ts:2648
+#: src/strings.ts:2664
 msgid "Publish to the web"
 msgstr ""
 
-#: src/strings.ts:489
+#: src/strings.ts:491
 msgid "Publish your note to share it with others. You can set a password to protect it."
 msgstr ""
 
-#: src/strings.ts:942
+#: src/strings.ts:944
 msgid "Published"
 msgstr ""
 
-#: src/strings.ts:263
+#: src/strings.ts:262
 msgid "Published at"
 msgstr ""
 
-#: src/strings.ts:268
+#: src/strings.ts:267
 msgid "Published note can only be viewed by someone with the password."
 msgstr ""
 
-#: src/strings.ts:271
+#: src/strings.ts:270
 msgid "Published note link will be automatically deleted once it is viewed by someone."
 msgstr ""
 
-#: src/strings.ts:2602
+#: src/strings.ts:2616
 msgid "Purchase"
 msgstr ""
 
-#: src/strings.ts:1387
+#: src/strings.ts:1391
 msgid "Quick note"
 msgstr ""
 
-#: src/strings.ts:1257
+#: src/strings.ts:1261
 msgid "Quick note notification"
 msgstr ""
 
-#: src/strings.ts:1713
+#: src/strings.ts:1717
 msgid "Quick note widgets"
 msgstr ""
 
-#: src/strings.ts:2472
+#: src/strings.ts:2476
 msgid "Quick open"
 msgstr ""
 
-#: src/strings.ts:1259
+#: src/strings.ts:1263
 msgid "Quickly create a note from the notification"
 msgstr ""
 
-#: src/strings.ts:2364
+#: src/strings.ts:2368
 msgid "Quote"
 msgstr ""
 
-#: src/strings.ts:1373
+#: src/strings.ts:1377
 msgid "Rate Notesnook on App Store"
 msgstr ""
 
-#: src/strings.ts:1374
+#: src/strings.ts:1378
 msgid "Rate Notesnook on Play Store"
 msgstr ""
 
-#: src/strings.ts:589
+#: src/strings.ts:591
 msgid "Rate now (It takes only a second)"
 msgstr ""
 
-#: src/strings.ts:386
-msgid "Read full release notes on Github"
+#: src/strings.ts:387
+msgid "Read full release notes on "
 msgstr ""
 
-#: src/strings.ts:928
+#: src/strings.ts:930
 msgid "Read only"
 msgstr ""
 
-#: src/strings.ts:1281
+#: src/strings.ts:1285
 msgid "Read the documentation to learn more about Notesnook"
 msgstr ""
 
-#: src/strings.ts:1302
+#: src/strings.ts:1306
 msgid "Read the privacy policy"
 msgstr ""
 
-#: src/strings.ts:1300
+#: src/strings.ts:1304
 msgid "Read the terms of service"
 msgstr ""
 
-#: src/strings.ts:1637
+#: src/strings.ts:1641
 msgid "Reading backup file..."
 msgstr ""
 
-#: src/strings.ts:2576
+#: src/strings.ts:2590
 msgid "Ready to take the next step on your private note taking journey?"
 msgstr ""
 
-#: src/strings.ts:2254
+#: src/strings.ts:1108
+msgid "Real-time sync"
+msgstr ""
+
+#: src/strings.ts:2258
 msgid "Receipt"
 msgstr ""
 
-#: src/strings.ts:1632
-msgid "RECENT BACKUPS"
+#: src/strings.ts:1636
+msgid "Recent backups"
 msgstr ""
 
-#: src/strings.ts:2487
+#: src/strings.ts:2491
 msgid "Recents"
 msgstr ""
 
-#: src/strings.ts:2430
+#: src/strings.ts:2434
 msgid "Recheck all"
 msgstr ""
 
-#: src/strings.ts:2022
+#: src/strings.ts:2026
 msgid "Rechecking failed"
 msgstr ""
 
-#: src/strings.ts:2455
+#: src/strings.ts:2459
 msgid "Recipes"
 msgstr ""
 
@@ -5538,23 +5743,23 @@ msgstr ""
 msgid "Recommended"
 msgstr ""
 
-#: src/strings.ts:2578
+#: src/strings.ts:2592
 msgid "Recommended by Privacy Guides"
 msgstr ""
 
-#: src/strings.ts:435
+#: src/strings.ts:438
 msgid "Recover your account"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2865
+#: src/strings.ts:2890
 msgid "Recovery code"
 msgstr ""
 
-#: src/strings.ts:1021
+#: src/strings.ts:1023
 msgid "Recovery codes copied!"
 msgstr ""
 
-#: src/strings.ts:1026
+#: src/strings.ts:1028
 msgid "Recovery codes saved!"
 msgstr ""
 
@@ -5566,229 +5771,234 @@ msgstr ""
 msgid "Recovery email sent!"
 msgstr ""
 
-#: src/strings.ts:890
+#: src/strings.ts:892
 msgid "Recovery key copied"
 msgstr ""
 
-#: src/strings.ts:888
+#: src/strings.ts:1068
+msgid "Recovery key helps you recover your data if you forget your password."
+msgstr ""
+
+#: src/strings.ts:890
 msgid "Recovery key QR code saved"
 msgstr ""
 
-#: src/strings.ts:889
+#: src/strings.ts:891
 msgid "Recovery key text file saved"
 msgstr ""
 
-#: src/strings.ts:1937
+#: src/strings.ts:1941
 msgid "Recovery successful!"
 msgstr ""
 
-#: src/strings.ts:2467
+#: src/strings.ts:2471
 msgid "Redeem"
 msgstr ""
 
-#: src/strings.ts:2631
+#: src/strings.ts:2647
 msgid "Redeem code"
 msgstr ""
 
-#: src/strings.ts:2464
+#: src/strings.ts:2468
 msgid "Redeem gift code"
 msgstr ""
 
-#: src/strings.ts:2466
+#: src/strings.ts:2470
 msgid "Redeeming gift code"
 msgstr ""
 
-#: src/strings.ts:521
+#: src/strings.ts:523
 msgid "Redo"
 msgstr ""
 
-#: src/strings.ts:372
+#: src/strings.ts:371
 msgid "Referenced in"
 msgstr ""
 
-#: src/strings.ts:951
+#: src/strings.ts:953
 msgid "References"
 msgstr ""
 
-#: src/strings.ts:520
+#: src/strings.ts:522
 msgid "Regenerate"
 msgstr ""
 
-#: src/strings.ts:2118
+#: src/strings.ts:2122
 msgid "Register"
 msgstr ""
 
-#: src/strings.ts:432
+#: src/strings.ts:435
 msgid "Release notes"
 msgstr ""
 
-#: src/strings.ts:2489
+#: src/strings.ts:2493
 msgid "Release track"
 msgstr ""
 
-#: src/strings.ts:657
+#: src/strings.ts:659
 msgid "Relevance"
 msgstr ""
 
-#: src/strings.ts:1691
+#: src/strings.ts:1695
 msgid "Reload app"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:1849
+#: src/strings.ts:1853
 msgid "Relogin to your account"
 msgstr ""
 
-#: src/strings.ts:1817
+#: src/strings.ts:1821
 msgid "Remembered your password?"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2847
+#: src/strings.ts:2872
+#: src/strings.ts:2897
 msgid "Remind before your trial ends"
 msgstr ""
 
-#: src/strings.ts:941
+#: src/strings.ts:943
 msgid "Remind me"
 msgstr ""
 
-#: src/strings.ts:371
+#: src/strings.ts:370
 msgid "Remind me in"
 msgstr ""
 
-#: src/strings.ts:1524
+#: src/strings.ts:1528
 msgid "Remind me of..."
 msgstr ""
 
-#: src/strings.ts:288
+#: src/strings.ts:287
 msgid "reminder"
 msgstr ""
 
-#: src/strings.ts:298
+#: src/strings.ts:297
 msgid "Reminder"
 msgstr ""
 
-#: src/strings.ts:1262
+#: src/strings.ts:1266
 msgid "Reminder notifications"
 msgstr ""
 
-#: src/strings.ts:1580
+#: src/strings.ts:1584
 msgid "Reminder time cannot be earlier than the current time."
 msgstr ""
 
-#: src/strings.ts:308
+#: src/strings.ts:307
 msgid "reminders"
 msgstr ""
 
-#: src/strings.ts:318
-#: src/strings.ts:1260
-#: src/strings.ts:1543
+#: src/strings.ts:317
+#: src/strings.ts:1264
+#: src/strings.ts:1547
 msgid "Reminders"
 msgstr ""
 
-#: src/strings.ts:1395
+#: src/strings.ts:1399
 msgid "Reminders cannot be set because notifications have been disabled from app settings. If you want to keep receiving reminder notifications, enable notifications for Notesnook from app settings."
 msgstr ""
 
-#: src/strings.ts:1974
+#: src/strings.ts:1978
 msgid "Reminders will not be active on this device as it does not support notifications."
 msgstr ""
 
-#: src/strings.ts:782
+#: src/strings.ts:784
 msgid "Remove"
 msgstr ""
 
-#: src/strings.ts:1191
+#: src/strings.ts:1195
 msgid "Remove all notes from the vault."
 msgstr ""
 
-#: src/strings.ts:1218
+#: src/strings.ts:1222
 msgid "Remove app lock password"
 msgstr ""
 
-#: src/strings.ts:1222
+#: src/strings.ts:1226
 msgid "Remove app lock password, app lock will be disabled if no other security method is enabled."
 msgstr ""
 
-#: src/strings.ts:1217
+#: src/strings.ts:1221
 msgid "Remove app lock pin"
 msgstr ""
 
-#: src/strings.ts:1220
+#: src/strings.ts:1224
 msgid "Remove app lock pin, app lock will be disabled if no other security method is enabled."
 msgstr ""
 
-#: src/strings.ts:910
+#: src/strings.ts:912
 msgid "Remove as default"
 msgstr ""
 
-#: src/strings.ts:2348
+#: src/strings.ts:2352
 msgid "Remove attachment"
 msgstr ""
 
-#: src/strings.ts:947
+#: src/strings.ts:949
 msgid "Remove from all"
 msgstr ""
 
-#: src/strings.ts:920
+#: src/strings.ts:922
 msgid "Remove from notebook"
 msgstr ""
 
-#: src/strings.ts:2488
+#: src/strings.ts:2492
 msgid "Remove from recents"
 msgstr ""
 
-#: src/strings.ts:1060
+#: src/strings.ts:1062
 msgid "Remove full name"
 msgstr ""
 
-#: src/strings.ts:2295
+#: src/strings.ts:2299
 msgid "Remove link"
 msgstr ""
 
-#: src/strings.ts:1056
+#: src/strings.ts:1058
 msgid "Remove profile picture"
 msgstr ""
 
-#: src/strings.ts:1063
+#: src/strings.ts:1065
 msgid "Remove your full name from profile"
 msgstr ""
 
-#: src/strings.ts:1057
+#: src/strings.ts:1059
 msgid "Remove your profile picture"
 msgstr ""
 
-#: src/strings.ts:546
+#: src/strings.ts:548
 msgid "Rename"
 msgstr ""
 
-#: src/strings.ts:751
+#: src/strings.ts:753
 msgid "Rename file"
 msgstr ""
 
-#: src/strings.ts:905
+#: src/strings.ts:907
 msgid "Reorder"
 msgstr ""
 
-#: src/strings.ts:335
+#: src/strings.ts:334
 msgid "Repeats daily at {date}"
 msgstr ""
 
-#: src/strings.ts:2408
+#: src/strings.ts:2412
 msgid "Replace"
 msgstr ""
 
-#: src/strings.ts:2409
+#: src/strings.ts:2413
 msgid "Replace all"
 msgstr ""
 
-#: src/strings.ts:2195
+#: src/strings.ts:2199
 msgid "Report"
 msgstr ""
 
-#: src/strings.ts:1273
+#: src/strings.ts:1277
 msgid "Report an issue"
 msgstr ""
 
-#: src/strings.ts:472
+#: src/strings.ts:475
 msgid "Report issue"
 msgstr ""
 
@@ -5797,296 +6007,304 @@ msgid "Resend code in ({seconds})"
 msgstr ""
 
 #. placeholder {0}: seconds ? ` in ${seconds}` : ""
-#: src/strings.ts:677
+#: src/strings.ts:679
 msgid "Resend code{0}"
 msgstr ""
 
-#: src/strings.ts:1418
+#: src/strings.ts:1422
 msgid "Resend email"
 msgstr ""
 
-#: src/strings.ts:1841
+#: src/strings.ts:1845
 msgid "Reset"
 msgstr ""
 
-#: src/strings.ts:1933
+#: src/strings.ts:1937
 msgid "Reset account password"
 msgstr ""
 
-#: src/strings.ts:2515
+#: src/strings.ts:2519
 msgid "Reset homepage"
 msgstr ""
 
-#: src/strings.ts:1842
+#: src/strings.ts:1846
 msgid "Reset selection"
 msgstr ""
 
-#: src/strings.ts:1669
+#: src/strings.ts:1673
 msgid "Reset server urls"
 msgstr ""
 
-#: src/strings.ts:2051
+#: src/strings.ts:2055
 msgid "Reset sidebar"
 msgstr ""
 
-#: src/strings.ts:1163
+#: src/strings.ts:1167
 msgid "Reset the toolbar to default settings"
 msgstr ""
 
-#: src/strings.ts:1162
+#: src/strings.ts:1166
 msgid "Reset toolbar"
 msgstr ""
 
-#: src/strings.ts:1935
+#: src/strings.ts:1939
 msgid "Resetting account password ({progress})"
 msgstr ""
 
-#: src/strings.ts:2010
+#: src/strings.ts:2014
 msgid "Restart now"
 msgstr ""
 
-#: src/strings.ts:1668
+#: src/strings.ts:1672
 msgid "Restart the app for changes to take effect."
 msgstr ""
 
-#: src/strings.ts:1334
+#: src/strings.ts:1338
 msgid "Restart the app to apply the changes"
 msgstr ""
 
-#: src/strings.ts:1614
+#: src/strings.ts:1618
 msgid "Restart the app."
 msgstr ""
 
-#: src/strings.ts:568
+#: src/strings.ts:570
 msgid "Restore"
 msgstr ""
 
-#: src/strings.ts:1251
+#: src/strings.ts:2939
+msgid "Restore actions"
+msgstr ""
+
+#: src/strings.ts:1255
 msgid "Restore backup"
 msgstr ""
 
-#: src/strings.ts:2437
+#: src/strings.ts:2441
 msgid "Restore backup?"
 msgstr ""
 
-#: src/strings.ts:904
+#: src/strings.ts:906
 msgid "Restore failed"
 msgstr ""
 
-#: src/strings.ts:1631
+#: src/strings.ts:1635
 msgid "Restore from files"
 msgstr ""
 
-#: src/strings.ts:1681
+#: src/strings.ts:1685
 msgid "Restore this version"
 msgstr ""
 
-#: src/strings.ts:1252
+#: src/strings.ts:1256
 msgid "Restore your data from a backup"
 msgstr ""
 
-#: src/strings.ts:863
+#: src/strings.ts:865
 msgid "Restored successfully"
 msgstr ""
 
-#: src/strings.ts:376
+#: src/strings.ts:375
 msgid "Restoring"
 msgstr ""
 
-#: src/strings.ts:377
+#: src/strings.ts:376
 msgid "Restoring {collection}..."
 msgstr ""
 
-#: src/strings.ts:1633
+#: src/strings.ts:1637
 msgid "Restoring backup..."
 msgstr ""
 
-#: src/strings.ts:686
+#: src/strings.ts:688
 msgid "Resubscribe from Playstore"
 msgstr ""
 
-#: src/strings.ts:687
+#: src/strings.ts:689
 msgid "Resubscribe to Pro"
 msgstr ""
 
-#: src/strings.ts:2704
+#: src/strings.ts:2722
 msgid "Retry"
 msgstr ""
 
-#: src/strings.ts:513
+#: src/strings.ts:515
 msgid "Reupload"
 msgstr ""
 
-#: src/strings.ts:2041
+#: src/strings.ts:2045
 msgid "Reveal in list"
 msgstr ""
 
+#: src/strings.ts:2630
+msgid "Review your current limits and unlock more with premium"
+msgstr ""
+
 #: src/strings.ts:152
 msgid "Revoke"
 msgstr ""
 
-#: src/strings.ts:1195
+#: src/strings.ts:1199
 msgid "Revoke biometric unlocking"
 msgstr ""
 
-#: src/strings.ts:2718
+#: src/strings.ts:2736
 msgid "Revoke Inbox API Key - {name}"
 msgstr ""
 
-#: src/strings.ts:450
+#: src/strings.ts:453
 msgid "Revoke vault fingerprint unlock"
 msgstr ""
 
-#: src/strings.ts:1309
+#: src/strings.ts:1313
 msgid "Roadmap"
 msgstr ""
 
-#: src/strings.ts:2069
+#: src/strings.ts:2073
 msgid "Root"
 msgstr ""
 
-#: src/strings.ts:2048
+#: src/strings.ts:2052
 msgid "Rotate left"
 msgstr ""
 
-#: src/strings.ts:2049
+#: src/strings.ts:2053
 msgid "Rotate right"
 msgstr ""
 
-#: src/strings.ts:2318
+#: src/strings.ts:2322
 msgid "Row properties"
 msgstr ""
 
-#: src/strings.ts:545
+#: src/strings.ts:547
 msgid "Run file check"
 msgstr ""
 
-#: src/strings.ts:2090
+#: src/strings.ts:2094
 msgid "Safe & encrypted notes"
 msgstr ""
 
-#: src/strings.ts:628
+#: src/strings.ts:630
 msgid "Sat"
 msgstr ""
 
-#: src/strings.ts:619
+#: src/strings.ts:621
 msgid "Saturday"
 msgstr ""
 
-#: src/strings.ts:574
+#: src/strings.ts:576
 msgid "Save"
 msgstr ""
 
-#: src/strings.ts:477
+#: src/strings.ts:479
 msgid "Save a backup of your notes"
 msgstr ""
 
-#: src/strings.ts:564
+#: src/strings.ts:566
 msgid "Save a copy"
 msgstr ""
 
-#: src/strings.ts:490
+#: src/strings.ts:492
 msgid "Save account recovery key"
 msgstr ""
 
-#: src/strings.ts:583
+#: src/strings.ts:585
 msgid "Save and continue"
 msgstr ""
 
-#: src/strings.ts:1064
+#: src/strings.ts:1066
 msgid "Save data recovery key"
 msgstr ""
 
-#: src/strings.ts:969
+#: src/strings.ts:971
 msgid "Save failed. Vault is locked"
 msgstr ""
 
-#: src/strings.ts:592
+#: src/strings.ts:594
 msgid "Save QR code to gallery"
 msgstr ""
 
-#: src/strings.ts:497
+#: src/strings.ts:499
 msgid "Save recovery codes"
 msgstr ""
 
-#: src/strings.ts:680
+#: src/strings.ts:682
 msgid "Save to file"
 msgstr ""
 
-#: src/strings.ts:593
+#: src/strings.ts:595
 msgid "Save to text file"
 msgstr ""
 
-#: src/strings.ts:1376
+#: src/strings.ts:1380
 msgid "Save your account recovery key"
 msgstr ""
 
-#: src/strings.ts:492
+#: src/strings.ts:494
 msgid "Save your account recovery key in a safe place. You will need it to recover your account in case you forget your password."
 msgstr ""
 
-#: src/strings.ts:1066
-msgid "Save your data recovery key in a safe place. You will need it to recover your data in case you forget your password."
-msgstr ""
-
-#: src/strings.ts:499
+#: src/strings.ts:501
 msgid "Save your recovery codes in a safe place. You will need them to recover your account in case you lose access to your two-factor authentication methods."
 msgstr ""
 
-#: src/strings.ts:2427
+#: src/strings.ts:2431
 msgid "Saved"
 msgstr ""
 
-#: src/strings.ts:2428
+#: src/strings.ts:2432
 msgid "Saving"
 msgstr ""
 
-#: src/strings.ts:1609
+#: src/strings.ts:2948
+msgid "Saving logs to your storage..."
+msgstr ""
+
+#: src/strings.ts:1613
 msgid "Saving this note is taking too long. Copy your changes and restart the app to prevent data loss. If the problem persists, please report it to us at support@streetwriters.co."
 msgstr ""
 
-#: src/strings.ts:796
+#: src/strings.ts:798
 msgid "Saving zip file ({progress}%). Please wait..."
 msgstr ""
 
-#: src/strings.ts:797
+#: src/strings.ts:799
 msgid "Saving zip file. Please wait..."
 msgstr ""
 
-#: src/strings.ts:1743
+#: src/strings.ts:1747
 msgid "Scan the QR code with your authenticator app"
 msgstr ""
 
-#: src/strings.ts:2453
+#: src/strings.ts:2457
 msgid "School work"
 msgstr ""
 
-#: src/strings.ts:2526
+#: src/strings.ts:2530
 msgid "Scroll to bottom"
 msgstr ""
 
-#: src/strings.ts:2525
+#: src/strings.ts:2529
 msgid "Scroll to top"
 msgstr ""
 
-#: src/strings.ts:1528
-#: src/strings.ts:1549
+#: src/strings.ts:1532
+#: src/strings.ts:1553
 msgid "Search"
 msgstr ""
 
-#: src/strings.ts:1523
+#: src/strings.ts:1527
 msgid "Search a note"
 msgstr ""
 
-#: src/strings.ts:1521
+#: src/strings.ts:1525
 msgid "Search a note to link to"
 msgstr ""
 
-#: src/strings.ts:2469
+#: src/strings.ts:2473
 msgid "Search for notes, notebooks, and tags..."
 msgstr ""
 
-#: src/strings.ts:1559
+#: src/strings.ts:1563
 msgid "Search in {routeName}"
 msgstr ""
 
@@ -6138,91 +6356,99 @@ msgstr ""
 msgid "Search in Trash"
 msgstr ""
 
-#: src/strings.ts:2390
+#: src/strings.ts:2394
 msgid "Search languages"
 msgstr ""
 
-#: src/strings.ts:1509
+#: src/strings.ts:1513
 msgid "Search notebooks"
 msgstr ""
 
-#: src/strings.ts:1522
+#: src/strings.ts:1526
 msgid "Search or add a tag"
 msgstr ""
 
-#: src/strings.ts:1855
+#: src/strings.ts:1859
 msgid "Search themes"
 msgstr ""
 
-#: src/strings.ts:1526
+#: src/strings.ts:1530
 msgid "Searching for {query}..."
 msgstr ""
 
-#: src/strings.ts:892
+#: src/strings.ts:894
 msgid "sec"
 msgstr ""
 
-#: src/strings.ts:2174
+#: src/strings.ts:2580
+msgid "Secure backup space for files and images."
+msgstr ""
+
+#: src/strings.ts:2938
+msgid "Security"
+msgstr ""
+
+#: src/strings.ts:2178
 msgid "Security & privacy"
 msgstr ""
 
-#: src/strings.ts:2114
+#: src/strings.ts:2118
 msgid "Security key"
 msgstr ""
 
-#: src/strings.ts:2009
+#: src/strings.ts:2013
 msgid "Security key successfully registered."
 msgstr ""
 
-#: src/strings.ts:1310
+#: src/strings.ts:1109
+msgid "See changes in editor instantly across devices."
+msgstr ""
+
+#: src/strings.ts:1314
 msgid "See what the future of Notesnook is going to be like."
 msgstr ""
 
-#: src/strings.ts:1350
+#: src/strings.ts:1354
 msgid "Select"
 msgstr ""
 
-#: src/strings.ts:1630
+#: src/strings.ts:1634
 msgid "Select a backup file from your device to restore backup"
 msgstr ""
 
-#: src/strings.ts:2520
+#: src/strings.ts:2524
 msgid "Select a notebook to move this notebook into, or unselect to move it to the root level."
 msgstr ""
 
-#: src/strings.ts:2129
+#: src/strings.ts:2133
 msgid "Select a theme"
 msgstr ""
 
-#: src/strings.ts:1242
-msgid "Select backup directory"
-msgstr ""
-
-#: src/strings.ts:1876
+#: src/strings.ts:1880
 msgid "Select backup file"
 msgstr ""
 
-#: src/strings.ts:640
+#: src/strings.ts:642
 msgid "Select backups folder"
 msgstr ""
 
-#: src/strings.ts:630
+#: src/strings.ts:632
 msgid "Select date"
 msgstr ""
 
-#: src/strings.ts:338
+#: src/strings.ts:337
 msgid "Select day of the week to repeat the reminder."
 msgstr ""
 
-#: src/strings.ts:1784
+#: src/strings.ts:1788
 msgid "Select files to import"
 msgstr ""
 
-#: src/strings.ts:1627
+#: src/strings.ts:1631
 msgid "Select folder where Notesnook backup files are stored to view and restore them from the app"
 msgstr ""
 
-#: src/strings.ts:1628
+#: src/strings.ts:1632
 msgid "Select folder with backup files"
 msgstr ""
 
@@ -6230,59 +6456,59 @@ msgstr ""
 msgid "Select how you would like to recieve the code"
 msgstr ""
 
-#: src/strings.ts:2385
+#: src/strings.ts:2389
 msgid "Select language"
 msgstr ""
 
-#: src/strings.ts:459
+#: src/strings.ts:462
 msgid "Select notebooks"
 msgstr ""
 
-#: src/strings.ts:460
+#: src/strings.ts:463
 msgid "Select notebooks you want to add note(s) to."
 msgstr ""
 
-#: src/strings.ts:2508
+#: src/strings.ts:2512
 msgid "Select notes to link to \"{title}\""
 msgstr ""
 
-#: src/strings.ts:342
+#: src/strings.ts:341
 msgid "Select nth day of the month to repeat the reminder."
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2832
+#: src/strings.ts:2857
 msgid "Select Plan"
 msgstr ""
 
-#: src/strings.ts:1838
+#: src/strings.ts:1842
 msgid "Select profile picture"
 msgstr ""
 
-#: src/strings.ts:2514
+#: src/strings.ts:2518
 msgid "Select the default sidebar tab"
 msgstr ""
 
-#: src/strings.ts:374
+#: src/strings.ts:373
 msgid "Select the folder that includes your backup files to list them here."
 msgstr ""
 
-#: src/strings.ts:2161
+#: src/strings.ts:2165
 msgid "Select the languages the spell checker should check in."
 msgstr ""
 
-#: src/strings.ts:2490
+#: src/strings.ts:2494
 msgid "Select the release track for Notesnook."
 msgstr ""
 
-#: src/strings.ts:237
+#: src/strings.ts:236
 msgid "SELECTED NOTE"
 msgstr ""
 
-#: src/strings.ts:269
+#: src/strings.ts:268
 msgid "Self destruct"
 msgstr ""
 
-#: src/strings.ts:2196
+#: src/strings.ts:2200
 msgid "Send"
 msgstr ""
 
@@ -6298,47 +6524,47 @@ msgstr ""
 msgid "Send code via SMS"
 msgstr ""
 
-#: src/strings.ts:1880
+#: src/strings.ts:1884
 msgid "Send recovery email"
 msgstr ""
 
-#: src/strings.ts:1916
+#: src/strings.ts:1920
 msgid "Sending recovery email"
 msgstr ""
 
-#: src/strings.ts:1667
+#: src/strings.ts:1671
 msgid "Server url changed"
 msgstr ""
 
-#: src/strings.ts:1670
+#: src/strings.ts:1674
 msgid "Server urls reset"
 msgstr ""
 
-#: src/strings.ts:1648
+#: src/strings.ts:1652
 msgid "Server used for login/sign up and authentication."
 msgstr ""
 
-#: src/strings.ts:1653
+#: src/strings.ts:1657
 msgid "Server used to host your published notes."
 msgstr ""
 
-#: src/strings.ts:1651
+#: src/strings.ts:1655
 msgid "Server used to receive important notifications & events."
 msgstr ""
 
-#: src/strings.ts:1646
+#: src/strings.ts:1650
 msgid "Server used to sync your notes & other data between devices."
 msgstr ""
 
-#: src/strings.ts:1659
+#: src/strings.ts:1663
 msgid "Server with host {host} not found."
 msgstr ""
 
-#: src/strings.ts:2169
+#: src/strings.ts:2173
 msgid "Servers"
 msgstr ""
 
-#: src/strings.ts:2170
+#: src/strings.ts:2174
 msgid "Servers configuration"
 msgstr ""
 
@@ -6346,85 +6572,85 @@ msgstr ""
 msgid "Session expired"
 msgstr ""
 
-#: src/strings.ts:2222
+#: src/strings.ts:2226
 msgid "Sessions"
 msgstr ""
 
-#: src/strings.ts:992
+#: src/strings.ts:994
 msgid "Set a reminder"
 msgstr ""
 
-#: src/strings.ts:728
+#: src/strings.ts:730
 msgid "Set as dark theme"
 msgstr ""
 
-#: src/strings.ts:911
+#: src/strings.ts:913
 msgid "Set as default"
 msgstr ""
 
-#: src/strings.ts:2512
+#: src/strings.ts:2516
 msgid "Set as homepage"
 msgstr ""
 
-#: src/strings.ts:729
+#: src/strings.ts:731
 msgid "Set as light theme"
 msgstr ""
 
-#: src/strings.ts:1349
+#: src/strings.ts:1353
 msgid "Set automatic trash cleanup interval from Settings > Behaviour > Clean trash interval."
 msgstr ""
 
-#: src/strings.ts:2665
+#: src/strings.ts:2681
 msgid "Set expiry"
 msgstr ""
 
-#: src/strings.ts:1326
+#: src/strings.ts:1330
 msgid "Set full name"
 msgstr ""
 
-#: src/strings.ts:1268
+#: src/strings.ts:1272
 msgid "Set snooze time in minutes"
 msgstr ""
 
-#: src/strings.ts:1267
+#: src/strings.ts:1271
 msgid "Set the default time to snooze a reminder to when you press the snooze button on a notification."
 msgstr ""
 
-#: src/strings.ts:1239
+#: src/strings.ts:1243
 msgid "Set the interval to create a backup (with attachments) automatically."
 msgstr ""
 
-#: src/strings.ts:1236
+#: src/strings.ts:1240
 msgid "Set the interval to create a partial backup (without attachments) automatically."
 msgstr ""
 
-#: src/strings.ts:427
+#: src/strings.ts:430
 msgid "Set your name"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2863
+#: src/strings.ts:2888
 msgid "Setting up your account..."
 msgstr ""
 
-#: src/strings.ts:387
-#: src/strings.ts:1545
+#: src/strings.ts:390
+#: src/strings.ts:1549
 msgid "Settings"
 msgstr ""
 
-#: src/strings.ts:1215
-#: src/strings.ts:1216
+#: src/strings.ts:1219
+#: src/strings.ts:1220
 msgid "Setup a new password for app lock"
 msgstr ""
 
-#: src/strings.ts:1212
+#: src/strings.ts:1216
 msgid "Setup a password to lock the app"
 msgstr ""
 
-#: src/strings.ts:1210
+#: src/strings.ts:1214
 msgid "Setup a pin to lock the app"
 msgstr ""
 
-#: src/strings.ts:2214
+#: src/strings.ts:2218
 msgid ""
 "Setup an HTTP/HTTPS/SOCKS proxy.\n"
 "\n"
@@ -6436,31 +6662,31 @@ msgid ""
 "To remove the proxy, simply erase everything in the input."
 msgstr ""
 
-#: src/strings.ts:1211
+#: src/strings.ts:1215
 msgid "Setup app lock password"
 msgstr ""
 
-#: src/strings.ts:1209
+#: src/strings.ts:1213
 msgid "Setup app lock pin"
 msgstr ""
 
-#: src/strings.ts:2810
+#: src/strings.ts:2835
 msgid "Setup inbox keys"
 msgstr ""
 
-#: src/strings.ts:681
+#: src/strings.ts:683
 msgid "Setup secondary 2FA method"
 msgstr ""
 
-#: src/strings.ts:994
+#: src/strings.ts:996
 msgid "Setup using an Authenticator app"
 msgstr ""
 
-#: src/strings.ts:1001
+#: src/strings.ts:1003
 msgid "Setup using email"
 msgstr ""
 
-#: src/strings.ts:1008
+#: src/strings.ts:1010
 msgid "Setup using SMS"
 msgstr ""
 
@@ -6468,51 +6694,55 @@ msgstr ""
 msgid "Share"
 msgstr ""
 
-#: src/strings.ts:1712
+#: src/strings.ts:1716
 msgid "Share & append to notes from anywhere"
 msgstr ""
 
-#: src/strings.ts:1357
+#: src/strings.ts:1361
 msgid "Share backup"
 msgstr ""
 
-#: src/strings.ts:453
+#: src/strings.ts:456
 msgid "Share note"
 msgstr ""
 
-#: src/strings.ts:1808
+#: src/strings.ts:1812
 msgid "Share Notesnook with friends!"
 msgstr ""
 
-#: src/strings.ts:2677
+#: src/strings.ts:2693
 msgid "Share things to Notesnook from anywhere using the Inbox API"
 msgstr ""
 
-#: src/strings.ts:594
+#: src/strings.ts:596
 msgid "Share to cloud"
 msgstr ""
 
-#: src/strings.ts:292
+#: src/strings.ts:2955
+msgid "Share ZIP"
+msgstr ""
+
+#: src/strings.ts:291
 msgid "shortcut"
 msgstr ""
 
-#: src/strings.ts:302
+#: src/strings.ts:301
 msgid "Shortcut"
 msgstr ""
 
-#: src/strings.ts:2021
+#: src/strings.ts:2025
 msgid "Shortcut removed"
 msgstr ""
 
-#: src/strings.ts:312
+#: src/strings.ts:311
 msgid "shortcuts"
 msgstr ""
 
-#: src/strings.ts:324
+#: src/strings.ts:323
 msgid "Shortcuts"
 msgstr ""
 
-#: src/strings.ts:2776
+#: src/strings.ts:2801
 msgid "Show"
 msgstr ""
 
@@ -6520,11 +6750,11 @@ msgstr ""
 msgid "Sign up"
 msgstr ""
 
-#: src/strings.ts:1046
+#: src/strings.ts:1048
 msgid "Signed up on {date}"
 msgstr ""
 
-#: src/strings.ts:777
+#: src/strings.ts:779
 msgid "Signup failed"
 msgstr ""
 
@@ -6532,95 +6762,99 @@ msgstr ""
 msgid "Silent"
 msgstr ""
 
-#: src/strings.ts:2359
+#: src/strings.ts:2363
 msgid "Sink list item"
 msgstr ""
 
-#: src/strings.ts:2062
+#: src/strings.ts:2066
 msgid "Size"
 msgstr ""
 
-#: src/strings.ts:550
+#: src/strings.ts:552
 msgid "Skip"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:673
+#: src/strings.ts:675
 msgid "Skip introduction"
 msgstr ""
 
-#: src/strings.ts:1625
+#: src/strings.ts:1629
 msgid "Some exported notes are locked, Unlock to export them"
 msgstr ""
 
-#: src/strings.ts:1492
+#: src/strings.ts:1496
 msgid "Some notes are published"
 msgstr ""
 
-#: src/strings.ts:1687
+#: src/strings.ts:1691
 msgid "Something went wrong"
 msgstr ""
 
-#: src/strings.ts:2046
+#: src/strings.ts:2954
+msgid "Something went wrong while preparing your debug logs. This can happen if no storage location was selected."
+msgstr ""
+
+#: src/strings.ts:2050
 msgid "Sort"
 msgstr ""
 
-#: src/strings.ts:536
+#: src/strings.ts:538
 msgid "Sort by"
 msgstr ""
 
-#: src/strings.ts:2180
+#: src/strings.ts:2184
 msgid "Source code"
 msgstr ""
 
-#: src/strings.ts:2386
+#: src/strings.ts:2390
 msgid "Spaces"
 msgstr ""
 
-#: src/strings.ts:2624
+#: src/strings.ts:2640
 msgid "Special Offer"
 msgstr ""
 
-#: src/strings.ts:2157
+#: src/strings.ts:2161
 msgid "Spell check"
 msgstr ""
 
-#: src/strings.ts:2325
+#: src/strings.ts:2329
 msgid "Split cells"
 msgstr ""
 
-#: src/strings.ts:2491
+#: src/strings.ts:2495
 msgid "Stable"
 msgstr ""
 
-#: src/strings.ts:1128
+#: src/strings.ts:1132
 msgid "Start"
 msgstr ""
 
-#: src/strings.ts:1851
+#: src/strings.ts:1855
 msgid "Start account recovery"
 msgstr ""
 
-#: src/strings.ts:1846
+#: src/strings.ts:1850
 msgid "Start import"
 msgstr ""
 
-#: src/strings.ts:1843
+#: src/strings.ts:1847
 msgid "Start importing now"
 msgstr ""
 
-#: src/strings.ts:2145
+#: src/strings.ts:2149
 msgid "Start minimized"
 msgstr ""
 
-#: src/strings.ts:1531
+#: src/strings.ts:1535
 msgid "Start organizing your ideas, notes and thoughts"
 msgstr ""
 
-#: src/strings.ts:1778
+#: src/strings.ts:1782
 msgid "Start over"
 msgstr ""
 
-#: src/strings.ts:966
+#: src/strings.ts:968
 msgid "Start writing to create a new note"
 msgstr ""
 
@@ -6628,236 +6862,252 @@ msgstr ""
 msgid "Start writing to save your note."
 msgstr ""
 
-#: src/strings.ts:1622
+#: src/strings.ts:1626
 msgid "Start writing your note..."
 msgstr ""
 
-#: src/strings.ts:2253
+#: src/strings.ts:2257
 msgid "Status"
 msgstr ""
 
-#: src/strings.ts:2504
+#: src/strings.ts:2508
 msgid "Storage"
 msgstr ""
 
-#: src/strings.ts:1569
+#: src/strings.ts:2920
+msgid "Storage & cleanup"
+msgstr ""
+
+#: src/strings.ts:2935
+msgid "Storage & location"
+msgstr ""
+
+#: src/strings.ts:1573
 msgid "Streaming not supported"
 msgstr ""
 
-#: src/strings.ts:2291
+#: src/strings.ts:2295
 msgid "Strikethrough"
 msgstr ""
 
-#: src/strings.ts:2255
+#: src/strings.ts:2259
 msgid "Subgroup 1"
 msgstr ""
 
-#: src/strings.ts:2015
+#: src/strings.ts:2019
 msgid "Subgroup added"
 msgstr ""
 
-#: src/strings.ts:580
+#: src/strings.ts:582
 msgid "Submit"
 msgstr ""
 
-#: src/strings.ts:2603
+#: src/strings.ts:2617
 msgid "Subscribe"
 msgstr ""
 
-#: src/strings.ts:2604
+#: src/strings.ts:2618
 msgid "Subscribe & Start Your Free Trial"
 msgstr ""
 
-#: src/strings.ts:1041
+#: src/strings.ts:1043
 msgid "Subscribe to Pro"
 msgstr ""
 
-#: src/strings.ts:707
+#: src/strings.ts:709
 msgid "Subscribed on Android"
 msgstr ""
 
-#: src/strings.ts:700
+#: src/strings.ts:702
 msgid "Subscribed on iOS"
 msgstr ""
 
-#: src/strings.ts:1321
+#: src/strings.ts:1325
 msgid "Subscribed on web"
 msgstr ""
 
-#: src/strings.ts:714
+#: src/strings.ts:716
 msgid "Subscribed on Web"
 msgstr ""
 
-#: src/strings.ts:720
+#: src/strings.ts:722
 msgid "Subscribed using gift card"
 msgstr ""
 
-#: src/strings.ts:2302
+#: src/strings.ts:2306
 msgid "Subscript"
 msgstr ""
 
-#: src/strings.ts:694
+#: src/strings.ts:696
 msgid "Subscription awarded from Streetwriters"
 msgstr ""
 
-#: src/strings.ts:1045
+#: src/strings.ts:1047
 msgid "Subscription details"
 msgstr ""
 
-#: src/strings.ts:1079
+#: src/strings.ts:1081
 msgid "Subscription not activated?"
 msgstr ""
 
-#: src/strings.ts:622
+#: src/strings.ts:2914
+msgid "Subscription required"
+msgstr ""
+
+#: src/strings.ts:624
 msgid "Sun"
 msgstr ""
 
-#: src/strings.ts:613
+#: src/strings.ts:615
 msgid "Sunday"
 msgstr ""
 
-#: src/strings.ts:2303
+#: src/strings.ts:2307
 msgid "Superscript"
 msgstr ""
 
-#: src/strings.ts:1485
+#: src/strings.ts:1489
 msgid "Switch to search/replace mode"
 msgstr ""
 
-#: src/strings.ts:2166
+#: src/strings.ts:2170
 msgid "Sync"
 msgstr ""
 
-#: src/strings.ts:393
+#: src/strings.ts:1102
+msgid "Sync behavior"
+msgstr ""
+
+#: src/strings.ts:396
 msgid "Sync failed"
 msgstr ""
 
-#: src/strings.ts:1379
+#: src/strings.ts:1383
 msgid "Sync is disabled"
 msgstr ""
 
-#: src/strings.ts:392
+#: src/strings.ts:395
 msgid "Sync now"
 msgstr ""
 
-#: src/strings.ts:929
+#: src/strings.ts:931
 msgid "Sync off"
 msgstr ""
 
-#: src/strings.ts:1644
+#: src/strings.ts:1648
 msgid "Sync server"
 msgstr ""
 
-#: src/strings.ts:1098
+#: src/strings.ts:1100
 msgid "Sync settings"
 msgstr ""
 
-#: src/strings.ts:1111
+#: src/strings.ts:1115
 msgid "Sync your notes in the background even when the app is closed. This is an experimental feature. If you face any issues, please turn it off."
 msgstr ""
 
-#: src/strings.ts:394
+#: src/strings.ts:397
 msgid "Synced"
 msgstr ""
 
-#: src/strings.ts:391
+#: src/strings.ts:394
 msgid "Syncing"
 msgstr ""
 
-#: src/strings.ts:259
+#: src/strings.ts:258
 msgid "Syncing your data"
 msgstr ""
 
-#: src/strings.ts:1723
+#: src/strings.ts:1727
 msgid "Syncing your notes"
 msgstr ""
 
-#: src/strings.ts:2371
+#: src/strings.ts:2375
 msgid "Table"
 msgstr ""
 
-#: src/strings.ts:538
+#: src/strings.ts:540
 msgid "Table of contents"
 msgstr ""
 
-#: src/strings.ts:2316
+#: src/strings.ts:2320
 msgid "Table settings"
 msgstr ""
 
-#: src/strings.ts:2565
+#: src/strings.ts:2569
 msgid "tables, outlines, block level note linking"
 msgstr ""
 
-#: src/strings.ts:529
+#: src/strings.ts:531
 msgid "Tabs"
 msgstr ""
 
-#: src/strings.ts:287
+#: src/strings.ts:286
 msgid "tag"
 msgstr ""
 
-#: src/strings.ts:297
+#: src/strings.ts:296
 msgid "Tag"
 msgstr ""
 
-#: src/strings.ts:307
+#: src/strings.ts:306
 msgid "tags"
 msgstr ""
 
-#: src/strings.ts:317
-#: src/strings.ts:1546
+#: src/strings.ts:316
+#: src/strings.ts:1550
 msgid "Tags"
 msgstr ""
 
-#: src/strings.ts:1564
+#: src/strings.ts:1568
 msgid "Take a backup before logging out"
 msgstr ""
 
-#: src/strings.ts:1231
+#: src/strings.ts:1235
 msgid "Take a full backup of your data with all attachments"
 msgstr ""
 
-#: src/strings.ts:1233
+#: src/strings.ts:1237
 msgid "Take a partial backup of your data that does not include attachments"
 msgstr ""
 
-#: src/strings.ts:2370
+#: src/strings.ts:2374
 msgid "Take a photo using camera"
 msgstr ""
 
-#: src/strings.ts:1389
+#: src/strings.ts:1393
 msgid "Take note"
 msgstr ""
 
-#: src/strings.ts:1677
+#: src/strings.ts:1681
 msgid "Take notes privately."
 msgstr ""
 
-#: src/strings.ts:674
+#: src/strings.ts:676
 msgid "Taking too long? Reload editor"
 msgstr ""
 
-#: src/strings.ts:1473
+#: src/strings.ts:1477
 msgid "Tap here to change sorting"
 msgstr ""
 
-#: src/strings.ts:1477
+#: src/strings.ts:1481
 msgid "Tap here to jump to a section"
 msgstr ""
 
-#: src/strings.ts:1385
+#: src/strings.ts:1389
 msgid "Tap here to update to the latest version"
 msgstr ""
 
-#: src/strings.ts:1613
+#: src/strings.ts:1617
 msgid "Tap on \"Dismiss\" and copy the contents of your note so they are not lost."
 msgstr ""
 
-#: src/strings.ts:1388
+#: src/strings.ts:1392
 msgid "Tap on \"Take note\" to add a note."
 msgstr ""
 
-#: src/strings.ts:417
+#: src/strings.ts:420
 msgid "Tap to apply again"
 msgstr ""
 
@@ -6865,35 +7115,35 @@ msgstr ""
 msgid "Tap to cancel"
 msgstr ""
 
-#: src/strings.ts:238
+#: src/strings.ts:237
 msgid "Tap to deselect"
 msgstr ""
 
-#: src/strings.ts:668
+#: src/strings.ts:670
 msgid "Tap to stop reordering"
 msgstr ""
 
-#: src/strings.ts:1369
+#: src/strings.ts:1373
 msgid "Tap to try again"
 msgstr ""
 
-#: src/strings.ts:277
+#: src/strings.ts:276
 msgid "Tap twice to confirm you have saved the recovery key."
 msgstr ""
 
-#: src/strings.ts:2376
+#: src/strings.ts:2380
 msgid "Task list"
 msgstr ""
 
-#: src/strings.ts:2446
+#: src/strings.ts:2450
 msgid "Tasks"
 msgstr ""
 
-#: src/strings.ts:1178
+#: src/strings.ts:1182
 msgid "Telemetry"
 msgstr ""
 
-#: src/strings.ts:1513
+#: src/strings.ts:1517
 msgid ""
 "Tell us more about the issue you are facing.\n"
 "\n"
@@ -6904,15 +7154,15 @@ msgid ""
 "- Things you have tried etc."
 msgstr ""
 
-#: src/strings.ts:1512
+#: src/strings.ts:1516
 msgid "Tell us what happened"
 msgstr ""
 
-#: src/strings.ts:1299
+#: src/strings.ts:1303
 msgid "Terms of service"
 msgstr ""
 
-#: src/strings.ts:2609
+#: src/strings.ts:2623
 msgid "Terms of Service"
 msgstr ""
 
@@ -6920,111 +7170,111 @@ msgstr ""
 msgid "Terms of Service "
 msgstr ""
 
-#: src/strings.ts:1643
+#: src/strings.ts:1647
 msgid "Test connection"
 msgstr ""
 
-#: src/strings.ts:1666
+#: src/strings.ts:1670
 msgid "Test connection before changing server urls"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2834
+#: src/strings.ts:2859
 msgid "Testimonials"
 msgstr ""
 
-#: src/strings.ts:2314
+#: src/strings.ts:2318
 msgid "Text color"
 msgstr ""
 
-#: src/strings.ts:2312
+#: src/strings.ts:2316
 msgid "Text direction"
 msgstr ""
 
-#: src/strings.ts:1807
+#: src/strings.ts:1811
 msgid "Thank you for choosing end-to-end encrypted note taking. Now you can sync your notes to unlimited devices."
 msgstr ""
 
-#: src/strings.ts:2071
+#: src/strings.ts:2075
 msgid "Thank you for reporting!"
 msgstr ""
 
-#: src/strings.ts:2582
+#: src/strings.ts:2596
 msgid "Thank you for subscribing"
 msgstr ""
 
-#: src/strings.ts:2619
+#: src/strings.ts:2635
 msgid "Thank you for the purchase"
 msgstr ""
 
-#: src/strings.ts:479
+#: src/strings.ts:481
 msgid "Thank you for updating Notesnook! We will be applying some minor changes for a better note taking experience."
 msgstr ""
 
-#: src/strings.ts:2072
+#: src/strings.ts:2076
 msgid "Thank you for your feedback!"
 msgstr ""
 
-#: src/strings.ts:2106
+#: src/strings.ts:2110
 msgid "Thank you. You are the proof that privacy always comes first."
 msgstr ""
 
-#: src/strings.ts:1664
+#: src/strings.ts:1668
 msgid "The {title} at {url} is not compatible with this client."
 msgstr ""
 
-#: src/strings.ts:2664
+#: src/strings.ts:2951
+msgid "The encrypted archive is available in your default local storage structure and can be safely sent to the Notesnook customer care team."
+msgstr ""
+
+#: src/strings.ts:2680
 msgid "The incoming note could not be unlocked with the provided password. Enter the correct password for the incoming note"
 msgstr ""
 
-#: src/strings.ts:231
-msgid "The information above will be publically available at"
-msgstr ""
-
-#: src/strings.ts:2638
-msgid "The Notesnook Circle is exclusive to subscribers. Please consider subscribing to gain access to Notesnook Circle and enjoy additional benefits."
-msgstr ""
-
-#: src/strings.ts:2817
+#: src/strings.ts:2842
 msgid "The password for decrypting the Colornote backup file."
 msgstr ""
 
-#: src/strings.ts:2113
+#: src/strings.ts:2117
 msgid "The password/pin for unlocking the app."
 msgstr ""
 
-#: src/strings.ts:337
+#: src/strings.ts:336
 msgid "The reminder will repeat daily at {date}."
 msgstr ""
 
-#: src/strings.ts:340
+#: src/strings.ts:339
 msgid "The reminder will repeat every year on {date}."
 msgstr ""
 
-#: src/strings.ts:1733
+#: src/strings.ts:1737
 msgid "The reminder will start on {date} at {time}."
 msgstr ""
 
-#: src/strings.ts:2116
+#: src/strings.ts:2120
 msgid "The security key for unlocking the app. This is the most secure method."
 msgstr ""
 
-#: src/strings.ts:1662
+#: src/strings.ts:1666
 msgid "The URL you have given ({url}) does not point to the {server}."
 msgstr ""
 
-#: src/strings.ts:1133
+#: src/strings.ts:1137
 msgid "Themes"
 msgstr ""
 
-#: src/strings.ts:283
+#: src/strings.ts:282
 msgid "There are no blocks in this note."
 msgstr ""
 
-#: src/strings.ts:2269
+#: src/strings.ts:379
+msgid "There are no new updates at the moment."
+msgstr ""
+
+#: src/strings.ts:2273
 msgid "These items will be **kept in your Trash for {interval} days** after which they will be permanently deleted."
 msgstr ""
 
-#: src/strings.ts:1941
+#: src/strings.ts:1945
 msgid "This action is IRREVERSIBLE."
 msgstr ""
 
@@ -7032,202 +7282,230 @@ msgstr ""
 msgid "This device"
 msgstr ""
 
-#: src/strings.ts:1704
+#: src/strings.ts:1708
 msgid "This error can be fixed by rebuilding the search index. This action won't result in any kind of data loss."
 msgstr ""
 
-#: src/strings.ts:1696
+#: src/strings.ts:1700
 msgid "This error can only be fixed by wiping & reseting the database. Beware that this will wipe all your data inside the database with no way to recover it later on. This WILL NOT change/affect/delete/wipe your data on the server but ONLY on this device."
 msgstr ""
 
-#: src/strings.ts:1700
+#: src/strings.ts:1704
 msgid "This error can only be fixed by wiping & reseting the Key Store and the database. This WILL NOT change/affect/delete/wipe your data on the server but ONLY on this device."
 msgstr ""
 
-#: src/strings.ts:1698
+#: src/strings.ts:1702
 msgid "This error means the at rest encryption key could not be decrypted. This can be due to data corruption or implementation change."
 msgstr ""
 
-#: src/strings.ts:1694
+#: src/strings.ts:1698
 msgid "This error usually means the database file is either corrupt or it could not be decrypted."
 msgstr ""
 
-#: src/strings.ts:1702
+#: src/strings.ts:1706
 msgid "This error usually means the search index is corrupted."
 msgstr ""
 
-#: src/strings.ts:2742
+#: src/strings.ts:2762
 msgid "This feature is not available on this plan."
 msgstr ""
 
-#: src/strings.ts:1955
+#: src/strings.ts:1959
 msgid "This image cannot be previewed"
 msgstr ""
 
-#: src/strings.ts:2605
+#: src/strings.ts:2619
 msgid "This is a one time purchase, no subscription."
 msgstr ""
 
-#: src/strings.ts:2066
+#: src/strings.ts:2070
 msgid "This may take a while"
 msgstr ""
 
-#: src/strings.ts:1117
-#: src/strings.ts:1126
+#: src/strings.ts:1121
+#: src/strings.ts:1130
 msgid "This must only be used for troubleshooting. Using it regularly for sync is not recommended and will lead to unexpected data loss and other issues. If you are having persistent issues with sync, please report them to us at support@streetwriters.co."
 msgstr ""
 
-#: src/strings.ts:2670
+#: src/strings.ts:2686
 msgid "This note is empty"
 msgstr ""
 
-#: src/strings.ts:1615
+#: src/strings.ts:1619
 msgid "This note is locked"
 msgstr ""
 
-#: src/strings.ts:968
+#: src/strings.ts:970
 msgid "This note is locked. Unlock note to save changes"
 msgstr ""
 
-#: src/strings.ts:281
+#: src/strings.ts:280
 msgid "This note is not linked to any other note."
 msgstr ""
 
-#: src/strings.ts:280
+#: src/strings.ts:279
 msgid "This note is not referenced in other notes."
 msgstr ""
 
-#: src/strings.ts:264
+#: src/strings.ts:263
 msgid "This note will be published to a public URL."
 msgstr ""
 
-#: src/strings.ts:2122
+#: src/strings.ts:2126
 msgid "This username will be used to distinguish between different credentials in your security key. Make sure it is unique."
 msgstr ""
 
-#: src/strings.ts:1319
+#: src/strings.ts:1323
 msgid "This version of Notesnook app does not support in-app purchases. Kindly login on the Notesnook web app to make the purchase."
 msgstr ""
 
-#: src/strings.ts:626
+#: src/strings.ts:1092
+msgid "This will clear all data stored on THIS DEVICE. Make sure to run sync before logging out."
+msgstr ""
+
+#: src/strings.ts:2906
+msgid "This will overwrite all data on the server with the data from this device."
+msgstr ""
+
+#: src/strings.ts:2904
+msgid "This will overwrite all data on this device with the data from the server."
+msgstr ""
+
+#: src/strings.ts:628
 msgid "Thu"
 msgstr ""
 
-#: src/strings.ts:617
+#: src/strings.ts:619
 msgid "Thursday"
 msgstr ""
 
-#: src/strings.ts:1863
+#: src/strings.ts:1867
 msgid "Time"
 msgstr ""
 
-#: src/strings.ts:1150
+#: src/strings.ts:1154
 msgid "Time format"
 msgstr ""
 
-#: src/strings.ts:671
+#: src/strings.ts:2931
+msgid "Timestamp"
+msgstr ""
+
+#: src/strings.ts:673
 msgid "TIP"
 msgstr ""
 
-#: src/strings.ts:649
-#: src/strings.ts:654
+#: src/strings.ts:651
+#: src/strings.ts:656
 msgid "Title"
 msgstr ""
 
-#: src/strings.ts:1173
+#: src/strings.ts:1177
 msgid "Title format"
 msgstr ""
 
-#: src/strings.ts:2755
+#: src/strings.ts:2775
 msgid "Title is required"
 msgstr ""
 
-#: src/strings.ts:1204
+#: src/strings.ts:2917
+msgid "to claim the promotion directly."
+msgstr ""
+
+#: src/strings.ts:1208
 msgid "To use app lock, you must enable biometrics such as Fingerprint lock or Face ID on your phone."
 msgstr ""
 
-#: src/strings.ts:1833
+#: src/strings.ts:1837
 msgid "Toggle dark/light mode"
 msgstr ""
 
-#: src/strings.ts:2494
+#: src/strings.ts:2498
 msgid "Toggle focus mode"
 msgstr ""
 
-#: src/strings.ts:2383
+#: src/strings.ts:2387
 msgid "Toggle indentation mode"
 msgstr ""
 
-#: src/strings.ts:2412
+#: src/strings.ts:2416
 msgid "Toggle replace"
 msgstr ""
 
-#: src/strings.ts:2483
+#: src/strings.ts:2487
 msgid "Toggle theme"
 msgstr ""
 
-#: src/strings.ts:2163
+#: src/strings.ts:2167
 msgid "Toolbar"
 msgstr ""
 
-#: src/strings.ts:1164
+#: src/strings.ts:1168
 msgid "Toolbar reset to default preset"
 msgstr ""
 
-#: src/strings.ts:1342
-#: src/strings.ts:1544
+#: src/strings.ts:1346
+#: src/strings.ts:1548
 msgid "Trash"
 msgstr ""
 
-#: src/strings.ts:1341
+#: src/strings.ts:1345
 msgid "Trash cleared successfully!"
 msgstr ""
 
-#: src/strings.ts:1347
+#: src/strings.ts:1351
 msgid "Trash gets automatically cleaned up after {days} days"
 msgstr ""
 
-#: src/strings.ts:1345
+#: src/strings.ts:1349
 msgid "Trash gets automatically cleaned up daily"
 msgstr ""
 
-#: src/strings.ts:2572
+#: src/strings.ts:1105
+msgid "Troubleshooting"
+msgstr ""
+
+#: src/strings.ts:2650
+msgid "Trusted partners who share our commitment to privacy, transparency, and user freedom."
+msgstr ""
+
+#: src/strings.ts:2586
 msgid "Try {plan} for free"
 msgstr ""
 
-#: src/strings.ts:1481
+#: src/strings.ts:2956
+msgid "Try again"
+msgstr ""
+
+#: src/strings.ts:1485
 msgid "Try compact mode to fit more items on screen"
 msgstr ""
 
-#: src/strings.ts:1845
+#: src/strings.ts:1849
 msgid "Try free for 14 days"
 msgstr ""
 
-#: src/strings.ts:2558
+#: src/strings.ts:2562
 msgid "Try it for free"
 msgstr ""
 
-#: src/strings.ts:624
+#: src/strings.ts:626
 msgid "Tue"
 msgstr ""
 
-#: src/strings.ts:615
+#: src/strings.ts:617
 msgid "Tuesday"
 msgstr ""
 
-#: src/strings.ts:1102
-msgid "Turn off automatic syncing. Changes from this client will be synced only when you run sync manually."
-msgstr ""
-
-#: src/strings.ts:906
+#: src/strings.ts:908
 msgid "Turn off reminder"
 msgstr ""
 
-#: src/strings.ts:907
+#: src/strings.ts:909
 msgid "Turn on reminder"
 msgstr ""
 
-#: src/strings.ts:1108
+#: src/strings.ts:1112
 msgid "Turns off syncing completely on this device. Any changes made will remain local only and new changes from your other devices won't sync to this device."
 msgstr ""
 
@@ -7235,59 +7513,63 @@ msgstr ""
 msgid "Two factor authentication"
 msgstr ""
 
-#: src/strings.ts:494
+#: src/strings.ts:496
 msgid "Two-factor authentication"
 msgstr ""
 
-#: src/strings.ts:503
+#: src/strings.ts:505
 msgid "Two-factor authentication enabled"
 msgstr ""
 
-#: src/strings.ts:1520
+#: src/strings.ts:1524
 msgid "Type # to search for headings"
 msgstr ""
 
-#: src/strings.ts:1527
+#: src/strings.ts:1531
 msgid "Type a keyword"
 msgstr ""
 
-#: src/strings.ts:1570
+#: src/strings.ts:2925
+msgid "Typography"
+msgstr ""
+
+#: src/strings.ts:1574
 msgid "Unable to resolve download url"
 msgstr ""
 
-#: src/strings.ts:1573
+#: src/strings.ts:1577
 msgid "Unable to send 2FA code"
 msgstr ""
 
-#: src/strings.ts:2518
+#: src/strings.ts:2522
 msgid "Unarchive"
 msgstr ""
 
-#: src/strings.ts:2290
+#: src/strings.ts:2294
 msgid "Underline"
 msgstr ""
 
-#: src/strings.ts:566
+#: src/strings.ts:568
 msgid "Undo"
 msgstr ""
 
-#: src/strings.ts:868
+#: src/strings.ts:870
 msgid "Unfavorite"
 msgstr ""
 
-#: src/strings.ts:2615
+#: src/strings.ts:2631
 msgid "Unlimited"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2843
+#: src/strings.ts:2868
 msgid "Unlimited notes and attachments"
 msgstr ""
 
-#: src/strings.ts:946
+#: src/strings.ts:948
 msgid "Unlink from all"
 msgstr ""
 
-#: src/strings.ts:867
+#: src/strings.ts:869
 msgid "Unlink notebook"
 msgstr ""
 
@@ -7295,40 +7577,44 @@ msgstr ""
 msgid "Unlock"
 msgstr ""
 
-#: src/strings.ts:2662
+#: src/strings.ts:2678
 msgid "Unlock incoming note"
 msgstr ""
 
-#: src/strings.ts:1399
+#: src/strings.ts:1403
 msgid "Unlock more colors with Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:455
-#: src/strings.ts:558
+#: src/strings.ts:458
+#: src/strings.ts:560
 msgid "Unlock note"
 msgstr ""
 
-#: src/strings.ts:902
+#: src/strings.ts:904
 msgid "Unlock note to delete it"
 msgstr ""
 
-#: src/strings.ts:2673
+#: src/strings.ts:2689
 msgid "Unlock note to merge conflicts"
 msgstr ""
 
-#: src/strings.ts:1224
+#: src/strings.ts:2578
+msgid "Unlock premium features and extra storage"
+msgstr ""
+
+#: src/strings.ts:1228
 msgid "Unlock the app with biometric authentication. This requires biometrics to be enabled on your device."
 msgstr ""
 
-#: src/strings.ts:1953
+#: src/strings.ts:1957
 msgid "Unlock vault"
 msgstr ""
 
-#: src/strings.ts:544
+#: src/strings.ts:546
 msgid "Unlock with biometrics"
 msgstr ""
 
-#: src/strings.ts:1848
+#: src/strings.ts:1852
 msgid "Unlock with security key"
 msgstr ""
 
@@ -7336,44 +7622,44 @@ msgstr ""
 msgid "Unlock your notes"
 msgstr ""
 
-#: src/strings.ts:1194
+#: src/strings.ts:1198
 msgid "Unlock your vault with biometric authentication"
 msgstr ""
 
-#: src/strings.ts:1731
+#: src/strings.ts:1735
 msgid "Unlocking"
 msgstr ""
 
-#: src/strings.ts:913
+#: src/strings.ts:915
 msgid "Unpin"
 msgstr ""
 
-#: src/strings.ts:943
+#: src/strings.ts:945
 msgid "Unpin notification"
 msgstr ""
 
-#: src/strings.ts:587
+#: src/strings.ts:589
 msgid "Unpublish"
 msgstr ""
 
-#: src/strings.ts:1493
+#: src/strings.ts:1497
 msgid "Unpublish notes to delete them"
 msgstr ""
 
-#: src/strings.ts:2117
+#: src/strings.ts:2121
 msgid "Unregister"
 msgstr ""
 
-#: src/strings.ts:2666
+#: src/strings.ts:2682
 msgid "Unset expiry"
 msgstr ""
 
 #: src/strings.ts:210
-#: src/strings.ts:2392
+#: src/strings.ts:2396
 msgid "Untitled"
 msgstr ""
 
-#: src/strings.ts:588
+#: src/strings.ts:590
 msgid "Update"
 msgstr ""
 
@@ -7381,65 +7667,69 @@ msgstr ""
 msgid "Update available"
 msgstr ""
 
-#: src/strings.ts:1386
+#: src/strings.ts:1390
 msgid "Update now"
 msgstr ""
 
-#: src/strings.ts:2532
+#: src/strings.ts:2922
+msgid "Updates"
+msgstr ""
+
+#: src/strings.ts:2536
 msgid "Upgrade"
 msgstr ""
 
-#: src/strings.ts:1939
+#: src/strings.ts:1943
 msgid "Upgrade now"
 msgstr ""
 
-#: src/strings.ts:2531
+#: src/strings.ts:2535
 msgid "Upgrade plan"
 msgstr ""
 
-#: src/strings.ts:2557
+#: src/strings.ts:2561
 msgid "Upgrade plan to {plan} to use this feature."
 msgstr ""
 
-#: src/strings.ts:1960
+#: src/strings.ts:1964
 msgid "Upgrade to Notesnook Pro to add colors."
 msgstr ""
 
-#: src/strings.ts:1961
+#: src/strings.ts:1965
 msgid "Upgrade to Notesnook Pro to create more tags."
 msgstr ""
 
-#: src/strings.ts:749
+#: src/strings.ts:751
 msgid "Upgrade to Pro"
 msgstr ""
 
-#: src/strings.ts:2630
+#: src/strings.ts:2646
 msgid "Upgrade to redeem"
 msgstr ""
 
-#: src/strings.ts:510
+#: src/strings.ts:512
 msgid "Upload"
 msgstr ""
 
-#: src/strings.ts:2369
+#: src/strings.ts:2373
 msgid "Upload from disk"
 msgstr ""
 
-#: src/strings.ts:511
-#: src/strings.ts:1672
+#: src/strings.ts:513
+#: src/strings.ts:1676
 msgid "Uploaded"
 msgstr ""
 
-#: src/strings.ts:799
+#: src/strings.ts:801
 msgid "Uploaded file verification failed."
 msgstr ""
 
 #: src/strings.ts:65
-#: src/strings.ts:512
+#: src/strings.ts:514
 msgid "Uploading"
 msgstr ""
 
-#: src/strings.ts:763
+#: src/strings.ts:765
 msgid "Uploads"
 msgstr ""
 
@@ -7447,75 +7737,79 @@ msgstr ""
 msgid "Urgent"
 msgstr ""
 
-#: src/strings.ts:2419
+#: src/strings.ts:2423
 msgid "URL"
 msgstr ""
 
-#: src/strings.ts:1810
+#: src/strings.ts:1814
 msgid "Use"
 msgstr ""
 
-#: src/strings.ts:462
+#: src/strings.ts:465
 msgid "Use {keyboardShortcut}+click to select multiple notebooks"
 msgstr ""
 
-#: src/strings.ts:1823
+#: src/strings.ts:1827
 msgid "Use a backup file"
 msgstr ""
 
-#: src/strings.ts:1921
+#: src/strings.ts:1925
 msgid "Use a data recovery key to reset your account password."
 msgstr ""
 
-#: src/strings.ts:556
+#: src/strings.ts:558
 msgid "Use account password"
 msgstr ""
 
-#: src/strings.ts:2564
+#: src/strings.ts:2568
 msgid "Use advanced note taking features like"
 msgstr ""
 
-#: src/strings.ts:995
+#: src/strings.ts:997
 msgid "Use an authenticator app to generate 2FA codes."
 msgstr ""
 
-#: src/strings.ts:2203
+#: src/strings.ts:2207
 msgid "Use custom DNS"
 msgstr ""
 
-#: src/strings.ts:1139
+#: src/strings.ts:1143
 msgid "Use dark mode for the app"
 msgstr ""
 
-#: src/strings.ts:1642
+#: src/strings.ts:1646
 msgid "Use encryption key"
 msgstr ""
 
-#: src/strings.ts:1176
+#: src/strings.ts:2792
+msgid "Use existing PGP keys if you already have them"
+msgstr ""
+
+#: src/strings.ts:1180
 msgid "Use markdown shortcuts in the editor"
 msgstr ""
 
-#: src/strings.ts:2156
+#: src/strings.ts:2160
 msgid "Use native OS titlebar instead of replacing it with a custom one. Requires app restart for changes to take effect."
 msgstr ""
 
-#: src/strings.ts:2154
+#: src/strings.ts:2158
 msgid "Use native titlebar"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:1850
+#: src/strings.ts:1854
 msgid "Use offline"
 msgstr ""
 
-#: src/strings.ts:1820
+#: src/strings.ts:1824
 msgid "Use recovery key"
 msgstr ""
 
-#: src/strings.ts:1135
+#: src/strings.ts:1139
 msgid "Use system theme"
 msgstr ""
 
-#: src/strings.ts:418
+#: src/strings.ts:421
 msgid ""
 "Use the following key to format the title:\n"
 "\n"
@@ -7528,99 +7822,103 @@ msgid ""
 "$day$: Current day (eg. Monday)"
 msgstr ""
 
-#: src/strings.ts:1115
+#: src/strings.ts:1119
 msgid "Use this if changes from other devices are not appearing on this device. This will overwrite the data on this device with the latest data from the server."
 msgstr ""
 
-#: src/strings.ts:1124
+#: src/strings.ts:1128
 msgid "Use this if changes made on this device are not appearing on other devices. This will overwrite the data on the server with the data from this device."
 msgstr ""
 
-#: src/strings.ts:2505
+#: src/strings.ts:2908
+msgid "Use this only for troubleshooting sync issues. Regular use may lead to data loss or conflicts."
+msgstr ""
+
+#: src/strings.ts:2509
 msgid "used"
 msgstr ""
 
-#: src/strings.ts:1034
+#: src/strings.ts:1036
 msgid "User verification failed"
 msgstr ""
 
-#: src/strings.ts:2286
+#: src/strings.ts:2290
 msgid "Using {instance} (v{version})"
 msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2831
+#: src/strings.ts:2856
 msgid "Using Notesnook without an account will **NOT** sync your notes across devices and could result in data loss if you lose access to your device or uninstall the app. Make sure to backup your notes regularly."
 msgstr ""
 
-#: src/strings.ts:2284
+#: src/strings.ts:2288
 msgid "Using official Notesnook instance"
 msgstr ""
 
-#: src/strings.ts:1730
+#: src/strings.ts:1734
 msgid "v{version} available"
 msgstr ""
 
-#: src/strings.ts:2744
+#: src/strings.ts:2764
 msgid "Value must be between {min} and {max}"
 msgstr ""
 
-#: src/strings.ts:1187
+#: src/strings.ts:1191
 msgid "Vault"
 msgstr ""
 
-#: src/strings.ts:2013
+#: src/strings.ts:2017
 msgid "Vault cleared"
 msgstr ""
 
-#: src/strings.ts:813
+#: src/strings.ts:815
 msgid "Vault created"
 msgstr ""
 
-#: src/strings.ts:2014
+#: src/strings.ts:2018
 msgid "Vault deleted"
 msgstr ""
 
-#: src/strings.ts:449
+#: src/strings.ts:452
 msgid "Vault fingerprint unlock"
 msgstr ""
 
-#: src/strings.ts:1952
+#: src/strings.ts:1956
 msgid "Vault locked"
 msgstr ""
 
-#: src/strings.ts:1951
+#: src/strings.ts:1955
 msgid "Vault unlocked"
 msgstr ""
 
-#: src/strings.ts:1416
+#: src/strings.ts:1420
 msgid "Verification email sent"
 msgstr ""
 
-#: src/strings.ts:575
+#: src/strings.ts:577
 msgid "Verify"
 msgstr ""
 
-#: src/strings.ts:1085
+#: src/strings.ts:1087
 msgid "Verify subscription"
 msgstr ""
 
-#: src/strings.ts:1088
+#: src/strings.ts:1090
 msgid "Verify your subscription to Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:1924
+#: src/strings.ts:1928
 msgid "Verifying 2FA code"
 msgstr ""
 
-#: src/strings.ts:1910
+#: src/strings.ts:1914
 msgid "Verifying your email"
 msgstr ""
 
-#: src/strings.ts:415
+#: src/strings.ts:418
 msgid "Version"
 msgstr ""
 
-#: src/strings.ts:2823
+#: src/strings.ts:2848
 msgid "Version history cleared"
 msgstr ""
 
@@ -7628,213 +7926,221 @@ msgstr ""
 msgid "Vibrate"
 msgstr ""
 
-#: src/strings.ts:756
+#: src/strings.ts:758
 msgid "Videos"
 msgstr ""
 
-#: src/strings.ts:570
+#: src/strings.ts:572
 msgid "View all linked notebooks"
 msgstr ""
 
-#: src/strings.ts:2682
+#: src/strings.ts:2698
 msgid "View and edit your inbox public/private key pair"
 msgstr ""
 
-#: src/strings.ts:2688
+#: src/strings.ts:2704
 msgid "View and manage inbox API keys"
 msgstr ""
 
-#: src/strings.ts:1286
+#: src/strings.ts:1290
 msgid "View and share debug logs"
 msgstr ""
 
-#: src/strings.ts:2774
+#: src/strings.ts:2798
 msgid "View failed inbox items and error contexts"
 msgstr ""
 
-#: src/strings.ts:1768
+#: src/strings.ts:2577
+msgid "View plans"
+msgstr ""
+
+#: src/strings.ts:1772
 msgid "View receipt"
 msgstr ""
 
-#: src/strings.ts:1076
+#: src/strings.ts:1078
 msgid "View recovery codes"
 msgstr ""
 
-#: src/strings.ts:2183
+#: src/strings.ts:2187
 msgid "View source code"
 msgstr ""
 
-#: src/strings.ts:1078
+#: src/strings.ts:1080
 msgid "View your recovery codes to recover your account in case you lose access to your two-factor authentication methods."
 msgstr ""
 
-#: src/strings.ts:2645
+#: src/strings.ts:2661
 msgid "Views"
 msgstr ""
 
-#: src/strings.ts:416
+#: src/strings.ts:419
 msgid "Visit homepage"
 msgstr ""
 
-#: src/strings.ts:1366
+#: src/strings.ts:1370
 msgid "Wait 30 seconds to try again"
 msgstr ""
 
-#: src/strings.ts:1673
+#: src/strings.ts:1677
 msgid "Waiting for upload"
 msgstr ""
 
-#: src/strings.ts:1932
+#: src/strings.ts:1936
 msgid "We are creating a backup of your data. Please wait..."
 msgstr ""
 
-#: src/strings.ts:474
+#: src/strings.ts:477
 msgid "We are sorry, it seems that the app crashed due to an error. You can submit a bug report below so we can fix this asap."
 msgstr ""
 
-#: src/strings.ts:2804
+#: src/strings.ts:2829
 msgid "We couldn't load this theme. Please make sure the file is a valid JSON theme file."
 msgstr ""
 
-#: src/strings.ts:2806
+#: src/strings.ts:2831
 msgid "We couldn't load this theme. The file appears to be incomplete or missing required theme properties."
 msgstr ""
 
-#: src/strings.ts:1406
+#: src/strings.ts:1410
 msgid "We have sent you an email confirmation link. Please check your email inbox. If you cannot find the email, check your spam folder."
 msgstr ""
 
-#: src/strings.ts:2543
+#: src/strings.ts:2547
 msgid "We require credit card details to fight abuse and to make it seamless for you to upgrade. Your credit card is NOT charged until your free trial ends and your subscription starts. You will be notified via email of the upcoming charge before your trial ends."
 msgstr ""
 
-#: src/strings.ts:2198
+#: src/strings.ts:2202
 msgid "We send you occasional promotional offers & product updates on your email (once every month)."
 msgstr ""
 
-#: src/strings.ts:1183
+#: src/strings.ts:1187
 msgid "We will send you occasional promotional offers & product updates on your email (sent once every month)."
 msgstr ""
 
-#: src/strings.ts:1370
+#: src/strings.ts:1374
 msgid "We would love to know what you think!"
 msgstr ""
 
-#: src/strings.ts:2584
+#: src/strings.ts:2790
+msgid "We'll create secure keys for you automatically"
+msgstr ""
+
+#: src/strings.ts:2598
 msgid "We’re setting up your plan right now. We’ll notify you as soon as everything is ready."
 msgstr ""
 
-#: src/strings.ts:2354
+#: src/strings.ts:2358
 msgid "Web clip settings"
 msgstr ""
 
-#: src/strings.ts:2050
+#: src/strings.ts:2054
 msgid "Website"
 msgstr ""
 
-#: src/strings.ts:625
+#: src/strings.ts:627
 msgid "Wed"
 msgstr ""
 
-#: src/strings.ts:616
+#: src/strings.ts:618
 msgid "Wednesday"
 msgstr ""
 
-#: src/strings.ts:664
+#: src/strings.ts:666
 msgid "Week"
 msgstr ""
 
-#: src/strings.ts:2658
+#: src/strings.ts:2674
 msgid "Week format"
 msgstr ""
 
 #: src/strings.ts:168
-#: src/strings.ts:1590
+#: src/strings.ts:1594
 msgid "Weekly"
 msgstr ""
 
-#: src/strings.ts:780
+#: src/strings.ts:782
 msgid "Welcome back, {email}"
 msgstr ""
 
-#: src/strings.ts:1909
+#: src/strings.ts:1913
 msgid "Welcome back!"
 msgstr ""
 
-#: src/strings.ts:2618
+#: src/strings.ts:2634
 msgid "Welcome to Notesnook {plan}"
 msgstr ""
 
-#: src/strings.ts:2104
+#: src/strings.ts:2108
 msgid "Welcome to Notesnook Pro"
 msgstr ""
 
-#: src/strings.ts:1408
+#: src/strings.ts:1412
 msgid "What do I do if I am not getting the email?"
 msgstr ""
 
-#: src/strings.ts:2535
+#: src/strings.ts:2539
 msgid "What happens to my data if I switch plans?"
 msgstr ""
 
-#: src/strings.ts:2551
+#: src/strings.ts:2555
 msgid "What is your refund policy?"
 msgstr ""
 
-#: src/strings.ts:1688
+#: src/strings.ts:1692
 msgid "What went wrong?"
-msgstr "<<<<<<< HEAD"
+msgstr "<<<<<<< HEAD<<<<<<< HEAD"
 
-#: src/strings.ts:2840
+#: src/strings.ts:2865
 msgid "What's included"
 msgstr ""
 
-#: src/strings.ts:2541
+#: src/strings.ts:2545
 msgid "Why do you need my credit card details for a free trial?"
 msgstr ""
 
-#: src/strings.ts:2415
+#: src/strings.ts:2419
 msgid "Width"
 msgstr ""
 
-#: src/strings.ts:2521
+#: src/strings.ts:2525
 msgid "Words"
 msgstr ""
 
-#: src/strings.ts:2444
+#: src/strings.ts:2448
 msgid "Work & Office"
 msgstr ""
 
-#: src/strings.ts:832
+#: src/strings.ts:834
 msgid "Write notes with freedom, no spying, no tracking."
 msgstr ""
 
-#: src/strings.ts:1390
+#: src/strings.ts:1394
 msgid "Write something..."
 msgstr ""
 
-#: src/strings.ts:1675
+#: src/strings.ts:1679
 msgid "Write with freedom."
 msgstr ""
 
-#: src/strings.ts:2092
+#: src/strings.ts:2096
 msgid "Write with freedom. Never compromise on privacy again."
 msgstr ""
 
-#: src/strings.ts:663
+#: src/strings.ts:665
 msgid "Year"
 msgstr ""
 
 #: src/strings.ts:170
-#: src/strings.ts:1592
+#: src/strings.ts:1596
 msgid "Yearly"
 msgstr ""
 
-#: src/strings.ts:548
+#: src/strings.ts:550
 msgid "Yes"
 msgstr ""
 
-#: src/strings.ts:2548
+#: src/strings.ts:2552
 msgid "Yes, you can cancel your trial anytime. No questions asked."
 msgstr ""
 
@@ -7842,67 +8148,67 @@ msgstr ""
 msgid "You also agree to receive marketing emails from us which you can opt-out of from app settings."
 msgstr ""
 
-#: src/strings.ts:2623
+#: src/strings.ts:2639
 msgid "You are already subscribed to this plan."
 msgstr ""
 
-#: src/strings.ts:2271
+#: src/strings.ts:2275
 msgid "You are editing \"{notebookTitle}\"."
 msgstr ""
 
-#: src/strings.ts:2064
+#: src/strings.ts:2068
 msgid "You are editing #{tag}"
 msgstr ""
 
-#: src/strings.ts:1802
+#: src/strings.ts:1806
 msgid "You are logging into the beta version of Notesnook. Switching between beta &amp; stable versions can cause weird issues including data loss. It is recommended that you do not use both simultaneously."
 msgstr ""
 
-#: src/strings.ts:1377
+#: src/strings.ts:1381
 msgid "You are not logged in"
 msgstr ""
 
-#: src/strings.ts:900
+#: src/strings.ts:902
 msgid "You are renaming color {color}"
 msgstr ""
 
-#: src/strings.ts:464
+#: src/strings.ts:467
 msgid "You can also link a note to multiple Notebooks. Tap and hold any notebook to enable multi-select."
 msgstr ""
 
-#: src/strings.ts:2095
+#: src/strings.ts:2099
 msgid "You can change the theme at any time from Settings or the side menu."
 msgstr ""
 
-#: src/strings.ts:2626
+#: src/strings.ts:2642
 msgid "You can change your subscription plan from the web app"
 msgstr ""
 
-#: src/strings.ts:2452
+#: src/strings.ts:2456
 msgid "You can create shortcuts of frequently accessed notebooks in the side menu"
 msgstr ""
 
-#: src/strings.ts:2110
+#: src/strings.ts:2114
 msgid "You can import your notes from most other note taking apps."
 msgstr ""
 
-#: src/strings.ts:1452
+#: src/strings.ts:1456
 msgid "You can multi-select notes and move them to a notebook at once"
 msgstr ""
 
-#: src/strings.ts:1443
+#: src/strings.ts:1447
 msgid "You can pin frequently used Notebooks to the Side Menu to quickly access them."
 msgstr ""
 
-#: src/strings.ts:1186
+#: src/strings.ts:1190
 msgid "You can set a custom proxy URL to increase your privacy."
 msgstr ""
 
-#: src/strings.ts:1424
+#: src/strings.ts:1428
 msgid "You can swipe left anywhere in the app to start a new note."
 msgstr ""
 
-#: src/strings.ts:2077
+#: src/strings.ts:2081
 msgid ""
 "You can track your bug report at [{url}]({url}).\n"
 "\n"
@@ -7911,7 +8217,7 @@ msgid ""
 "If your issue is critical (e.g. notes not syncing, crashes etc.), please [join our Discord community](https://go.notesnook.com/discord) for one-to-one support."
 msgstr ""
 
-#: src/strings.ts:2086
+#: src/strings.ts:2090
 msgid ""
 "You can track your feature request at [{url}]({url}).\n"
 "\n"
@@ -7922,255 +8228,259 @@ msgstr ""
 msgid "You can track your issue at "
 msgstr ""
 
-#: src/strings.ts:1044
+#: src/strings.ts:1046
 msgid "You can use all premium features for free for the next 14 days"
 msgstr ""
 
-#: src/strings.ts:1074
+#: src/strings.ts:1076
 msgid "You can use fallback 2FA method incase you are unable to login via primary method"
 msgstr ""
 
-#: src/strings.ts:1466
+#: src/strings.ts:1470
 msgid "You can view & restore older versions of any note by going to its properties -> History."
 msgstr ""
 
-#: src/strings.ts:1770
+#: src/strings.ts:1774
 msgid "You have {count} custom dictionary words."
 msgstr ""
 
-#: src/strings.ts:2229
+#: src/strings.ts:2233
 msgid "You have been logged out from all other devices."
 msgstr ""
 
-#: src/strings.ts:2223
+#: src/strings.ts:2227
 msgid "You have been logged out."
 msgstr ""
 
-#: src/strings.ts:2622
+#: src/strings.ts:2638
 msgid "You have made a one time purchase. To change your plan please contact support."
 msgstr ""
 
-#: src/strings.ts:980
+#: src/strings.ts:982
 msgid "You have not added any notebooks yet"
 msgstr ""
 
-#: src/strings.ts:979
+#: src/strings.ts:981
 msgid "You have not added any tags yet"
 msgstr ""
 
-#: src/strings.ts:978
+#: src/strings.ts:980
 msgid "You have not created any notes yet"
 msgstr ""
 
-#: src/strings.ts:977
+#: src/strings.ts:979
 msgid "You have not favorited any notes yet"
 msgstr ""
 
-#: src/strings.ts:982
+#: src/strings.ts:984
 msgid "You have not published any monographs yet"
 msgstr ""
 
-#: src/strings.ts:981
+#: src/strings.ts:983
 msgid "You have not set any reminders yet"
 msgstr ""
 
-#: src/strings.ts:1566
+#: src/strings.ts:1570
 msgid "You have unsynced notes. Take a backup or sync your notes to avoid losing your critical data."
 msgstr ""
 
-#: src/strings.ts:1655
+#: src/strings.ts:1659
 msgid "You must log out in order to change/reset server URLs."
 msgstr ""
 
-#: src/strings.ts:2760
+#: src/strings.ts:2780
 msgid ""
 "You need to login to restore attachments from a backup file. [Read more](https://help.notesnook.com/faqs/login-to-restore-attachments-in-backup).\n"
 "  \n"
 "Continue without attachments?"
 msgstr ""
 
-#: src/strings.ts:850
+#: src/strings.ts:852
 msgid "You simply cannot get any better of a note taking app than @notesnook. The UI is clean and slick, it is feature rich, encrypted, reasonably priced (esp. for students & educators) & open source"
 msgstr ""
 
-#: src/strings.ts:1084
+#: src/strings.ts:1086
 msgid "You subscribed to Notesnook Pro on {date}. Verify this subscription?"
 msgstr ""
 
-#: src/strings.ts:709
+#: src/strings.ts:711
 msgid "You subscribed to Notesnook Pro on Android Phone/Tablet using Google In App Purchase."
 msgstr ""
 
-#: src/strings.ts:702
+#: src/strings.ts:704
 msgid "You subscribed to Notesnook Pro on iOS using Apple In App Purchase. You can cancel anytime with your iTunes Account settings."
 msgstr ""
 
-#: src/strings.ts:715
+#: src/strings.ts:717
 msgid "You subscribed to Notesnook Pro on the Web/Desktop App."
 msgstr ""
 
-#: src/strings.ts:721
+#: src/strings.ts:723
 msgid "You subscribed to Notesnook Pro using a gift card."
 msgstr ""
 
-#: src/strings.ts:696
+#: src/strings.ts:698
 msgid "You were awarded a subscription to Notesnook Pro by Streetwriters."
 msgstr ""
 
-#: src/strings.ts:468
+#: src/strings.ts:471
 msgid "You will be logged out from all your devices"
 msgstr ""
 
-#: src/strings.ts:1872
+#: src/strings.ts:1876
 msgid "You will receive instructions on how to recover your account on this email"
 msgstr ""
 
-#: src/strings.ts:467
+#: src/strings.ts:470
 msgid "Your account email will be changed without affecting your subscription or any other settings."
 msgstr ""
 
-#: src/strings.ts:1938
+#: src/strings.ts:1942
 msgid "Your account has been recovered."
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2864
+#: src/strings.ts:2889
 msgid "Your account is almost ready, please wait."
 msgstr ""
 
-#: src/strings.ts:502
-#: src/strings.ts:1749
+#: src/strings.ts:504
+#: src/strings.ts:1753
 msgid "Your account is now 100% secure against unauthorized logins."
 msgstr ""
 
-#: src/strings.ts:1877
+#: src/strings.ts:1881
 msgid "Your account password must be strong & unique."
 msgstr ""
 
-#: src/strings.ts:1050
+#: src/strings.ts:1052
 msgid "Your account will be downgraded in {days} days"
 msgstr ""
 
-#: src/strings.ts:1094
-msgid "Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure you have saved a backup of your notes before proceeding."
+#: src/strings.ts:1096
+msgid "Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure to save a backup of your notes before proceeding."
 msgstr ""
 
-#: src/strings.ts:976
+#: src/strings.ts:978
 msgid "Your archive"
 msgstr ""
 
-#: src/strings.ts:2517
+#: src/strings.ts:2521
 msgid "Your archive is empty"
 msgstr ""
 
-#: src/strings.ts:1950
+#: src/strings.ts:1954
 msgid "Your backup is ready to download"
 msgstr ""
 
-#: src/strings.ts:1607
+#: src/strings.ts:1611
 msgid "Your changes could not be saved"
 msgstr ""
 
-#: src/strings.ts:1797
+#: src/strings.ts:1801
 msgid "Your changes have been saved and will be reflected after the app has refreshed."
 msgstr ""
 
-#: src/strings.ts:2130
+#: src/strings.ts:2134
 msgid "Your current 2FA method is {method}"
 msgstr ""
 
-#: src/strings.ts:2629
+#: src/strings.ts:2645
 msgid "Your current subscription does not allow changing plans"
 msgstr ""
 
-#: src/strings.ts:1822
+#: src/strings.ts:1826
 msgid "Your data recovery key is basically a hashed version of your password (plus some random salt). It can be used to decrypt your data for re-encryption."
 msgstr ""
 
-#: src/strings.ts:1875
+#: src/strings.ts:1879
 msgid "Your data recovery key will be used to decrypt your data"
 msgstr ""
 
-#: src/strings.ts:2537
+#: src/strings.ts:2541
 msgid "Your data remains 100% accessible regardless of what plan you are on. That includes your notes, notebooks, attachments, and anything else you might have created."
 msgstr ""
 
-#: src/strings.ts:1805
+#: src/strings.ts:1809
 msgid "Your email has been confirmed."
 msgstr ""
 
-#: src/strings.ts:2528
+#: src/strings.ts:2532
 msgid "Your email has been confirmed. You can now securely sync your encrypted notes across all devices."
 msgstr ""
 
-#: src/strings.ts:766
+#: src/strings.ts:768
 msgid "Your email is not confirmed. Please confirm your email address to change account password."
 msgstr ""
 
-#: src/strings.ts:970
+#: src/strings.ts:972
 msgid "Your favorites"
 msgstr ""
 
-#: src/strings.ts:1047
+#: src/strings.ts:1049
 msgid "Your free trial ends on {date}"
 msgstr ""
 
-#: src/strings.ts:1420
+#: src/strings.ts:1424
 msgid "Your free trial has expired"
 msgstr ""
 
-#: src/strings.ts:1042
+#: src/strings.ts:1044
 msgid "Your free trial has started"
 msgstr ""
 
-#: src/strings.ts:1419
+#: src/strings.ts:1423
 msgid "Your free trial is ending soon"
 msgstr ""
 
-#: src/strings.ts:2657
+#: src/strings.ts:2673
 msgid "Your free trial is on-going. Your subscription will start on {trialExpiryDate}"
 msgstr ""
 
-#: src/strings.ts:1799
+#: src/strings.ts:1803
 msgid "Your full name"
 msgstr ""
 
-#: src/strings.ts:975
+#: src/strings.ts:977
 msgid "Your monographs"
 msgstr ""
 
-#: src/strings.ts:1328
+#: src/strings.ts:1332
 msgid "Your name is stored 100% end-to-end encrypted and only visible to you."
 msgstr ""
 
-#: src/strings.ts:561
+#: src/strings.ts:563
 msgid "Your note will be unencrypted and removed from the vault."
 msgstr ""
 
-#: src/strings.ts:973
+#: src/strings.ts:975
 msgid "Your notebooks"
 msgstr ""
 
-#: src/strings.ts:971
+#: src/strings.ts:973
 msgid "Your notes"
 msgstr ""
 
-#: src/strings.ts:1913
+#: src/strings.ts:1917
 msgid "Your password is always hashed before leaving this device."
 msgstr ""
 
-#: src/strings.ts:846
+#: src/strings.ts:848
 msgid "Your privacy matters to us, no matter who you are. In a world where everyone is trying to spy on you, Notesnook encrypts all your data before it leaves your device. With Notesnook no one can ever sell your data again."
 msgstr ""
 
-#: src/strings.ts:1325
+#: src/strings.ts:1329
 msgid "Your profile pictrure is stored 100% end-to-end encrypted and only visible to you."
 msgstr ""
 
-#: src/strings.ts:2018
+#: src/strings.ts:2900
+msgid "Your recovery key"
+msgstr ""
+
+#: src/strings.ts:2022
 msgid "Your refund has been issued. Please wait 24 hours before reaching out to us in case you do not receive your funds."
 msgstr ""
 
-#: src/strings.ts:974
+#: src/strings.ts:976
 msgid "Your reminders"
 msgstr ""
 
@@ -8178,66 +8488,66 @@ msgstr ""
 msgid "Your session has expired. Please enter password for {obfuscatedEmail} to continue."
 msgstr ""
 
-#: src/strings.ts:1051
+#: src/strings.ts:1053
 msgid "Your subscription ends on {date}"
 msgstr ""
 
-#: src/strings.ts:2016
+#: src/strings.ts:2020
 msgid "Your subscription has been canceled."
 msgstr ""
 
-#: src/strings.ts:1048
+#: src/strings.ts:1050
 msgid "Your subscription has ended"
 msgstr ""
 
-#: src/strings.ts:1052
+#: src/strings.ts:1054
 msgid "Your subscription renews on {date}"
 msgstr ""
 
-#: src/strings.ts:2074
+#: src/strings.ts:2078
 msgid "Your support request has been forwarded"
 msgstr ""
 
-#: src/strings.ts:2083
+#: src/strings.ts:2087
 msgid "Your support request has been forwarded to our support team. We will get back to you via email as soon as possible. If you don't receive an email from us within 24-48 hours, please send us an email directly at support@notesnook.com."
 msgstr ""
 
-#: src/strings.ts:972
+#: src/strings.ts:974
 msgid "Your tags"
-msgstr ""
+msgstr "<<<<<<< HEAD"
 
-#: src/strings.ts:2860
+#: src/strings.ts:2885
 msgid "Your thoughts deserve a home. Create your first note and start organizing your life today."
 msgstr ""
 
-#: src/strings.ts:690
+#: src/strings.ts:692
 msgid "yr"
 msgstr ""
 
-#: src/strings.ts:648
+#: src/strings.ts:650
 msgid "Z to A"
 msgstr ""
 
-#: src/strings.ts:793
+#: src/strings.ts:795
 msgid "Zipping"
 msgstr ""
 
-#: src/strings.ts:2493
+#: src/strings.ts:2497
 msgid "Zoom"
 msgstr ""
 
-#: src/strings.ts:2124
+#: src/strings.ts:2128
 msgid "Zoom factor"
 msgstr ""
 
-#: src/strings.ts:1721
+#: src/strings.ts:1725
 msgid "Zoom in"
 msgstr ""
 
-#: src/strings.ts:2125
+#: src/strings.ts:2129
 msgid "Zoom in or out the app content."
 msgstr ""
 
-#: src/strings.ts:1720
+#: src/strings.ts:1724
 msgid "Zoom out"
 msgstr ""
diff --git a/packages/intl/src/strings.ts b/packages/intl/src/strings.ts
index 19c37a942..5450c8c98 100644
--- a/packages/intl/src/strings.ts
+++ b/packages/intl/src/strings.ts
@@ -228,10 +228,9 @@ export const strings = {
       t`Please note that we will respond to your issue on the given link. We recommend that you save it.`
   },
   issueNotice: {
-    0: () => t`The information above will be publically available at`,
-    1: () =>
-      t`If you want to ask something in general or need some assistance, we would suggest that you`,
-    2: () => t`join our community on Discord.`
+    0: () => t`Issues reported here are public on`,
+    1: () => t`For support or questions, chat with our community on`,
+    2: () => t`Discord.`
   },
   linkNoteEmptyBlock: () => t`(empty block)`,
   linkNoteSelectedNote: () => t`SELECTED NOTE`,
@@ -377,13 +376,17 @@ export const strings = {
   restoringCollection: (collection: string) => t`Restoring ${collection}...`,
   checkNewVersion: () => t`Checking for new version`,
   noUpdates: () => t`No updates available`,
+  noUpdatesDesc: () => t`There are no new updates at the moment.`,
   updateAvailable: () => t`Update available`,
   versionReleased: (version: string, type: "github" | "store") =>
     select(type, {
       github: `v${version} has been released on GitHub`,
       other: `v${version} has been released`
     }),
-  readReleaseNotes: () => t`Read full release notes on Github`,
+  readReleaseNotes: {
+    1: () => t`Read full release notes on `,
+    2: () => t`Github`
+  },
   settings: () => t`Settings`,
   notLoggedIn: () => t`Not logged in`,
   loggedInAs: (email: string) => t`Logged in as ${email}`,
@@ -472,8 +475,7 @@ $day$: Current day (eg. Monday)`,
   issueTitle: () => t`Report issue`,
   issueDesc: () =>
     t`We are sorry, it seems that the app crashed due to an error. You can submit a bug report below so we can fix this asap.`,
-  issueDesc2: () =>
-    t`Let us know if you have faced any issue/bug while using Notesnook. We will try to fix it as soon as possible.`,
+  issueDesc2: () => t`Help us make Notesnook better for everyone.`,
   migrationSaveBackup: () => t`Save a backup of your notes`,
   migrationSaveBackupDesc: () =>
     t`Thank you for updating Notesnook! We will be applying some minor changes for a better note taking experience.`,
@@ -493,7 +495,7 @@ $day$: Current day (eg. Monday)`,
   backups: () => t`Backups`,
   twoFactorAuth: () => t`Two-factor authentication`,
   twoFactorAuthDesc: () =>
-    t`Enable two-factor authentication to add an extra layer of security to your account.`,
+    t`Enable two-factor authentication to secure your account.`,
   saveRecoveryCodes: () => t`Save recovery codes`,
   saveRecoveryCodesDesc: () =>
     t`Save your recovery codes in a safe place. You will need them to recover your account in case you lose access to your two-factor authentication methods.`,
@@ -731,7 +733,7 @@ $day$: Current day (eg. Monday)`,
   fileCheckFailed: (reason: string) =>
     t`File check failed: ${reason} Try reuploading the file to fix the issue.`,
   changePasswordNotice: () =>
-    t`Changing password is an irreversible process. You will be logged out from all your devices. Please make sure you do not close the app while your password is changing and have good internet connection.`,
+    t`Changing your password is irreversible process. Once your password is changed please make sure to save the new account recovery key.`,
   changePasswordNotice2: () =>
     t`Once your password is changed, please make sure to save the new account recovery key`,
   sideMenuNotice: () => t`Add shortcuts for notebooks and tags here.`,
@@ -1063,7 +1065,7 @@ $day$: Current day (eg. Monday)`,
   removeFullNameDesc: () => t`Remove your full name from profile`,
   saveDataRecoveryKey: () => t`Save data recovery key`,
   saveDataRecoveryKeyDesc: () =>
-    t`Save your data recovery key in a safe place. You will need it to recover your data in case you forget your password.`,
+    t`Recovery key helps you recover your data if you forget your password.`,
   manageAttachments: () => t`Manage attachments`,
   manageAttachmentsDesc: () => t`Manage your attachments in one place`,
   changePasswordDesc: () => t`Change your account password`,
@@ -1087,24 +1089,26 @@ $day$: Current day (eg. Monday)`,
     t`Please wait while we verify your subscription`,
   verifySubDesc: () => t`Verify your subscription to Notesnook Pro`,
   logoutWarnin: () =>
-    t`Logging out will clear all data stored on THIS DEVICE. Make sure you have synced all your changes before logging out.`,
+    t`This will clear all data stored on THIS DEVICE. Make sure to run sync before logging out.`,
   logoutError: () => t`Error logging out`,
   deleteAccount: () => t`Delete account`,
   deleteAccountDesc: () =>
-    t`Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure you have saved a backup of your notes before proceeding.`,
+    t`Your account will be permanently deleted along with all your data, login credentials, and subscription information. This action is IRREVERSIBLE. Make sure to save a backup of your notes before proceeding.`,
   enterAccountPassword: () => t`Enter account password`,
   enterAccountPasswordDesc: () => t`Enter account password to proceed.`,
   failedToDeleteAccount: () => t`Failed to delete account`,
   syncSettings: () => t`Sync settings`,
   syncSettingsDesc: () => t`Manage your sync settings here`,
-  disableAutoSync: () => t`Disable auto sync`,
-  disableAutoSyncDesc: () =>
-    t`Turn off automatic syncing. Changes from this client will be synced only when you run sync manually.`,
-  disableRealtimeSync: () => t`Disable realtime sync`,
-  disableRealtimeSyncDesc: () =>
-    t`Changes from other devices won't be updated in the editor in real-time.`,
-  disableSync: () => t`Disable sync`,
-  disableSyncDesc: () =>
+  syncBehavior: () => t`Sync behavior`,
+  offlineAndStorage: () => t`Offline & storage`,
+  advancedSettings: () => t`Advanced settings`,
+  troubleshooting: () => t`Troubleshooting`,
+  autoSync: () => t`Auto sync`,
+  autoSyncDesc: () => t`Keep your notes updated automatically`,
+  realtimeSync: () => t`Real-time sync`,
+  realtimeSyncDesc: () => t`See changes in editor instantly across devices.`,
+  pauseSync: () => t`Pause sync`,
+  pauseSyncDesc: () =>
     t`Turns off syncing completely on this device. Any changes made will remain local only and new changes from your other devices won't sync to this device.`,
   backgroundSync: () => t`Background sync (experimental)`,
   backgroundSyncDesc: () =>
@@ -1239,13 +1243,13 @@ $day$: Current day (eg. Monday)`,
     t`Set the interval to create a backup (with attachments) automatically.`,
     t`NOTE: Creating a backup with attachments can take a while, and also fail completely. The app will try to resume/restart the backup in case of interruptions.`
   ],
-  selectBackupDir: () => t`Select backup directory`,
+  selectBackupDir: () => t`Backup location`,
   selectBackupDirDesc: (path: string) => [
     t`Choose where to save your backups`,
     t`Current path: ${path}`
   ],
   noDirectorySelected: () => t`No directory selected`,
-  changeBackupDir: () => t`Change backup directory`,
+  changeBackupDir: () => t`Change backup location`,
   backupEncryption: () => t`Backup encryption`,
   backupEncryptionDesc: () => t`Encrypt your backups for added security`,
   restoreBackup: () => t`Restore backup`,
@@ -1629,7 +1633,7 @@ For example:
   selectBackupFileDesc: () =>
     t`Select a backup file from your device to restore backup`,
   restoreFromFiles: () => t`Restore from files`,
-  recentBackups: () => t`RECENT BACKUPS`,
+  recentBackups: () => t`Recent backups`,
   restoringBackup: () => t`Restoring backup...`,
   restoringBackupDesc: () => t`Please wait while we restore your backup...`,
   decryptingBackup: () => t`Backup is encrypted, decrypting...`,
@@ -1888,7 +1892,7 @@ For example:
   clickToPreview: () => t`Click to preview`,
   clearCache: () => t`Clear cache`,
   clearCacheDesc: (cacheSize: number) =>
-    t`Clear all cached attachments. Current cache size: ${cacheSize}`,
+    t`Clear all cached attachments. Size: ${cacheSize}`,
   clearCacheConfirm: () => t`Clear attachments cache?`,
   clearCacheConfirmDesc:
     () => t`Clearing attachments cache will perform the following actions:
@@ -2566,9 +2570,19 @@ Use this if changes from other devices are not appearing on this device. This wi
     () => t`and much more.`
   ],
   cancelAnytime: () => t`Cancel anytime.`,
+  cancelAnytimeShort: () => t`Cancel anytime`,
   googleReminderTrial: () =>
     t`Google will remind you 2 days before your trial ends.`,
   exploreAllPlans: () => t`Explore all plans`,
+  viewPlans: () => t`View plans`,
+  unlockPremiumFeatures: () => t`Unlock premium features and extra storage`,
+  cloudStorage: () => t`cloud storage`,
+  cloudStorageBenefit: () => t`Secure backup space for files and images.`,
+  appLockSecurity: () => t`App lock & security`,
+  appLockSecurityBenefit: () => t`Protect notes with app-level security`,
+  advancedNoteElements: () => t`Advanced note elements`,
+  advancedNoteElementsBenefit: () => t`Outlines, note linking, and more`,
+  sevenDayFreeTrial: () => t`7-day free trial`,
   tryPlanForFree: (plan: string) => t`Try ${plan} for free`,
   plan: (plan: string) => t`${plan} plan`,
   notesnookPlans: [() => t`Notesnook`, () => t`Plans`],
@@ -2612,6 +2626,8 @@ Use this if changes from other devices are not appearing on this device. This wi
   ],
   bestValue: () => t`Best value`,
   planLimits: () => t`Plan limits`,
+  planLimitsDesc: () =>
+    t`Review your current limits and unlock more with premium`,
   unlimited: () => t`Unlimited`,
   fiveYearPlan: () => t`5 year plan`,
   educationPlan: () => t`Education plan`,
@@ -2631,11 +2647,11 @@ Use this if changes from other devices are not appearing on this device. This wi
   redeemCode: () => t`Redeem code`,
   notesnookCircle: () => t`Notesnook Circle`,
   notesnookCircleDesc: () =>
-    t`Notesnook Circle brings together trusted partners who share our commitment to privacy, transparency, and user freedom.`,
+    t`Trusted partners who share our commitment to privacy, transparency, and user freedom.`,
   trialUserCircleNotice: () =>
-    `Notesnook Circle is reserved for members with an active subscription. You'll get full access after your trial period is over and your subscription is confirmed.`,
+    `Notesnook Circle is reserved for members with an active subscription. You'll get full access after your trial ends and subscription starts.`,
   freeUserCircleNotice: () =>
-    t`The Notesnook Circle is exclusive to subscribers. Please consider subscribing to gain access to Notesnook Circle and enjoy additional benefits.`,
+    t`Notesnook Circle is exclusively available to subscribed users.`,
   finishPurchaseInBrowser: () => t`Finish your purchase in the browser.`,
   goBack: () => t`Go back`,
   clickToDirectlyClaimPromo: () =>
@@ -2687,11 +2703,13 @@ Use this if changes from other devices are not appearing on this device. This wi
   viewAPIKeys: () => t`API Keys`,
   viewAPIKeysDesc: () => t`View and manage inbox API keys`,
   createApiKey: () => t`Create API Key`,
+  createApiKeyDesc: () => t`Create your API key`,
   keyName: () => t`Key name`,
   exampleKeyName: () => t`e.g., Todo integration`,
   expiresIn: () => t`Expires in`,
   enterKeyName: () => t`Please enter a key name`,
   apiKeyCreatedSuccessfully: () => t`API key created successfully`,
+  apiKeyCreatedDesc: () => t`Copy your API key and store it somewhere safe.`,
   failedToCreateApiKey: (message: string) =>
     t`Failed to create API key${message ? `: ${message}` : ""}`,
   creating: () => t`Creating...`,
@@ -2703,7 +2721,7 @@ Use this if changes from other devices are not appearing on this device. This wi
   failedToLoadApiKeys: () => t`Failed to load API keys. Please try again.`,
   retry: () => t`Retry`,
   createFirstApiKey: () => t`Create your first api key to get started.`,
-  createKey: () => t`Create Key`,
+  createKey: () => t`Create new key`,
   ok: () => t`OK`,
   apiKeysLimitReached: () => t`API Keys Limit Reached`,
   apiKeysLimitReachedMessage: () =>
@@ -2723,6 +2741,8 @@ Use this if changes from other devices are not appearing on this device. This wi
   lastUsedOn: () => t`Last used on`,
   neverUsed: () => t`Never used`,
   createdOn: () => t`Created on`,
+  created: () => t`Created`,
+  expires: () => t`Expires`,
   neverExpires: () => t`Never expires`,
   expired: () => t`Expired`,
   expiresOn: () => t`Expires on`,
@@ -2733,7 +2753,7 @@ Use this if changes from other devices are not appearing on this device. This wi
   invalidPgpKeyPair: () =>
     t`Invalid PGP key pair. Please check your keys and try again.`,
   inboxKeysSaved: () => t`Inbox keys saved`,
-  lockVaultAfter: () => t`Lock vault after`,
+  lockVaultAfter: () => t`Lock vault timer`,
   lockVaultAfterDesc: () =>
     `How long should the vault stay unlocked before automatically locking?`,
   back: () => t`Back`,
@@ -2767,11 +2787,16 @@ Continue without attachments?`,
   setupInboxPgpKeysDescription: () =>
     t`Choose how you want to set up your Inbox PGP keys:`,
   autoGenerateKeys: () => t`Auto-generate keys`,
+  autoGenerateKeysDesc: () => t`We'll create secure keys for you automatically`,
   provideOwnKeys: () => t`Provide your own keys`,
+  provideOwnKeysDesc: () => t`Use existing PGP keys if you already have them`,
+  setupInboxKeysDesc: () =>
+    t`Protect incoming messages so only you can read them`,
   details: () => t`Details`,
   dateSynced: () => t`Date synced`,
   failedInboxItems: () => t`Failed inbox items`,
   failedInboxItemsDesc: () => t`View failed inbox items and error contexts`,
+  payloadData: () => t`Payload data`,
   noFailedInboxItems: () => t`No failed inbox items`,
   show: () => t`Show`,
   itemDeleted: () => t`Item deleted`,
@@ -2866,5 +2891,67 @@ Continue without attachments?`,
   provideValidMultiFactorAuthRecoveryCode: () =>
     t`Please provide a valid multi factor authentication recovery code.`,
   provideValidMultiFactorAuthCode: () =>
-    t`Please provide a valid multi factor authentication code.`
+    t`Please provide a valid multi factor authentication code.`,
+  allDevices: () => t`Access on all devices`,
+  freeTrial: (days: number) => t`Free ${days} days trial, cancel anytime`,
+  remind: () => t`Remind before your trial ends`,
+  yourSecurityIsPriority: () => `Your security is our priority`,
+  enterYourPassword: () => t`Enter your password`,
+  yourRecoveryKey: () => t`Your recovery key`,
+  forcePullAction: () => t`Force Pull`,
+  forcePushAction: () => t`Force Push`,
+  forceSyncPullSheetDesc: () =>
+    t`This will overwrite all data on this device with the data from the server.`,
+  forceSyncPushSheetDesc: () =>
+    t`This will overwrite all data on the server with the data from this device.`,
+  forceSyncWarningShort: () =>
+    t`Use this only for troubleshooting sync issues. Regular use may lead to data loss or conflicts.`,
+  forceSyncNeedHelpContact: () => t`Having issues? Contact`,
+  forceSyncRiskAcknowledgement: () => t`I understand the risks`,
+  editProfileDesc: () => t`Change profile picture, full name and email`,
+  dataAndStorage: () => t`Data and storage`,
+  accountActions: () => t`Account actions`,
+  subscriptionRequired: () => t`Subscription required`,
+  claimPromotion: {
+    clickHere: () => t`Click here`,
+    toClaim: () => t`to claim the promotion directly.`
+  },
+  navigation: () => t`Navigation`,
+  storageAndCleanup: () => t`Storage & cleanup`,
+  alwaysAsk: () => t`Always ask`,
+  updates: () => t`Updates`,
+  organization: () => t`Organization`,
+  miscellaneous: () => t`Miscellaneous`,
+  typography: () => t`Typography`,
+  formatting: () => t`Formatting`,
+  newNoteTitle: () => t`New note title`,
+  titleFormatCurrentDate: () => t`Current date`,
+  titleFormatCurrentTime: () => t`Current time`,
+  titleFormatCurrentDay: () => t`Current day`,
+  titleFormatTimestamp: () => t`Timestamp`,
+  titleFormatNoteCount: () => t`Note count`,
+  titleFormatHeadline: () => t`Headline`,
+  backupActions: () => t`Backup actions`,
+  storageAndLocation: () => t`Storage & location`,
+  fullBackup: () => t`Full backup`,
+  automaticFullBackup: () => t`Automatic full backup`,
+  security: () => t`Security`,
+  restoreActions: () => t`Restore actions`,
+  issueSummary: () => t`Issue summary`,
+  enableBiometricUnlock: () => t`Enable biometric unlock`,
+  downloadDebugLogs: () => t`Download debug logs`,
+  downloadDebugLogsDesc: () => t`Download and share debug logs from the app`,
+  preparingLogs: () => t`Preparing logs..`,
+  preparingLogsChooseLocation: () => t`Choosing storage location...`,
+  preparingLogsCollect: () => t`Consolidating network sync logs...`,
+  preparingLogsCompress: () => t`Compressing logs into an archive...`,
+  preparingLogsSave: () => t`Saving logs to your storage...`,
+  debugLogsDownloaded: () => t`Debug logs downloaded!`,
+  debugLogsDownloadedDesc: () =>
+    t`The encrypted archive is available in your default local storage structure and can be safely sent to the Notesnook customer care team.`,
+  downloadLogsFailed: () => t`Couldn't download logs`,
+  downloadLogsFailedDesc: () =>
+    t`Something went wrong while preparing your debug logs. This can happen if no storage location was selected.`,
+  shareZip: () => t`Share ZIP`,
+  tryDownloadLogsAgain: () => t`Try again`
 };