From 80f88f85badc5fe255c5fc824fedcdb21d4f1593 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Sat, 10 Feb 2024 18:56:33 +0500
Subject: [PATCH] mobile: fix notebooks & colors

---
 .../mobile/app/components/container/index.tsx |  16 +-
 .../components/dialogs/color-picker/index.tsx | 340 +++----
 .../mobile/app/components/properties/index.js |   5 +-
 .../app/components/sheet-provider/index.js    |   5 +-
 .../components/sheets/add-notebook/index.tsx  |   6 +-
 .../components/sheets/move-notes/movenote.tsx |  94 +-
 .../sheets/notebook-sheet/index.tsx           | 169 ++--
 apps/mobile/app/hooks/use-actions.tsx         |  12 +-
 .../mobile/app/navigation/navigation-stack.js |   1 -
 apps/mobile/app/package.json                  |  10 +-
 .../mobile/app/stores/item-selection-store.ts |  20 +-
 apps/mobile/native/package.json               |   1 +
 apps/mobile/package-lock.json                 | 889 ++++++++++--------
 apps/mobile/package.json                      |  10 +-
 ...eact-native-wheel-color-picker+1.3.1.patch |  18 +
 15 files changed, 786 insertions(+), 810 deletions(-)
 create mode 100644 apps/mobile/patches/react-native-wheel-color-picker+1.3.1.patch

diff --git a/apps/mobile/app/components/container/index.tsx b/apps/mobile/app/components/container/index.tsx
index fc1e61f0e..9cf81ba8b 100644
--- a/apps/mobile/app/components/container/index.tsx
+++ b/apps/mobile/app/components/container/index.tsx
@@ -18,27 +18,25 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
 import React, { PropsWithChildren } from "react";
-import { KeyboardAvoidingView, Platform } from "react-native";
+import { Platform, View, useWindowDimensions } from "react-native";
 import useGlobalSafeAreaInsets from "../../hooks/use-global-safe-area-insets";
-import useIsFloatingKeyboard from "../../hooks/use-is-floating-keyboard";
 
 export const Container = ({ children }: PropsWithChildren) => {
-  const floating = useIsFloatingKeyboard();
   const insets = useGlobalSafeAreaInsets();
+  const dimensions = useWindowDimensions();
 
   return (
-    <KeyboardAvoidingView
-      behavior="padding"
-      enabled={Platform.OS === "ios" && !floating}
+    <View
       style={{
-        flex: 1,
         overflow: "hidden",
         paddingTop: Platform.OS === "android" ? 0 : insets.top,
-        paddingBottom: Platform.OS === "android" ? 0 : insets.bottom
+        paddingBottom: Platform.OS === "android" ? 0 : insets.bottom,
+        height: dimensions.height,
+        width: "100%"
       }}
     >
       {children}
-    </KeyboardAvoidingView>
+    </View>
   );
 };
 
diff --git a/apps/mobile/app/components/dialogs/color-picker/index.tsx b/apps/mobile/app/components/dialogs/color-picker/index.tsx
index e68d7dfb9..14e1c8af7 100644
--- a/apps/mobile/app/components/dialogs/color-picker/index.tsx
+++ b/apps/mobile/app/components/dialogs/color-picker/index.tsx
@@ -16,131 +16,27 @@ 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 { Color } from "@notesnook/core";
 import { useThemeColors } from "@notesnook/theme";
 import React, { useRef, useState } from "react";
 import { TextInput, View } from "react-native";
-import { FlashList } from "react-native-actions-sheet/dist/src/views/FlashList";
-import Icon from "react-native-vector-icons/MaterialCommunityIcons";
+import ColorPickerWheel from "react-native-wheel-color-picker";
 import { db } from "../../../common/database";
+import { useStoredRef } from "../../../hooks/use-stored-ref";
 import { ToastManager } from "../../../services/event-manager";
 import { useMenuStore } from "../../../stores/use-menu-store";
 import { useRelationStore } from "../../../stores/use-relation-store";
 import { useSettingStore } from "../../../stores/use-setting-store";
-import { SIZE } from "../../../utils/size";
 import BaseDialog from "../../dialog/base-dialog";
 import DialogContainer from "../../dialog/dialog-container";
 import { Toast } from "../../toast";
 import { Button } from "../../ui/button";
 import Input from "../../ui/input";
 import { PressableButton } from "../../ui/pressable";
-import { Color } from "@notesnook/core";
-const arrayOfColors = [
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7",
-  "#FF5733",
-  "#33FF57",
-  "#339DFF",
-  "#FF33E9",
-  "#E9FF33",
-  "#FF3395",
-  "#95FF33",
-  "#FF3369",
-  "#6933FF",
-  "#33FFC7"
-];
+
 const HEX_COLOR_REGEX_ALPHA =
   /^#(?:(?:[\da-fA-F]{3}){1,2}|(?:[\da-fA-F]{4}){1,2})$/;
 
-const convertToColorObjects = (colors: string[]) => {
-  const colorObjects = [];
-  for (let i = 0; i < colors.length; i += 3) {
-    colorObjects.push({
-      colorOne: colors[i],
-      colorTwo: colors[i + 1],
-      colorThree: colors[i + 2]
-    });
-  }
-  return colorObjects;
-};
-
 const ColorPicker = ({
   visible,
   setVisible,
@@ -154,43 +50,7 @@ const ColorPicker = ({
   const { colors } = useThemeColors();
   const inputRef = useRef<TextInput>(null);
   const title = useRef<string>();
-
-  const renderItem = ({
-    item
-  }: {
-    item: { colorOne: string; colorTwo: string; colorThree: string };
-  }) => (
-    <View>
-      {Object.keys(item).map((key) => (
-        <PressableButton
-          key={item[key as keyof typeof item]}
-          type="accent"
-          accentColor={item[key as keyof typeof item]}
-          customStyle={{
-            width: 40,
-            height: 40,
-            borderRadius: 100,
-            justifyContent: "center",
-            alignItems: "center",
-            marginRight: 10,
-            marginBottom: 10
-          }}
-          onPress={() => {
-            const color = item[key as keyof typeof item];
-            setSelectedColor(color);
-            inputRef.current?.setNativeProps({
-              placeholder: color,
-              text: color
-            });
-          }}
-        >
-          {selectedColor === item[key as keyof typeof item] ? (
-            <Icon name="check" color="white" size={SIZE.lg} />
-          ) : null}
-        </PressableButton>
-      ))}
-    </View>
-  );
+  const colorRef = useStoredRef("color-ref", "#f0f0f0");
 
   return (
     <BaseDialog
@@ -205,101 +65,127 @@ const ColorPicker = ({
       <Toast context="color-picker" />
       <DialogContainer
         style={{
-          paddingTop: 0
+          paddingTop: 0,
+          maxHeight: 600
         }}
       >
-        <View
-          style={{
-            padding: 20
-          }}
-        >
-          <FlashList
-            extraData={selectedColor}
-            horizontal
-            data={convertToColorObjects(arrayOfColors)}
-            renderItem={renderItem}
-          />
-
+        <View>
           <View
             style={{
-              flexDirection: "row",
-              alignItems: "center",
-              paddingTop: 10,
-              columnGap: 10,
-              marginBottom: 10
+              width: "100%",
+              height: 250,
+              backgroundColor: selectedColor,
+              borderRadius: 10
             }}
           >
-            <Input
-              fwdRef={inputRef}
-              placeholder="#f0f0f0"
-              marginBottom={0}
-              onChangeText={(value) => {
-                if (HEX_COLOR_REGEX_ALPHA.test(value)) {
-                  setSelectedColor(value);
-                  inputRef.current?.setNativeProps({
-                    placeholder: value,
-                    text: value
-                  });
-                }
-              }}
-            />
-            <PressableButton
-              type="accent"
-              accentColor={selectedColor || colors.secondary.background}
-              customStyle={{
-                width: 45,
-                height: 45,
-                borderRadius: 100,
-                justifyContent: "center",
-                alignItems: "center"
+            <ColorPickerWheel
+              onColorChangeComplete={(color) => {
+                if (color === selectedColor) return;
+                colorRef.current = color;
+                setSelectedColor(color);
+                inputRef.current?.setNativeProps({
+                  placeholder: color,
+                  text: color
+                });
               }}
+              useNativeLayout={true}
+              autoResetSlider={true}
+              color={colorRef.current}
+              sliderSize={30}
+              thumbSize={25}
+              shadeWheelThumb
+              shadeSliderThumb={true}
+              swatchesOnly={false}
+              swatches={false}
+              useNativeDriver={true}
             />
           </View>
 
-          <Input
-            marginBottom={10}
-            onChangeText={(value) => {
-              title.current = value;
+          <View
+            style={{
+              paddingHorizontal: 12
             }}
-            placeholder={title.current || "Color title"}
-          />
+          >
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                paddingTop: 10,
+                columnGap: 10,
+                marginBottom: 10
+              }}
+            >
+              <Input
+                fwdRef={inputRef}
+                placeholder="#f0f0f0"
+                marginBottom={0}
+                onChangeText={(value) => {
+                  if (HEX_COLOR_REGEX_ALPHA.test(value)) {
+                    colorRef.current = value;
+                    setSelectedColor(value);
+                  }
+                }}
+                defaultValue={colorRef.current}
+              />
+              <PressableButton
+                type="accent"
+                accentColor={selectedColor || colors.secondary.background}
+                customStyle={{
+                  width: 45,
+                  height: 45,
+                  borderRadius: 100,
+                  justifyContent: "center",
+                  alignItems: "center"
+                }}
+              />
+            </View>
 
-          <Button
-            title="Add color"
-            onPress={async () => {
-              if (!selectedColor)
-                return ToastManager.error(
-                  new Error("Select a color"),
-                  undefined,
-                  "color-picker"
-                );
-              if (!title.current)
-                return ToastManager.error(
-                  new Error("Enter a title for the color")
-                );
-              const exists = await db.colors.all.find((v) =>
-                v.and([v(`colorCode`, "==", selectedColor)])
-              );
-              if (exists)
-                return ToastManager.error(
-                  new Error(`Color #${selectedColor} already exists`)
-                );
+            <Input
+              marginBottom={10}
+              onChangeText={(value) => {
+                title.current = value;
+              }}
+              defaultValue={title.current}
+              placeholder={title.current || "Color title"}
+            />
 
-              const id = await db.colors.add({
-                title: title.current,
-                colorCode: selectedColor
-              });
-              useRelationStore.getState().update();
-              useMenuStore.getState().setColorNotes();
-              setVisible(false);
-              const color = await db.colors.color(id);
-              if (color) {
-                onColorAdded?.(color);
-              }
-            }}
-            type={selectedColor ? "grayAccent" : "grayBg"}
-            width="100%"
-          />
+            <Button
+              title="Add color"
+              onPress={async () => {
+                if (!selectedColor)
+                  return ToastManager.error(
+                    new Error("Select a color"),
+                    undefined,
+                    "color-picker"
+                  );
+                if (!title.current)
+                  return ToastManager.error(
+                    new Error("Enter a title for the color")
+                  );
+                const exists = await db.colors.all.find((v) =>
+                  v.and([v(`colorCode`, "==", selectedColor)])
+                );
+                if (exists)
+                  return ToastManager.error(
+                    new Error(`Color #${selectedColor} already exists`)
+                  );
+
+                const id = await db.colors.add({
+                  title: title.current,
+                  colorCode: selectedColor
+                });
+                useRelationStore.getState().update();
+                useMenuStore.getState().setColorNotes();
+                setVisible(false);
+                const color = await db.colors.color(id);
+                if (color) {
+                  onColorAdded?.(color);
+                }
+              }}
+              type={selectedColor ? "grayAccent" : "grayBg"}
+              width="100%"
+            />
+          </View>
         </View>
       </DialogContainer>
     </BaseDialog>
diff --git a/apps/mobile/app/components/properties/index.js b/apps/mobile/app/components/properties/index.js
index a33d5d6b6..8601fec7e 100644
--- a/apps/mobile/app/components/properties/index.js
+++ b/apps/mobile/app/components/properties/index.js
@@ -26,6 +26,7 @@ import { presentSheet } from "../../services/event-manager";
 import { ColorValues } from "../../utils/colors";
 import { SIZE } from "../../utils/size";
 import SheetProvider from "../sheet-provider";
+import { PressableButton } from "../ui/pressable";
 import { ReminderTime } from "../ui/reminder-time";
 import Heading from "../ui/typography/heading";
 import Paragraph from "../ui/typography/paragraph";
@@ -34,7 +35,6 @@ import { Items } from "./items";
 import Notebooks from "./notebooks";
 import { Synced } from "./synced";
 import { TagStrip, Tags } from "./tags";
-import { PressableButton } from "../ui/pressable";
 
 const Line = ({ top = 6, bottom = 6 }) => {
   const { colors } = useThemeColors();
@@ -225,7 +225,8 @@ Properties.present = async (item, buttons = [], isSheet) => {
         "add-shortcut",
         "trash",
         "default-notebook",
-        "add-notebook"
+        "add-notebook",
+        "move-notes"
       ]);
       break;
     case "tag":
diff --git a/apps/mobile/app/components/sheet-provider/index.js b/apps/mobile/app/components/sheet-provider/index.js
index a7f47e33c..db07f89c9 100644
--- a/apps/mobile/app/components/sheet-provider/index.js
+++ b/apps/mobile/app/components/sheet-provider/index.js
@@ -55,7 +55,10 @@ const SheetProvider = ({ context = "global" }) => {
     async (payload) => {
       if (!payload.context) payload.context = "global";
       if (payload.context !== context) return;
-      setData(payload);
+      setData((state) => {
+        if (state?.onClose) state.onClose();
+        return payload;
+      });
       setVisible(true);
       if (payload.editor) {
         editor.current.refocus = false;
diff --git a/apps/mobile/app/components/sheets/add-notebook/index.tsx b/apps/mobile/app/components/sheets/add-notebook/index.tsx
index 665014f32..ed56a48e8 100644
--- a/apps/mobile/app/components/sheets/add-notebook/index.tsx
+++ b/apps/mobile/app/components/sheets/add-notebook/index.tsx
@@ -174,7 +174,8 @@ export const AddNotebookSheet = ({
 AddNotebookSheet.present = (
   notebook?: Notebook,
   parentNotebook?: Notebook,
-  context?: string
+  context?: string,
+  onClose?: () => void
 ) => {
   presentSheet({
     context: context,
@@ -184,6 +185,7 @@ AddNotebookSheet.present = (
         parentNotebook={parentNotebook}
         close={close}
       />
-    )
+    ),
+    onClose: onClose
   });
 };
diff --git a/apps/mobile/app/components/sheets/move-notes/movenote.tsx b/apps/mobile/app/components/sheets/move-notes/movenote.tsx
index 8228541cf..a115884b0 100644
--- a/apps/mobile/app/components/sheets/move-notes/movenote.tsx
+++ b/apps/mobile/app/components/sheets/move-notes/movenote.tsx
@@ -25,8 +25,10 @@ import { Platform, View, useWindowDimensions } from "react-native";
 import { ActionSheetRef } from "react-native-actions-sheet";
 import { FlashList } from "react-native-actions-sheet/dist/src/views/FlashList";
 import { db } from "../../../common/database";
+import { useDBItem } from "../../../hooks/use-db-item";
 import { presentSheet } from "../../../services/event-manager";
 import Navigation from "../../../services/navigation";
+import { createItemSelectionStore } from "../../../stores/item-selection-store";
 import { updateNotebook } from "../../../utils/notebooks";
 import { SIZE } from "../../../utils/size";
 import { Dialog } from "../../dialog";
@@ -36,7 +38,8 @@ import { IconButton } from "../../ui/icon-button";
 import { PressableButton } from "../../ui/pressable";
 import Seperator from "../../ui/seperator";
 import Paragraph from "../../ui/typography/paragraph";
-import { useDBItem } from "../../../hooks/use-db-item";
+
+const useItemSelectionStore = createItemSelectionStore(true);
 
 export const MoveNotes = ({
   notebook,
@@ -47,11 +50,11 @@ export const MoveNotes = ({
 }) => {
   const { colors } = useThemeColors();
   const currentNotebook = notebook;
-
+  const selectionCount = useItemSelectionStore(
+    (state) => Object.keys(state.selection)?.length > 0
+  );
   const { height } = useWindowDimensions();
-  const [selectedNoteIds, setSelectedNoteIds] = useState<string[]>([]);
   const [notes, setNotes] = useState<VirtualizedGrouping<Note>>();
-  const [existingNoteIds, setExistingNoteIds] = useState<string[]>([]);
 
   useEffect(() => {
     db.notes?.all.sorted(db.settings.getGroupOptions("notes")).then((notes) => {
@@ -61,45 +64,26 @@ export const MoveNotes = ({
       .from(currentNotebook, "note")
       .get()
       .then((existingNotes) => {
-        setExistingNoteIds(
-          existingNotes.map((existingNote) => existingNote.toId)
-        );
+        const selection: { [name: string]: any } = {};
+        existingNotes.forEach((rel) => {
+          selection[rel.toId] = "selected";
+        });
+        useItemSelectionStore.setState({
+          selection: selection,
+          initialState: selection
+        });
       });
-  }, [currentNotebook]);
 
-  const select = React.useCallback(
-    (id: string) => {
-      const index = selectedNoteIds.indexOf(id);
-      if (index > -1) {
-        setSelectedNoteIds((selectedNoteIds) => {
-          const next = [...selectedNoteIds];
-          next.splice(index, 1);
-          return next;
-        });
-      } else {
-        setSelectedNoteIds((selectedNoteIds) => {
-          const next = [...selectedNoteIds];
-          next.push(id);
-          return next;
-        });
-      }
-    },
-    [selectedNoteIds]
-  );
+    return () => {
+      useItemSelectionStore.getState().reset();
+    };
+  }, [currentNotebook]);
 
   const renderItem = React.useCallback(
     ({ index }: { item: boolean; index: number }) => {
-      return (
-        <SelectableNoteItem
-          id={index}
-          items={notes}
-          select={select}
-          selected={(id) => selectedNoteIds?.indexOf(id) > -1}
-          exists={(id) => existingNoteIds.indexOf(id) > -1}
-        />
-      );
+      return <SelectableNoteItem id={index} items={notes} />;
     },
-    [existingNoteIds, notes, select, selectedNoteIds]
+    [notes]
   );
 
   return (
@@ -135,12 +119,12 @@ export const MoveNotes = ({
         data={notes?.placeholders}
         renderItem={renderItem}
       />
-      {selectedNoteIds.length > 0 ? (
+      {selectionCount ? (
         <Button
           onPress={async () => {
             await db.notes?.addToNotebook(
               currentNotebook.id,
-              ...selectedNoteIds
+              ...useItemSelectionStore.getState().getSelectedItemIds()
             );
             updateNotebook(currentNotebook.id);
             Navigation.queueRoutesForUpdate();
@@ -157,26 +141,28 @@ export const MoveNotes = ({
 
 const SelectableNoteItem = ({
   id,
-  items,
-  select,
-  selected,
-  exists
+  items
 }: {
   id: string | number;
   items?: VirtualizedGrouping<Note>;
-  select: (id: string) => void;
-  selected?: (id: string) => boolean;
-  exists: (id: string) => boolean;
 }) => {
   const { colors } = useThemeColors();
   const [item] = useDBItem(id, "note", items);
+  const selected = useItemSelectionStore((state) =>
+    item?.id ? state.selection[item.id] === "selected" : false
+  );
+  const exists = useItemSelectionStore((state) =>
+    item?.id ? state.initialState[item.id] === "selected" : false
+  );
 
-  return !item || exists(item.id) ? null : (
+  return !item || exists ? null : (
     <PressableButton
       testID="listitem.select"
       onPress={() => {
         if (!item) return;
-        select(item?.id);
+        useItemSelectionStore
+          .getState()
+          .markAs(item, selected ? "deselected" : "selected");
       }}
       type={"transparent"}
       customStyle={{
@@ -194,17 +180,15 @@ const SelectableNoteItem = ({
         }}
         onPress={() => {
           if (!item) return;
-          select(item?.id);
+          useItemSelectionStore
+            .getState()
+            .markAs(item, selected ? "deselected" : "selected");
         }}
         name={
-          selected?.(item?.id)
-            ? "check-circle-outline"
-            : "checkbox-blank-circle-outline"
+          selected ? "check-circle-outline" : "checkbox-blank-circle-outline"
         }
         type="selected"
-        color={
-          selected?.(item?.id) ? colors.selected.icon : colors.primary.icon
-        }
+        color={selected ? colors.selected.icon : colors.primary.icon}
       />
 
       <View
diff --git a/apps/mobile/app/components/sheets/notebook-sheet/index.tsx b/apps/mobile/app/components/sheets/notebook-sheet/index.tsx
index 87fec4a24..18607596d 100644
--- a/apps/mobile/app/components/sheets/notebook-sheet/index.tsx
+++ b/apps/mobile/app/components/sheets/notebook-sheet/index.tsx
@@ -18,13 +18,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 import { Notebook, VirtualizedGrouping } from "@notesnook/core";
 import { useThemeColors } from "@notesnook/theme";
-import React, {
-  createContext,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { RefreshControl, View, useWindowDimensions } from "react-native";
 import ActionSheet, { ActionSheetRef } from "react-native-actions-sheet";
 import { FlashList } from "react-native-actions-sheet/dist/src/views/FlashList";
@@ -37,6 +31,7 @@ import { useNotebook } from "../../../hooks/use-notebook";
 import NotebookScreen from "../../../screens/notebook";
 import { openEditor } from "../../../screens/notes/common";
 import { eSendEvent, presentSheet } from "../../../services/event-manager";
+import { createItemSelectionStore } from "../../../stores/item-selection-store";
 import useNavigationStore from "../../../stores/use-navigation-store";
 import { useSelectionStore } from "../../../stores/use-selection-store";
 import { eOnNotebookUpdated } from "../../../utils/events";
@@ -50,18 +45,7 @@ import Paragraph from "../../ui/typography/paragraph";
 import { AddNotebookSheet } from "../add-notebook";
 import Sort from "../sort";
 
-const SelectionContext = createContext<{
-  selection: Notebook[];
-  enabled: boolean;
-  setEnabled: (value: boolean) => void;
-  toggleSelection: (item: Notebook) => void;
-}>({
-  selection: [],
-  enabled: false,
-  setEnabled: (_value: boolean) => {},
-  toggleSelection: (_item: Notebook) => {}
-});
-const useSelection = () => useContext(SelectionContext);
+const useItemSelectionStore = createItemSelectionStore(true, false);
 
 type NotebookParentProp = {
   parent?: NotebookParentProp;
@@ -106,10 +90,8 @@ export const NotebookSheet = () => {
   const [collapsed, setCollapsed] = useState(false);
   const currentRoute = useNavigationStore((state) => state.currentRoute);
   const focusedRouteId = useNavigationStore((state) => state.focusedRouteId);
-
+  const enabled = useItemSelectionStore((state) => state.enabled);
   const canShow = currentRoute === "Notebook";
-  const [selection, setSelection] = useState<Notebook[]>([]);
-  const [enabled, setEnabled] = useState(false);
   const { colors } = useThemeColors("sheet");
   const ref = useRef<ActionSheetRef>(null);
   const currentItem = useRef<string>();
@@ -147,29 +129,6 @@ export const NotebookSheet = () => {
     />
   );
 
-  const selectionContext = {
-    selection: selection,
-    enabled,
-    setEnabled,
-    toggleSelection: (item: Notebook) => {
-      setSelection((state) => {
-        const selection = [...state];
-        const index = selection.findIndex(
-          (selected) => selected.id === item.id
-        );
-        if (index > -1) {
-          selection.splice(index, 1);
-          if (selection.length === 0) {
-            setEnabled(false);
-          }
-          return selection;
-        }
-        selection.push(item);
-        return selection;
-      });
-    }
-  };
-
   useEffect(() => {
     if (canShow) {
       setImmediate(async () => {
@@ -181,8 +140,10 @@ export const NotebookSheet = () => {
             "Root changed to",
             nextRoot
           );
-          setSelection([]);
-          setEnabled(false);
+          useItemSelectionStore.setState({
+            enabled: false,
+            selection: {}
+          });
         }
         currentItem.current = nextRoot;
         const snapPoint = NotebookSheetConfig.get({
@@ -200,8 +161,10 @@ export const NotebookSheet = () => {
         onRequestUpdate();
       });
     } else {
-      setSelection([]);
-      setEnabled(false);
+      useItemSelectionStore.setState({
+        enabled: false,
+        selection: {}
+      });
       ref.current?.hide();
     }
   }, [canShow, onRequestUpdate, focusedRouteId]);
@@ -305,12 +268,14 @@ export const NotebookSheet = () => {
                   }}
                   onPress={async () => {
                     await deleteItems(
-                      selection.map((notebook) => notebook.id),
+                      useItemSelectionStore.getState().getSelectedItemIds(),
                       "notebook"
                     );
                     useSelectionStore.getState().clearSelection();
-                    setEnabled(false);
-                    setSelection([]);
+                    useItemSelectionStore.setState({
+                      enabled: false,
+                      selection: {}
+                    });
                     return;
                   }}
                   color={colors.primary.icon}
@@ -328,8 +293,10 @@ export const NotebookSheet = () => {
                   }}
                   onPress={() => {
                     useSelectionStore.getState().clearSelection();
-                    setEnabled(false);
-                    setSelection([]);
+                    useItemSelectionStore.setState({
+                      enabled: false,
+                      selection: {}
+                    });
                   }}
                   color={colors.primary.icon}
                   tooltipText="Clear selection"
@@ -361,7 +328,10 @@ export const NotebookSheet = () => {
                 />
                 <IconButton
                   name="plus"
-                  onPress={PLACEHOLDER_DATA.action}
+                  onPress={() => {
+                    if (!notebook) return;
+                    AddNotebookSheet.present(undefined, notebook, undefined);
+                  }}
                   testID="add-notebook-button"
                   color={colors.primary.icon}
                   size={22}
@@ -393,39 +363,36 @@ export const NotebookSheet = () => {
             )}
           </View>
         </View>
-        <SelectionContext.Provider value={selectionContext}>
-          <FlashList
-            data={notebooks?.placeholders}
-            style={{
-              width: "100%"
-            }}
-            estimatedItemSize={50}
-            refreshControl={
-              <RefreshControl
-                refreshing={false}
-                onRefresh={() => {
-                  eSendEvent(eOnNotebookUpdated);
-                }}
-                colors={[colors.primary.accent]}
-                progressBackgroundColor={colors.primary.background}
-              />
-            }
-            renderItem={renderNotebook}
-            ListEmptyComponent={
-              <View
-                style={{
-                  flex: 1,
-                  justifyContent: "center",
-                  alignItems: "center",
-                  height: 200
-                }}
-              >
-                <Paragraph color={colors.primary.icon}>No notebooks</Paragraph>
-              </View>
-            }
-            ListFooterComponent={<View style={{ height: 50 }} />}
-          />
-        </SelectionContext.Provider>
+        <FlashList
+          data={notebooks?.placeholders}
+          style={{
+            width: "100%"
+          }}
+          estimatedItemSize={50}
+          refreshControl={
+            <RefreshControl
+              refreshing={false}
+              onRefresh={() => {
+                eSendEvent(eOnNotebookUpdated);
+              }}
+              colors={[colors.primary.accent]}
+              progressBackgroundColor={colors.primary.background}
+            />
+          }
+          renderItem={renderNotebook}
+          ListEmptyComponent={
+            <View
+              style={{
+                flex: 1,
+                justifyContent: "center",
+                alignItems: "center",
+                height: 200
+              }}
+            >
+              <Paragraph color={colors.primary.icon}>No notebooks</Paragraph>
+            </View>
+          }
+        />
       </View>
     </ActionSheet>
   );
@@ -453,9 +420,10 @@ const NotebookItem = ({
   } = useNotebook(id, items, true);
   const isFocused = useNavigationStore((state) => state.focusedRouteId === id);
   const { colors } = useThemeColors("sheet");
-  const selection = useSelection();
-  const isSelected =
-    selection.selection.findIndex((selected) => selected.id === item?.id) > -1;
+  const isSelected = useItemSelectionStore((state) =>
+    item?.id ? state.selection[item.id] === "selected" : false
+  );
+  const enabled = useItemSelectionStore((state) => state.enabled);
 
   const { fontScale } = useWindowDimensions();
   const expanded = useNotebookExpandedStore((state) =>
@@ -472,15 +440,22 @@ const NotebookItem = ({
       <PressableButton
         type={isSelected || isFocused ? "selected" : "transparent"}
         onLongPress={() => {
-          if (selection.enabled || !item) return;
-          selection.setEnabled(true);
-          selection.toggleSelection(item);
+          if (enabled || !item) return;
+          useItemSelectionStore.setState({
+            enabled: true,
+            selection: {}
+          });
+          useItemSelectionStore
+            .getState()
+            .markAs(item, isSelected ? "deselected" : "selected");
         }}
         testID={`notebook-sheet-item-${currentLevel}-${index}`}
         onPress={() => {
           if (!item) return;
-          if (selection.enabled) {
-            selection.toggleSelection(item);
+          if (enabled) {
+            useItemSelectionStore
+              .getState()
+              .markAs(item, isSelected ? "deselected" : "selected");
             return;
           }
           NotebookScreen.navigate(item, true);
@@ -527,7 +502,7 @@ const NotebookItem = ({
             />
           )}
 
-          {selection.enabled ? (
+          {enabled ? (
             <IconButton
               size={SIZE.lg}
               color={isSelected ? colors.selected.icon : colors.primary.icon}
diff --git a/apps/mobile/app/hooks/use-actions.tsx b/apps/mobile/app/hooks/use-actions.tsx
index 115173d03..68d49cf16 100644
--- a/apps/mobile/app/hooks/use-actions.tsx
+++ b/apps/mobile/app/hooks/use-actions.tsx
@@ -38,9 +38,11 @@ import NoteHistory from "../components/note-history";
 import { AddNotebookSheet } from "../components/sheets/add-notebook";
 import MoveNoteSheet from "../components/sheets/add-to";
 import ExportNotesSheet from "../components/sheets/export-notes";
+import { MoveNotes } from "../components/sheets/move-notes/movenote";
 import PublishNoteSheet from "../components/sheets/publish-note";
 import { RelationsList } from "../components/sheets/relations-list/index";
 import ReminderSheet from "../components/sheets/reminder";
+import { useSideBarDraggingStore } from "../components/side-menu/dragging-store";
 import {
   ToastManager,
   eSendEvent,
@@ -62,7 +64,6 @@ import { eOpenLoginDialog } from "../utils/events";
 import { deleteItems } from "../utils/functions";
 import { convertNoteToText } from "../utils/note-to-text";
 import { sleep } from "../utils/time";
-import { useSideBarDraggingStore } from "../components/side-menu/dragging-store";
 
 export const useActions = ({
   close,
@@ -469,6 +470,15 @@ export const useActions = ({
           close();
         },
         on: defaultNotebook === item.id
+      },
+      {
+        id: "move-notes",
+        title: "Move notes",
+        hidden: item.type !== "notebook",
+        icon: "text",
+        func: () => {
+          MoveNotes.present(item);
+        }
       }
     );
   }
diff --git a/apps/mobile/app/navigation/navigation-stack.js b/apps/mobile/app/navigation/navigation-stack.js
index 2b1a0030d..c66e05ce9 100644
--- a/apps/mobile/app/navigation/navigation-stack.js
+++ b/apps/mobile/app/navigation/navigation-stack.js
@@ -36,7 +36,6 @@ import { TaggedNotes } from "../screens/notes/tagged";
 import Reminders from "../screens/reminders";
 import { Search } from "../screens/search";
 import Settings from "../screens/settings";
-import AppLock from "../screens/settings/app-lock";
 import Tags from "../screens/tags";
 import Trash from "../screens/trash";
 import { eSendEvent } from "../services/event-manager";
diff --git a/apps/mobile/app/package.json b/apps/mobile/app/package.json
index 16220d5c4..ca178c779 100644
--- a/apps/mobile/app/package.json
+++ b/apps/mobile/app/package.json
@@ -32,7 +32,15 @@
     "validator": "^13.5.2",
     "zustand": "^3.6.0",
     "katex": "0.16.2",
-    "@readme/data-urls": "3.0.0"
+    "@readme/data-urls": "3.0.0",
+    "react-native-wheel-color-picker": "^1.3.1",
+    "tinycolor2": "1.6.0",
+    "@azure/core-asynciterator-polyfill": "^1.0.2",
+    "@tanstack/react-query": "^4.29.19",
+    "@trpc/client": "10.38.3",
+    "@trpc/react-query": "10.38.3",
+    "@trpc/server": "10.38.3",
+    "kysely": "^0.26.3"
   },
   "sideEffects": false
 }
diff --git a/apps/mobile/app/stores/item-selection-store.ts b/apps/mobile/app/stores/item-selection-store.ts
index 13b565392..e3690c45b 100644
--- a/apps/mobile/app/stores/item-selection-store.ts
+++ b/apps/mobile/app/stores/item-selection-store.ts
@@ -30,9 +30,14 @@ export interface SelectionStore extends State {
   canEnableMultiSelectMode: boolean;
   markAs: (item: Item, state: SelectionState | undefined) => void;
   reset: () => void;
+  enabled?: boolean;
+  getSelectedItemIds: () => string[];
 }
 
-export function createItemSelectionStore(multiSelectMode = false) {
+export function createItemSelectionStore(
+  multiSelectMode = false,
+  enabled = true
+) {
   return create<SelectionStore>((set, get) => ({
     selection: {},
     setSelection: (state) => {
@@ -45,6 +50,7 @@ export function createItemSelectionStore(multiSelectMode = false) {
         selection: { ...get().initialState }
       });
     },
+    enabled: enabled,
     canEnableMultiSelectMode: multiSelectMode,
     initialState: {},
     markAs: (item, state) => {
@@ -66,6 +72,18 @@ export function createItemSelectionStore(multiSelectMode = false) {
       set({
         multiSelect: !get().multiSelect
       });
+    },
+    getSelectedItemIds: () => {
+      const selected: string[] = [];
+
+      if (!get().selection) return selected;
+
+      for (const item in get().selection) {
+        if (get().selection[item] === "selected") {
+          selected.push(item);
+        }
+      }
+      return selected;
     }
   }));
 }
diff --git a/apps/mobile/native/package.json b/apps/mobile/native/package.json
index 9c8db3f9f..a6f42cb35 100644
--- a/apps/mobile/native/package.json
+++ b/apps/mobile/native/package.json
@@ -71,6 +71,7 @@
     "@babel/core": "^7.20.0",
     "@babel/eslint-parser": "^7.16.5",
     "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.5",
+    "@babel/plugin-transform-private-methods": "^7.22.5",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@react-native/eslint-config": "^0.72.2",
diff --git a/apps/mobile/package-lock.json b/apps/mobile/package-lock.json
index da0f3a47a..63a003ba7 100644
--- a/apps/mobile/package-lock.json
+++ b/apps/mobile/package-lock.json
@@ -14,22 +14,14 @@
         "app/"
       ],
       "dependencies": {
-        "@azure/core-asynciterator-polyfill": "^1.0.2",
-        "@babel/plugin-transform-private-methods": "^7.22.5",
         "@notesnook/common": "file:../../packages/common",
         "@notesnook/core": "file:../../packages/core",
         "@notesnook/editor": "file:../../packages/editor",
         "@notesnook/editor-mobile": "file:../../packages/editor-mobile",
         "@notesnook/logger": "file:../../packages/logger",
         "@notesnook/themes-server": "file:../../servers/themes",
-        "@tanstack/react-query": "^4.29.19",
-        "@trpc/client": "10.38.3",
-        "@trpc/react-query": "10.38.3",
-        "@trpc/server": "10.38.3",
-        "kysely": "^0.26.3",
         "react": "18.2.0",
-        "react-native": "0.72.0",
-        "tinycolor2": "1.6.0"
+        "react-native": "0.72.0"
       },
       "devDependencies": {
         "fonteditor-core": "^2.1.11",
@@ -22117,7 +22109,6 @@
     },
     "../../packages/editor/node_modules/js-tokens": {
       "version": "4.0.0",
-      "dev": true,
       "license": "MIT"
     },
     "../../packages/editor/node_modules/json-parse-even-better-errors": {
@@ -22173,7 +22164,6 @@
     },
     "../../packages/editor/node_modules/loose-envify": {
       "version": "1.4.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
@@ -22280,7 +22270,6 @@
     },
     "../../packages/editor/node_modules/object-assign": {
       "version": "4.1.1",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -22706,7 +22695,6 @@
     },
     "../../packages/editor/node_modules/react": {
       "version": "17.0.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
@@ -22726,7 +22714,6 @@
     },
     "../../packages/editor/node_modules/react-dom": {
       "version": "17.0.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
@@ -22858,7 +22845,6 @@
     },
     "../../packages/editor/node_modules/scheduler": {
       "version": "0.20.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
@@ -27643,10 +27629,15 @@
       "version": "1.0.0",
       "license": "GPL-3.0-or-later",
       "dependencies": {
+        "@azure/core-asynciterator-polyfill": "^1.0.2",
         "@flyerhq/react-native-link-preview": "^1.6.0",
         "@mdi/js": "^6.7.96",
         "@readme/data-urls": "3.0.0",
         "@streetwriters/showdown": "^3.0.1-alpha.2",
+        "@tanstack/react-query": "^4.29.19",
+        "@trpc/client": "10.38.3",
+        "@trpc/react-query": "10.38.3",
+        "@trpc/server": "10.38.3",
         "absolutify": "^0.1.0",
         "buffer": "^6.0.3",
         "dayjs": "^1.10.4",
@@ -27655,6 +27646,7 @@
         "fflate": "^0.7.3",
         "html-to-text": "9.0.5",
         "katex": "0.16.2",
+        "kysely": "^0.26.3",
         "phone": "^3.1.14",
         "qclone": "^1.2.0",
         "react-native-actions-sheet": "0.9.2",
@@ -27667,7 +27659,9 @@
         "react-native-reanimated-material-menu": "github:ammarahm-ed/react-native-reanimated-material-menu",
         "react-native-reanimated-progress-bar": "1.0.1",
         "react-native-swiper-flatlist": "3.2.2",
+        "react-native-wheel-color-picker": "^1.3.1",
         "timeago.js": "4.0.2",
+        "tinycolor2": "1.6.0",
         "toggle-switch-react-native": "3.2.0",
         "url": "^0.11.0",
         "validator": "^13.5.2",
@@ -27745,6 +27739,7 @@
         "@babel/core": "^7.20.0",
         "@babel/eslint-parser": "^7.16.5",
         "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.5",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
         "@babel/preset-env": "^7.20.0",
         "@babel/runtime": "^7.20.0",
         "@react-native/eslint-config": "^0.72.2",
@@ -30134,7 +30129,6 @@
     },
     "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -30148,7 +30142,6 @@
     },
     "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -30295,7 +30288,6 @@
     },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -30306,7 +30298,6 @@
     },
     "node_modules/@babel/plugin-proposal-unicode-property-regex": {
       "version": "7.18.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.18.6",
@@ -30352,7 +30343,6 @@
     },
     "node_modules/@babel/plugin-syntax-class-static-block": {
       "version": "7.14.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -30389,7 +30379,6 @@
     },
     "node_modules/@babel/plugin-syntax-export-namespace-from": {
       "version": "7.8.3",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.3"
@@ -30413,7 +30402,6 @@
     },
     "node_modules/@babel/plugin-syntax-import-assertions": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -30427,7 +30415,6 @@
     },
     "node_modules/@babel/plugin-syntax-import-attributes": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -30441,7 +30428,6 @@
     },
     "node_modules/@babel/plugin-syntax-import-meta": {
       "version": "7.10.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
@@ -30452,7 +30438,6 @@
     },
     "node_modules/@babel/plugin-syntax-json-strings": {
       "version": "7.8.3",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -30476,7 +30461,6 @@
     },
     "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
       "version": "7.10.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
@@ -30537,7 +30521,6 @@
     },
     "node_modules/@babel/plugin-syntax-private-property-in-object": {
       "version": "7.14.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -30551,7 +30534,6 @@
     },
     "node_modules/@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -30578,7 +30560,6 @@
     },
     "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
       "version": "7.18.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.18.6",
@@ -30606,7 +30587,6 @@
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.5",
@@ -30664,7 +30644,6 @@
     },
     "node_modules/@babel/plugin-transform-class-properties": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.22.5",
@@ -30679,7 +30658,6 @@
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.22.5",
@@ -30743,7 +30721,6 @@
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
@@ -30758,7 +30735,6 @@
     },
     "node_modules/@babel/plugin-transform-duplicate-keys": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -30772,7 +30748,6 @@
     },
     "node_modules/@babel/plugin-transform-dynamic-import": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -30801,7 +30776,6 @@
     },
     "node_modules/@babel/plugin-transform-export-namespace-from": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -30858,7 +30832,6 @@
     },
     "node_modules/@babel/plugin-transform-json-strings": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -30886,7 +30859,6 @@
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -30914,7 +30886,6 @@
     },
     "node_modules/@babel/plugin-transform-modules-amd": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-transforms": "^7.22.5",
@@ -30944,7 +30915,6 @@
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-hoist-variables": "^7.22.5",
@@ -30961,7 +30931,6 @@
     },
     "node_modules/@babel/plugin-transform-modules-umd": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-transforms": "^7.22.5",
@@ -30990,7 +30959,6 @@
     },
     "node_modules/@babel/plugin-transform-new-target": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -31004,7 +30972,6 @@
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -31019,7 +30986,6 @@
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -31047,7 +31013,6 @@
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.22.5",
@@ -31079,7 +31044,6 @@
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -31094,7 +31058,6 @@
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -31137,7 +31100,6 @@
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
@@ -31237,7 +31199,6 @@
     },
     "node_modules/@babel/plugin-transform-reserved-words": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -31329,7 +31290,6 @@
     },
     "node_modules/@babel/plugin-transform-typeof-symbol": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -31359,7 +31319,6 @@
     },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -31373,7 +31332,6 @@
     },
     "node_modules/@babel/plugin-transform-unicode-property-regex": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
@@ -31402,7 +31360,6 @@
     },
     "node_modules/@babel/plugin-transform-unicode-sets-regex": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
@@ -31417,7 +31374,6 @@
     },
     "node_modules/@babel/preset-env": {
       "version": "7.22.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.22.5",
@@ -31510,7 +31466,6 @@
     },
     "node_modules/@babel/preset-env/node_modules/semver": {
       "version": "6.3.0",
-      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -31533,7 +31488,6 @@
     },
     "node_modules/@babel/preset-modules": {
       "version": "0.1.5",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -34146,7 +34100,6 @@
     },
     "node_modules/@types/eslint": {
       "version": "8.40.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "*",
@@ -34155,7 +34108,6 @@
     },
     "node_modules/@types/eslint-scope": {
       "version": "3.7.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/eslint": "*",
@@ -34164,7 +34116,6 @@
     },
     "node_modules/@types/estree": {
       "version": "1.0.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/graceful-fs": {
@@ -34613,7 +34564,6 @@
     },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.11.6",
@@ -34622,22 +34572,18 @@
     },
     "node_modules/@webassemblyjs/floating-point-hex-parser": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.6",
@@ -34647,12 +34593,10 @@
     },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -34663,7 +34607,6 @@
     },
     "node_modules/@webassemblyjs/ieee754": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
@@ -34671,7 +34614,6 @@
     },
     "node_modules/@webassemblyjs/leb128": {
       "version": "1.11.6",
-      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@xtuc/long": "4.2.2"
@@ -34679,12 +34621,10 @@
     },
     "node_modules/@webassemblyjs/utf8": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -34699,7 +34639,6 @@
     },
     "node_modules/@webassemblyjs/wasm-gen": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -34711,7 +34650,6 @@
     },
     "node_modules/@webassemblyjs/wasm-opt": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -34722,7 +34660,6 @@
     },
     "node_modules/@webassemblyjs/wasm-parser": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -34735,7 +34672,6 @@
     },
     "node_modules/@webassemblyjs/wast-printer": {
       "version": "1.11.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -34793,12 +34729,10 @@
     },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
-      "dev": true,
       "license": "BSD-3-Clause"
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
-      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/@yarnpkg/lockfile": {
@@ -34854,7 +34788,6 @@
     },
     "node_modules/acorn-import-assertions": {
       "version": "1.9.0",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "acorn": "^8"
@@ -35956,7 +35889,6 @@
     },
     "node_modules/chrome-trace-event": {
       "version": "1.0.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0"
@@ -37018,7 +36950,6 @@
     },
     "node_modules/enhanced-resolve": {
       "version": "5.15.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -37131,7 +37062,6 @@
     },
     "node_modules/es-module-lexer": {
       "version": "1.3.0",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/es-set-tostringtag": {
@@ -37462,7 +37392,6 @@
     },
     "node_modules/eslint-scope": {
       "version": "5.1.1",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "esrecurse": "^4.3.0",
@@ -37474,7 +37403,6 @@
     },
     "node_modules/eslint-scope/node_modules/estraverse": {
       "version": "4.3.0",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
@@ -37660,7 +37588,6 @@
     },
     "node_modules/esrecurse": {
       "version": "4.3.0",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
@@ -37671,7 +37598,6 @@
     },
     "node_modules/estraverse": {
       "version": "5.3.0",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
@@ -37679,7 +37605,6 @@
     },
     "node_modules/esutils": {
       "version": "2.0.3",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -38732,7 +38657,6 @@
     },
     "node_modules/glob-to-regexp": {
       "version": "0.4.1",
-      "dev": true,
       "license": "BSD-2-Clause"
     },
     "node_modules/global": {
@@ -40970,7 +40894,6 @@
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/json-schema-traverse": {
@@ -41237,7 +41160,6 @@
     },
     "node_modules/loader-runner": {
       "version": "4.3.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.11.5"
@@ -43860,7 +43782,6 @@
     },
     "node_modules/randombytes": {
       "version": "2.1.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "safe-buffer": "^5.1.0"
@@ -43910,6 +43831,28 @@
         }
       }
     },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-dom/node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
     "node_modules/react-freeze": {
       "version": "1.0.3",
       "license": "MIT",
@@ -44171,6 +44114,11 @@
         "react-native-gesture-handler": ">=1.8.0"
       }
     },
+    "node_modules/react-native-elevation": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-elevation/-/react-native-elevation-1.0.0.tgz",
+      "integrity": "sha512-BWIKcEYtzjRV6GpkX0Km5/w2E7fgIcywiQOT7JZTc5NSbv/YI9kpFinB9lRFsOoRVGmiqq/O3VfP/oH2clIiBA=="
+    },
     "node_modules/react-native-exit-app": {
       "version": "1.1.0",
       "resolved": "git+ssh://git@github.com/ammarahm-ed/react-native-exit-app.git#3087d4bce1320227384d24b34b354600457a817d",
@@ -44574,6 +44522,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/react-native-wheel-color-picker": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/react-native-wheel-color-picker/-/react-native-wheel-color-picker-1.3.1.tgz",
+      "integrity": "sha512-ojuajzwEkgIHa4Iw94K9FlwA1iifslMo+HDrOFQMBTMCXm1HaFhtQpDZ5upV9y8vujviDko3hDkVqB7/eV0dzg==",
+      "dependencies": {
+        "react-native-elevation": "^1.0.0"
+      }
+    },
     "node_modules/react-native-zip-archive": {
       "version": "6.0.9",
       "license": "MIT",
@@ -44609,7 +44565,6 @@
     },
     "node_modules/react-test-renderer": {
       "version": "18.2.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "react-is": "^18.2.0",
@@ -44622,12 +44577,10 @@
     },
     "node_modules/react-test-renderer/node_modules/react-is": {
       "version": "18.2.0",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/react-test-renderer/node_modules/scheduler": {
       "version": "0.23.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
@@ -45462,7 +45415,6 @@
     },
     "node_modules/serialize-javascript": {
       "version": "6.0.1",
-      "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
         "randombytes": "^2.1.0"
@@ -46517,7 +46469,6 @@
     },
     "node_modules/terser-webpack-plugin": {
       "version": "5.3.9",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.17",
@@ -46550,7 +46501,6 @@
     },
     "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
       "version": "27.5.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/node": "*",
@@ -46563,7 +46513,6 @@
     },
     "node_modules/terser-webpack-plugin/node_modules/supports-color": {
       "version": "8.1.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -47317,7 +47266,6 @@
     },
     "node_modules/watchpack": {
       "version": "2.4.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
@@ -47340,7 +47288,6 @@
     },
     "node_modules/webpack": {
       "version": "5.88.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -47455,7 +47402,6 @@
     },
     "node_modules/webpack-sources": {
       "version": "3.2.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10.13.0"
@@ -47751,7 +47697,8 @@
     "@ammarahmed/notifee-react-native": {
       "version": "7.4.7",
       "resolved": "https://registry.npmjs.org/@ammarahmed/notifee-react-native/-/notifee-react-native-7.4.7.tgz",
-      "integrity": "sha512-HZc9YHyiRYirGoGOhgG+4w1rIk3t8kaCXSpV10s4xgDs5RH1XWaGdrd1NaKfedVoXAGzgXIxUPYleT4DyV7jgQ=="
+      "integrity": "sha512-HZc9YHyiRYirGoGOhgG+4w1rIk3t8kaCXSpV10s4xgDs5RH1XWaGdrd1NaKfedVoXAGzgXIxUPYleT4DyV7jgQ==",
+      "requires": {}
     },
     "@ammarahmed/react-native-background-fetch": {
       "version": "4.2.2",
@@ -47759,7 +47706,8 @@
       "integrity": "sha512-PLBlb/DD+6Fv1auxdD6VRxtuC7GKPhQqR69bovRm5oGavbdSzRr+ZTr8AyNMCcayxKGdgEX2JysrJg8WIySSFQ=="
     },
     "@ammarahmed/react-native-eventsource": {
-      "version": "1.1.0"
+      "version": "1.1.0",
+      "requires": {}
     },
     "@ammarahmed/react-native-share-extension": {
       "version": "2.5.6",
@@ -49344,14 +49292,12 @@
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
@@ -49428,11 +49374,10 @@
     },
     "@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
-      "dev": true
+      "requires": {}
     },
     "@babel/plugin-proposal-unicode-property-regex": {
       "version": "7.18.6",
-      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.18.6",
         "@babel/helper-plugin-utils": "^7.18.6"
@@ -49459,7 +49404,6 @@
     },
     "@babel/plugin-syntax-class-static-block": {
       "version": "7.14.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -49478,7 +49422,6 @@
     },
     "@babel/plugin-syntax-export-namespace-from": {
       "version": "7.8.3",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.3"
       }
@@ -49491,28 +49434,24 @@
     },
     "@babel/plugin-syntax-import-assertions": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-syntax-import-attributes": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-syntax-import-meta": {
       "version": "7.10.4",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
     },
     "@babel/plugin-syntax-json-strings": {
       "version": "7.8.3",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -49525,7 +49464,6 @@
     },
     "@babel/plugin-syntax-logical-assignment-operators": {
       "version": "7.10.4",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
@@ -49562,14 +49500,12 @@
     },
     "@babel/plugin-syntax-private-property-in-object": {
       "version": "7.14.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -49582,7 +49518,6 @@
     },
     "@babel/plugin-syntax-unicode-sets-regex": {
       "version": "7.18.6",
-      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.18.6",
         "@babel/helper-plugin-utils": "^7.18.6"
@@ -49596,7 +49531,6 @@
     },
     "@babel/plugin-transform-async-generator-functions": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-environment-visitor": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -49626,7 +49560,6 @@
     },
     "@babel/plugin-transform-class-properties": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -49634,7 +49567,6 @@
     },
     "@babel/plugin-transform-class-static-block": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -49670,7 +49602,6 @@
     },
     "@babel/plugin-transform-dotall-regex": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -49678,14 +49609,12 @@
     },
     "@babel/plugin-transform-duplicate-keys": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-dynamic-import": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3"
@@ -49700,7 +49629,6 @@
     },
     "@babel/plugin-transform-export-namespace-from": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
@@ -49729,7 +49657,6 @@
     },
     "@babel/plugin-transform-json-strings": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-json-strings": "^7.8.3"
@@ -49743,7 +49670,6 @@
     },
     "@babel/plugin-transform-logical-assignment-operators": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
@@ -49757,7 +49683,6 @@
     },
     "@babel/plugin-transform-modules-amd": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -49773,7 +49698,6 @@
     },
     "@babel/plugin-transform-modules-systemjs": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-module-transforms": "^7.22.5",
@@ -49783,7 +49707,6 @@
     },
     "@babel/plugin-transform-modules-umd": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -49798,14 +49721,12 @@
     },
     "@babel/plugin-transform-new-target": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-nullish-coalescing-operator": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
@@ -49813,7 +49734,6 @@
     },
     "@babel/plugin-transform-numeric-separator": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
@@ -49827,7 +49747,6 @@
     },
     "@babel/plugin-transform-object-rest-spread": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/compat-data": "^7.22.5",
         "@babel/helper-compilation-targets": "^7.22.5",
@@ -49845,7 +49764,6 @@
     },
     "@babel/plugin-transform-optional-catch-binding": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
@@ -49853,7 +49771,6 @@
     },
     "@babel/plugin-transform-optional-chaining": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
@@ -49875,7 +49792,6 @@
     },
     "@babel/plugin-transform-private-property-in-object": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-create-class-features-plugin": "^7.22.5",
@@ -49926,7 +49842,6 @@
     },
     "@babel/plugin-transform-reserved-words": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
@@ -49974,7 +49889,6 @@
     },
     "@babel/plugin-transform-typeof-symbol": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
@@ -49990,14 +49904,12 @@
     },
     "@babel/plugin-transform-unicode-escapes": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-unicode-property-regex": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -50012,7 +49924,6 @@
     },
     "@babel/plugin-transform-unicode-sets-regex": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -50020,7 +49931,6 @@
     },
     "@babel/preset-env": {
       "version": "7.22.5",
-      "dev": true,
       "requires": {
         "@babel/compat-data": "^7.22.5",
         "@babel/helper-compilation-targets": "^7.22.5",
@@ -50105,8 +50015,7 @@
       },
       "dependencies": {
         "semver": {
-          "version": "6.3.0",
-          "dev": true
+          "version": "6.3.0"
         }
       }
     },
@@ -50120,7 +50029,6 @@
     },
     "@babel/preset-modules": {
       "version": "0.1.5",
-      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
@@ -50248,7 +50156,8 @@
       }
     },
     "@bam.tech/react-native-image-resizer": {
-      "version": "3.0.5"
+      "version": "3.0.5",
+      "requires": {}
     },
     "@bcoe/v8-coverage": {
       "version": "0.2.3",
@@ -50345,7 +50254,8 @@
           "version": "18.2.0"
         },
         "ws": {
-          "version": "8.13.0"
+          "version": "8.13.0",
+          "requires": {}
         }
       }
     },
@@ -51446,7 +51356,8 @@
               },
               "dependencies": {
                 "ws": {
-                  "version": "7.5.9"
+                  "version": "7.5.9",
+                  "requires": {}
                 }
               }
             },
@@ -53850,7 +53761,8 @@
             },
             "ws": {
               "version": "8.13.0",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "xml-name-validator": {
               "version": "4.0.0",
@@ -54028,7 +53940,8 @@
           },
           "dependencies": {
             "ws": {
-              "version": "7.5.9"
+              "version": "7.5.9",
+              "requires": {}
             }
           }
         },
@@ -56432,7 +56345,8 @@
         },
         "ws": {
           "version": "8.13.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "xml-name-validator": {
           "version": "4.0.0",
@@ -56665,7 +56579,8 @@
         },
         "@emotion/use-insertion-effect-with-fallbacks": {
           "version": "1.0.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "@emotion/utils": {
           "version": "1.2.1",
@@ -56864,7 +56779,8 @@
               },
               "dependencies": {
                 "ws": {
-                  "version": "7.5.9"
+                  "version": "7.5.9",
+                  "requires": {}
                 }
               }
             },
@@ -59268,7 +59184,8 @@
             },
             "ws": {
               "version": "8.13.0",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "xml-name-validator": {
               "version": "4.0.0",
@@ -59676,7 +59593,8 @@
             },
             "use-sync-external-store": {
               "version": "1.2.0",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "webidl-conversions": {
               "version": "3.0.1",
@@ -59857,7 +59775,8 @@
             },
             "@emotion/use-insertion-effect-with-fallbacks": {
               "version": "1.0.1",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "@emotion/utils": {
               "version": "1.2.1",
@@ -60322,7 +60241,8 @@
                 },
                 "use-sync-external-store": {
                   "version": "1.2.0",
-                  "dev": true
+                  "dev": true,
+                  "requires": {}
                 },
                 "webidl-conversions": {
                   "version": "3.0.1",
@@ -61047,55 +60967,72 @@
           }
         },
         "@tiptap/core": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-blockquote": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-bold": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-bullet-list": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-character-count": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-code": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-code-block": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-color": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-document": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-dropcursor": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-font-family": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-gapcursor": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-hard-break": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-heading": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-history": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-horizontal-rule": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-italic": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-link": {
           "version": "2.1.12",
@@ -61104,58 +61041,76 @@
           }
         },
         "@tiptap/extension-list-item": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-list-keymap": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-ordered-list": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-paragraph": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-placeholder": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-strike": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-subscript": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-superscript": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-table": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-table-cell": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-table-header": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-table-row": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-task-item": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-task-list": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-text": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-text-align": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-text-style": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/extension-underline": {
-          "version": "2.1.12"
+          "version": "2.1.12",
+          "requires": {}
         },
         "@tiptap/pm": {
           "version": "2.1.12",
@@ -61810,8 +61765,7 @@
           }
         },
         "js-tokens": {
-          "version": "4.0.0",
-          "dev": true
+          "version": "4.0.0"
         },
         "json-parse-even-better-errors": {
           "version": "2.3.1",
@@ -61846,7 +61800,6 @@
         },
         "loose-envify": {
           "version": "1.4.0",
-          "dev": true,
           "requires": {
             "js-tokens": "^3.0.0 || ^4.0.0"
           }
@@ -61905,8 +61858,7 @@
           }
         },
         "object-assign": {
-          "version": "4.1.1",
-          "dev": true
+          "version": "4.1.1"
         },
         "object.omit": {
           "version": "3.0.0",
@@ -62055,7 +62007,8 @@
           }
         },
         "prosemirror-codemark": {
-          "version": "0.4.2"
+          "version": "0.4.2",
+          "requires": {}
         },
         "prosemirror-collab": {
           "version": "1.3.0",
@@ -62197,22 +62150,22 @@
           }
         },
         "re-resizable": {
-          "version": "6.9.9"
+          "version": "6.9.9",
+          "requires": {}
         },
         "react": {
           "version": "17.0.2",
-          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0",
             "object-assign": "^4.1.1"
           }
         },
         "react-colorful": {
-          "version": "5.6.1"
+          "version": "5.6.1",
+          "requires": {}
         },
         "react-dom": {
           "version": "17.0.2",
-          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0",
             "object-assign": "^4.1.1",
@@ -62292,7 +62245,6 @@
         },
         "scheduler": {
           "version": "0.20.2",
-          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0",
             "object-assign": "^4.1.1"
@@ -62465,7 +62417,8 @@
         },
         "use-sync-external-store": {
           "version": "1.2.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "util-deprecate": {
           "version": "1.0.2"
@@ -63889,11 +63842,13 @@
         },
         "@csstools/postcss-unset-value": {
           "version": "1.0.2",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "@csstools/selector-specificity": {
           "version": "2.1.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "@emotion/babel-plugin": {
           "version": "11.11.0",
@@ -63983,7 +63938,8 @@
           "version": "0.8.1"
         },
         "@emotion/use-insertion-effect-with-fallbacks": {
-          "version": "1.0.1"
+          "version": "1.0.1",
+          "requires": {}
         },
         "@emotion/utils": {
           "version": "1.2.1"
@@ -64891,7 +64847,8 @@
             },
             "@emotion/use-insertion-effect-with-fallbacks": {
               "version": "1.0.1",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "@emotion/utils": {
               "version": "1.2.1",
@@ -65090,7 +65047,8 @@
                   },
                   "dependencies": {
                     "ws": {
-                      "version": "7.5.9"
+                      "version": "7.5.9",
+                      "requires": {}
                     }
                   }
                 },
@@ -67494,7 +67452,8 @@
                 },
                 "ws": {
                   "version": "8.13.0",
-                  "dev": true
+                  "dev": true,
+                  "requires": {}
                 },
                 "xml-name-validator": {
                   "version": "4.0.0",
@@ -67902,7 +67861,8 @@
                 },
                 "use-sync-external-store": {
                   "version": "1.2.0",
-                  "dev": true
+                  "dev": true,
+                  "requires": {}
                 },
                 "webidl-conversions": {
                   "version": "3.0.1",
@@ -68083,7 +68043,8 @@
                 },
                 "@emotion/use-insertion-effect-with-fallbacks": {
                   "version": "1.0.1",
-                  "dev": true
+                  "dev": true,
+                  "requires": {}
                 },
                 "@emotion/utils": {
                   "version": "1.2.1",
@@ -68548,7 +68509,8 @@
                     },
                     "use-sync-external-store": {
                       "version": "1.2.0",
-                      "dev": true
+                      "dev": true,
+                      "requires": {}
                     },
                     "webidl-conversions": {
                       "version": "3.0.1",
@@ -69273,55 +69235,72 @@
               }
             },
             "@tiptap/core": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-blockquote": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-bold": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-bullet-list": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-character-count": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-code": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-code-block": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-color": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-document": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-dropcursor": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-font-family": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-gapcursor": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-hard-break": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-heading": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-history": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-horizontal-rule": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-italic": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-link": {
               "version": "2.1.12",
@@ -69330,58 +69309,76 @@
               }
             },
             "@tiptap/extension-list-item": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-list-keymap": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-ordered-list": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-paragraph": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-placeholder": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-strike": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-subscript": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-superscript": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-table": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-table-cell": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-table-header": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-table-row": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-task-item": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-task-list": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-text": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-text-align": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-text-style": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/extension-underline": {
-              "version": "2.1.12"
+              "version": "2.1.12",
+              "requires": {}
             },
             "@tiptap/pm": {
               "version": "2.1.12",
@@ -70036,8 +70033,7 @@
               }
             },
             "js-tokens": {
-              "version": "4.0.0",
-              "dev": true
+              "version": "4.0.0"
             },
             "json-parse-even-better-errors": {
               "version": "2.3.1",
@@ -70072,7 +70068,6 @@
             },
             "loose-envify": {
               "version": "1.4.0",
-              "dev": true,
               "requires": {
                 "js-tokens": "^3.0.0 || ^4.0.0"
               }
@@ -70131,8 +70126,7 @@
               }
             },
             "object-assign": {
-              "version": "4.1.1",
-              "dev": true
+              "version": "4.1.1"
             },
             "object.omit": {
               "version": "3.0.0",
@@ -70281,7 +70275,8 @@
               }
             },
             "prosemirror-codemark": {
-              "version": "0.4.2"
+              "version": "0.4.2",
+              "requires": {}
             },
             "prosemirror-collab": {
               "version": "1.3.0",
@@ -70423,22 +70418,22 @@
               }
             },
             "re-resizable": {
-              "version": "6.9.9"
+              "version": "6.9.9",
+              "requires": {}
             },
             "react": {
               "version": "17.0.2",
-              "dev": true,
               "requires": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1"
               }
             },
             "react-colorful": {
-              "version": "5.6.1"
+              "version": "5.6.1",
+              "requires": {}
             },
             "react-dom": {
               "version": "17.0.2",
-              "dev": true,
               "requires": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1",
@@ -70518,7 +70513,6 @@
             },
             "scheduler": {
               "version": "0.20.2",
-              "dev": true,
               "requires": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1"
@@ -70691,7 +70685,8 @@
             },
             "use-sync-external-store": {
               "version": "1.2.0",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "util-deprecate": {
               "version": "1.0.2"
@@ -71243,7 +71238,8 @@
             },
             "use-sync-external-store": {
               "version": "1.2.0",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "webidl-conversions": {
               "version": "3.0.1",
@@ -72058,11 +72054,13 @@
         },
         "acorn-import-assertions": {
           "version": "1.8.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "acorn-jsx": {
           "version": "5.3.2",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "acorn-node": {
           "version": "1.8.2",
@@ -72343,7 +72341,8 @@
             },
             "ajv-keywords": {
               "version": "3.5.2",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "json-schema-traverse": {
               "version": "0.4.1",
@@ -72398,7 +72397,8 @@
         },
         "babel-plugin-named-asset-import": {
           "version": "0.3.8",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "babel-plugin-polyfill-corejs2": {
           "version": "0.3.3",
@@ -72948,7 +72948,8 @@
         },
         "css-declaration-sorter": {
           "version": "6.3.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "css-has-pseudo": {
           "version": "3.0.4",
@@ -73028,7 +73029,8 @@
         },
         "css-prefers-color-scheme": {
           "version": "6.0.3",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "css-select": {
           "version": "4.3.0",
@@ -73117,7 +73119,8 @@
         },
         "cssnano-utils": {
           "version": "3.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "csso": {
           "version": "4.2.0",
@@ -73937,7 +73940,8 @@
         },
         "eslint-plugin-react-hooks": {
           "version": "4.6.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "eslint-plugin-testing-library": {
           "version": "5.10.2",
@@ -74423,7 +74427,8 @@
             },
             "ajv-keywords": {
               "version": "3.5.2",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "chalk": {
               "version": "4.1.2",
@@ -74907,7 +74912,8 @@
         },
         "icss-utils": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "idb": {
           "version": "7.1.1",
@@ -75969,7 +75975,8 @@
         },
         "jest-pnp-resolver": {
           "version": "1.2.3",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "jest-regex-util": {
           "version": "27.5.1",
@@ -76844,7 +76851,8 @@
           }
         },
         "mdi-react": {
-          "version": "9.1.0"
+          "version": "9.1.0",
+          "requires": {}
         },
         "mdn-data": {
           "version": "2.0.4",
@@ -77373,7 +77381,8 @@
         },
         "postcss-browser-comments": {
           "version": "4.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-calc": {
           "version": "8.2.4",
@@ -77459,19 +77468,23 @@
         },
         "postcss-discard-comments": {
           "version": "5.1.2",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-discard-duplicates": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-discard-empty": {
           "version": "5.1.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-discard-overridden": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-double-position-gradients": {
           "version": "3.1.2",
@@ -77490,7 +77503,8 @@
         },
         "postcss-flexbugs-fixes": {
           "version": "5.0.2",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-focus-visible": {
           "version": "6.0.4",
@@ -77508,11 +77522,13 @@
         },
         "postcss-font-variant": {
           "version": "5.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-gap-properties": {
           "version": "3.0.5",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-image-set-function": {
           "version": "4.0.7",
@@ -77532,7 +77548,8 @@
         },
         "postcss-initial": {
           "version": "4.0.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-js": {
           "version": "4.0.1",
@@ -77588,11 +77605,13 @@
         },
         "postcss-logical": {
           "version": "5.0.4",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-media-minmax": {
           "version": "5.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-merge-longhand": {
           "version": "5.1.7",
@@ -77646,7 +77665,8 @@
         },
         "postcss-modules-extract-imports": {
           "version": "3.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-modules-local-by-default": {
           "version": "4.0.0",
@@ -77697,7 +77717,8 @@
         },
         "postcss-normalize-charset": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-normalize-display-values": {
           "version": "5.1.0",
@@ -77759,7 +77780,8 @@
         },
         "postcss-opacity-percentage": {
           "version": "1.1.3",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-ordered-values": {
           "version": "5.1.3",
@@ -77778,7 +77800,8 @@
         },
         "postcss-page-break": {
           "version": "3.0.4",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-place": {
           "version": "7.0.5",
@@ -77866,7 +77889,8 @@
         },
         "postcss-replace-overflow-wrap": {
           "version": "4.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-selector-not": {
           "version": "6.0.1",
@@ -78583,7 +78607,8 @@
             },
             "ajv-keywords": {
               "version": "3.5.2",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "json-schema-traverse": {
               "version": "0.4.1",
@@ -78941,7 +78966,8 @@
         },
         "style-loader": {
           "version": "3.3.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "style-value-types": {
           "version": "5.0.0",
@@ -79613,7 +79639,8 @@
             },
             "ws": {
               "version": "8.12.1",
-              "dev": true
+              "dev": true,
+              "requires": {}
             }
           }
         },
@@ -79990,7 +80017,8 @@
         },
         "ws": {
           "version": "7.5.9",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "xml-name-validator": {
           "version": "3.0.0",
@@ -80037,7 +80065,8 @@
           "dev": true
         },
         "zustand": {
-          "version": "3.7.2"
+          "version": "3.7.2",
+          "requires": {}
         }
       }
     },
@@ -80047,10 +80076,15 @@
     "@notesnook/mobile-app": {
       "version": "file:app",
       "requires": {
+        "@azure/core-asynciterator-polyfill": "^1.0.2",
         "@flyerhq/react-native-link-preview": "^1.6.0",
         "@mdi/js": "^6.7.96",
         "@readme/data-urls": "3.0.0",
         "@streetwriters/showdown": "^3.0.1-alpha.2",
+        "@tanstack/react-query": "^4.29.19",
+        "@trpc/client": "10.38.3",
+        "@trpc/react-query": "10.38.3",
+        "@trpc/server": "10.38.3",
         "absolutify": "^0.1.0",
         "buffer": "^6.0.3",
         "dayjs": "^1.10.4",
@@ -80059,6 +80093,7 @@
         "fflate": "^0.7.3",
         "html-to-text": "9.0.5",
         "katex": "0.16.2",
+        "kysely": "^0.26.3",
         "phone": "^3.1.14",
         "qclone": "^1.2.0",
         "react-native-actions-sheet": "0.9.2",
@@ -80071,7 +80106,9 @@
         "react-native-reanimated-material-menu": "github:ammarahm-ed/react-native-reanimated-material-menu",
         "react-native-reanimated-progress-bar": "1.0.1",
         "react-native-swiper-flatlist": "3.2.2",
+        "react-native-wheel-color-picker": "^1.3.1",
         "timeago.js": "4.0.2",
+        "tinycolor2": "1.6.0",
         "toggle-switch-react-native": "3.2.0",
         "url": "^0.11.0",
         "validator": "^13.5.2",
@@ -80089,6 +80126,7 @@
         "@babel/core": "^7.20.0",
         "@babel/eslint-parser": "^7.16.5",
         "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.5",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
         "@babel/preset-env": "^7.20.0",
         "@babel/runtime": "^7.20.0",
         "@bam.tech/react-native-image-resizer": "3.0.5",
@@ -80846,7 +80884,8 @@
             },
             "use-sync-external-store": {
               "version": "1.2.0",
-              "dev": true
+              "dev": true,
+              "requires": {}
             },
             "webidl-conversions": {
               "version": "3.0.1",
@@ -81351,10 +81390,12 @@
       }
     },
     "@react-native-clipboard/clipboard": {
-      "version": "1.11.2"
+      "version": "1.11.2",
+      "requires": {}
     },
     "@react-native-community/checkbox": {
-      "version": "0.5.15"
+      "version": "0.5.15",
+      "requires": {}
     },
     "@react-native-community/cli": {
       "version": "11.3.2",
@@ -81544,7 +81585,8 @@
       },
       "dependencies": {
         "ws": {
-          "version": "7.5.9"
+          "version": "7.5.9",
+          "requires": {}
         }
       }
     },
@@ -81589,13 +81631,16 @@
       }
     },
     "@react-native-community/netinfo": {
-      "version": "9.3.10"
+      "version": "9.3.10",
+      "requires": {}
     },
     "@react-native-community/toolbar-android": {
-      "version": "0.2.1"
+      "version": "0.2.1",
+      "requires": {}
     },
     "@react-native-masked-view/masked-view": {
-      "version": "0.2.9"
+      "version": "0.2.9",
+      "requires": {}
     },
     "@react-native/assets-registry": {
       "version": "0.72.0"
@@ -81673,7 +81718,8 @@
       }
     },
     "@react-navigation/elements": {
-      "version": "1.3.17"
+      "version": "1.3.17",
+      "requires": {}
     },
     "@react-navigation/native": {
       "version": "6.1.6",
@@ -81763,10 +81809,12 @@
       "version": "0.3.0"
     },
     "@trpc/client": {
-      "version": "10.38.3"
+      "version": "10.38.3",
+      "requires": {}
     },
     "@trpc/react-query": {
-      "version": "10.38.3"
+      "version": "10.38.3",
+      "requires": {}
     },
     "@trpc/server": {
       "version": "10.38.3"
@@ -81810,7 +81858,6 @@
     },
     "@types/eslint": {
       "version": "8.40.2",
-      "dev": true,
       "requires": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -81818,15 +81865,13 @@
     },
     "@types/eslint-scope": {
       "version": "3.7.4",
-      "dev": true,
       "requires": {
         "@types/eslint": "*",
         "@types/estree": "*"
       }
     },
     "@types/estree": {
-      "version": "1.0.1",
-      "dev": true
+      "version": "1.0.1"
     },
     "@types/graceful-fs": {
       "version": "4.1.6",
@@ -82112,27 +82157,22 @@
     },
     "@webassemblyjs/ast": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/helper-numbers": "1.11.6",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
       }
     },
     "@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
-      "dev": true
+      "version": "1.11.6"
     },
     "@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
-      "dev": true
+      "version": "1.11.6"
     },
     "@webassemblyjs/helper-buffer": {
-      "version": "1.11.6",
-      "dev": true
+      "version": "1.11.6"
     },
     "@webassemblyjs/helper-numbers": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.6",
         "@webassemblyjs/helper-api-error": "1.11.6",
@@ -82140,12 +82180,10 @@
       }
     },
     "@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
-      "dev": true
+      "version": "1.11.6"
     },
     "@webassemblyjs/helper-wasm-section": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-buffer": "1.11.6",
@@ -82155,25 +82193,21 @@
     },
     "@webassemblyjs/ieee754": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@xtuc/ieee754": "^1.2.0"
       }
     },
     "@webassemblyjs/leb128": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@xtuc/long": "4.2.2"
       }
     },
     "@webassemblyjs/utf8": {
-      "version": "1.11.6",
-      "dev": true
+      "version": "1.11.6"
     },
     "@webassemblyjs/wasm-edit": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-buffer": "1.11.6",
@@ -82187,7 +82221,6 @@
     },
     "@webassemblyjs/wasm-gen": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
@@ -82198,7 +82231,6 @@
     },
     "@webassemblyjs/wasm-opt": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-buffer": "1.11.6",
@@ -82208,7 +82240,6 @@
     },
     "@webassemblyjs/wasm-parser": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-api-error": "1.11.6",
@@ -82220,7 +82251,6 @@
     },
     "@webassemblyjs/wast-printer": {
       "version": "1.11.6",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.6",
         "@xtuc/long": "4.2.2"
@@ -82228,27 +82258,28 @@
     },
     "@webpack-cli/configtest": {
       "version": "2.1.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@webpack-cli/info": {
       "version": "2.0.2",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@webpack-cli/serve": {
       "version": "2.0.5",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@xmldom/xmldom": {
       "version": "0.8.10",
       "dev": true
     },
     "@xtuc/ieee754": {
-      "version": "1.2.0",
-      "dev": true
+      "version": "1.2.0"
     },
     "@xtuc/long": {
-      "version": "4.2.2",
-      "dev": true
+      "version": "4.2.2"
     },
     "@yarnpkg/lockfile": {
       "version": "1.1.0",
@@ -82281,11 +82312,12 @@
     },
     "acorn-import-assertions": {
       "version": "1.9.0",
-      "dev": true
+      "requires": {}
     },
     "acorn-jsx": {
       "version": "5.3.2",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ajv": {
       "version": "8.12.0",
@@ -82297,7 +82329,8 @@
       }
     },
     "ajv-keywords": {
-      "version": "3.5.2"
+      "version": "3.5.2",
+      "requires": {}
     },
     "anser": {
       "version": "1.4.10"
@@ -82499,7 +82532,8 @@
       }
     },
     "babel-core": {
-      "version": "7.0.0-bridge.0"
+      "version": "7.0.0-bridge.0",
+      "requires": {}
     },
     "babel-jest": {
       "version": "29.6.2",
@@ -82945,8 +82979,7 @@
       }
     },
     "chrome-trace-event": {
-      "version": "1.0.3",
-      "dev": true
+      "version": "1.0.3"
     },
     "ci-info": {
       "version": "3.8.0"
@@ -83442,7 +83475,8 @@
         },
         "ws": {
           "version": "7.5.9",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "yallist": {
           "version": "4.0.0",
@@ -83613,7 +83647,6 @@
     },
     "enhanced-resolve": {
       "version": "5.15.0",
-      "dev": true,
       "requires": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -83687,8 +83720,7 @@
       }
     },
     "es-module-lexer": {
-      "version": "1.3.0",
-      "dev": true
+      "version": "1.3.0"
     },
     "es-set-tostringtag": {
       "version": "2.0.1",
@@ -83838,7 +83870,8 @@
     },
     "eslint-config-prettier": {
       "version": "8.8.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-plugin-eslint-comments": {
       "version": "3.2.0",
@@ -83921,7 +83954,8 @@
     },
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-plugin-react-native": {
       "version": "4.0.0",
@@ -83948,15 +83982,13 @@
     },
     "eslint-scope": {
       "version": "5.1.1",
-      "dev": true,
       "requires": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
       },
       "dependencies": {
         "estraverse": {
-          "version": "4.3.0",
-          "dev": true
+          "version": "4.3.0"
         }
       }
     },
@@ -83991,18 +84023,15 @@
     },
     "esrecurse": {
       "version": "4.3.0",
-      "dev": true,
       "requires": {
         "estraverse": "^5.2.0"
       }
     },
     "estraverse": {
-      "version": "5.3.0",
-      "dev": true
+      "version": "5.3.0"
     },
     "esutils": {
-      "version": "2.0.3",
-      "dev": true
+      "version": "2.0.3"
     },
     "etag": {
       "version": "1.8.1"
@@ -84703,8 +84732,7 @@
       }
     },
     "glob-to-regexp": {
-      "version": "0.4.1",
-      "dev": true
+      "version": "0.4.1"
     },
     "global": {
       "version": "4.4.0",
@@ -85459,7 +85487,8 @@
         },
         "dedent": {
           "version": "1.5.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "pretty-format": {
           "version": "29.6.2",
@@ -85770,7 +85799,8 @@
     },
     "jest-pnp-resolver": {
       "version": "1.2.3",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "29.4.3",
@@ -86104,8 +86134,7 @@
       "version": "1.0.2"
     },
     "json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "dev": true
+      "version": "2.3.1"
     },
     "json-schema-traverse": {
       "version": "1.0.0"
@@ -86274,8 +86303,7 @@
       }
     },
     "loader-runner": {
-      "version": "4.3.0",
-      "dev": true
+      "version": "4.3.0"
     },
     "loader-utils": {
       "version": "2.0.4",
@@ -86587,7 +86615,8 @@
           }
         },
         "ws": {
-          "version": "7.5.9"
+          "version": "7.5.9",
+          "requires": {}
         }
       }
     },
@@ -86799,7 +86828,8 @@
           }
         },
         "ws": {
-          "version": "7.5.9"
+          "version": "7.5.9",
+          "requires": {}
         },
         "y18n": {
           "version": "4.0.3"
@@ -87923,7 +87953,6 @@
     },
     "randombytes": {
       "version": "2.1.0",
-      "dev": true,
       "requires": {
         "safe-buffer": "^5.1.0"
       }
@@ -87945,12 +87974,35 @@
       },
       "dependencies": {
         "ws": {
-          "version": "7.5.9"
+          "version": "7.5.9",
+          "requires": {}
+        }
+      }
+    },
+    "react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "peer": true,
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "dependencies": {
+        "scheduler": {
+          "version": "0.23.0",
+          "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+          "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+          "peer": true,
+          "requires": {
+            "loose-envify": "^1.1.0"
+          }
         }
       }
     },
     "react-freeze": {
-      "version": "1.0.3"
+      "version": "1.0.3",
+      "requires": {}
     },
     "react-is": {
       "version": "16.13.1"
@@ -88011,7 +88063,8 @@
     },
     "react-native-actions-shortcuts": {
       "version": "1.0.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "react-native-background-actions": {
       "version": "2.6.7",
@@ -88021,7 +88074,8 @@
     },
     "react-native-begin-background-task": {
       "version": "git+ssh://git@github.com/blockfirm/react-native-begin-background-task.git#c2aa793249db6cc6298a812905f955a99b864e78",
-      "from": "react-native-begin-background-task@https://github.com/blockfirm/react-native-begin-background-task.git"
+      "from": "react-native-begin-background-task@https://github.com/blockfirm/react-native-begin-background-task.git",
+      "requires": {}
     },
     "react-native-blob-util": {
       "version": "0.18.3",
@@ -88082,14 +88136,16 @@
     },
     "react-native-check-version": {
       "version": "git+ssh://git@github.com/flexible-agency/react-native-check-version.git#030a2be31d7d2cdce95c78c4528a29e377c9e6ac",
-      "from": "react-native-check-version@https://github.com/flexible-agency/react-native-check-version"
+      "from": "react-native-check-version@https://github.com/flexible-agency/react-native-check-version",
+      "requires": {}
     },
     "react-native-cli-bump-version": {
       "version": "1.5.0",
       "dev": true
     },
     "react-native-config": {
-      "version": "1.5.1"
+      "version": "1.5.1",
+      "requires": {}
     },
     "react-native-date-picker": {
       "version": "4.2.6",
@@ -88098,7 +88154,8 @@
       }
     },
     "react-native-device-info": {
-      "version": "8.7.1"
+      "version": "8.7.1",
+      "requires": {}
     },
     "react-native-document-picker": {
       "version": "7.1.3",
@@ -88114,16 +88171,23 @@
         "typesafe-actions": "^5.1.0"
       }
     },
+    "react-native-elevation": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-elevation/-/react-native-elevation-1.0.0.tgz",
+      "integrity": "sha512-BWIKcEYtzjRV6GpkX0Km5/w2E7fgIcywiQOT7JZTc5NSbv/YI9kpFinB9lRFsOoRVGmiqq/O3VfP/oH2clIiBA=="
+    },
     "react-native-exit-app": {
       "version": "git+ssh://git@github.com/ammarahm-ed/react-native-exit-app.git#3087d4bce1320227384d24b34b354600457a817d",
       "from": "react-native-exit-app@https://github.com/ammarahm-ed/react-native-exit-app.git"
     },
     "react-native-file-viewer": {
-      "version": "2.1.5"
+      "version": "2.1.5",
+      "requires": {}
     },
     "react-native-fingerprint-scanner": {
       "version": "git+ssh://git@github.com/ammarahm-ed/react-native-fingerprint-scanner.git#7beac32968684b13948f141d84b48e700c838591",
-      "from": "react-native-fingerprint-scanner@https://github.com/ammarahm-ed/react-native-fingerprint-scanner.git"
+      "from": "react-native-fingerprint-scanner@https://github.com/ammarahm-ed/react-native-fingerprint-scanner.git",
+      "requires": {}
     },
     "react-native-gesture-handler": {
       "version": "2.12.0",
@@ -88142,7 +88206,8 @@
       }
     },
     "react-native-gzip": {
-      "version": "1.1.0"
+      "version": "1.1.0",
+      "requires": {}
     },
     "react-native-html-to-pdf-lite": {
       "version": "0.9.1"
@@ -88154,10 +88219,12 @@
       }
     },
     "react-native-image-pan-zoom": {
-      "version": "2.1.12"
+      "version": "2.1.12",
+      "requires": {}
     },
     "react-native-image-picker": {
-      "version": "4.1.2"
+      "version": "4.1.2",
+      "requires": {}
     },
     "react-native-image-zoom-viewer": {
       "version": "3.0.1",
@@ -88169,7 +88236,8 @@
       "version": "4.3.3"
     },
     "react-native-iphone-x-helper": {
-      "version": "1.3.1"
+      "version": "1.3.1",
+      "requires": {}
     },
     "react-native-keyboard-aware-scroll-view": {
       "version": "0.9.5",
@@ -88184,7 +88252,8 @@
     "react-native-mmkv-storage": {
       "version": "0.10.0-alpha.12",
       "resolved": "https://registry.npmjs.org/react-native-mmkv-storage/-/react-native-mmkv-storage-0.10.0-alpha.12.tgz",
-      "integrity": "sha512-5CiarE3pTgzMGCeUwT9e+3oB60KKm7B7bUAQp3JsvfeP9y6cfN8QI2K8KSU0UjrGDgx7WlJyg62X67ZMUbL3HQ=="
+      "integrity": "sha512-5CiarE3pTgzMGCeUwT9e+3oB60KKm7B7bUAQp3JsvfeP9y6cfN8QI2K8KSU0UjrGDgx7WlJyg62X67ZMUbL3HQ==",
+      "requires": {}
     },
     "react-native-modal-datetime-picker": {
       "version": "14.0.0",
@@ -88196,11 +88265,13 @@
       "version": "2.0.2"
     },
     "react-native-notification-sounds": {
-      "version": "0.5.5"
+      "version": "0.5.5",
+      "requires": {}
     },
     "react-native-orientation": {
       "version": "git+ssh://git@github.com/yamill/react-native-orientation.git#b45830cce0837fa668838554e023979497673c82",
-      "from": "react-native-orientation@https://github.com/yamill/react-native-orientation.git"
+      "from": "react-native-orientation@https://github.com/yamill/react-native-orientation.git",
+      "requires": {}
     },
     "react-native-pdf": {
       "version": "6.6.2",
@@ -88221,7 +88292,8 @@
     },
     "react-native-privacy-snapshot": {
       "version": "git+ssh://git@github.com/standardnotes/react-native-privacy-snapshot.git#653e904c90fc6f2b578da59138f2bfe5d7f942fe",
-      "from": "react-native-privacy-snapshot@https://github.com/standardnotes/react-native-privacy-snapshot.git"
+      "from": "react-native-privacy-snapshot@https://github.com/standardnotes/react-native-privacy-snapshot.git",
+      "requires": {}
     },
     "react-native-progress": {
       "version": "5.0.0",
@@ -88239,7 +88311,8 @@
     "react-native-quick-sqlite": {
       "version": "8.0.6",
       "resolved": "https://registry.npmjs.org/react-native-quick-sqlite/-/react-native-quick-sqlite-8.0.6.tgz",
-      "integrity": "sha512-XtwXnfZ1a6zRzAHoWFyVJsP3p8etx3/xww1oFKGdiOSj054PdYIeup9A53rtQ6ENyg+aqSKOgmxoN/PetulGOQ=="
+      "integrity": "sha512-XtwXnfZ1a6zRzAHoWFyVJsP3p8etx3/xww1oFKGdiOSj054PdYIeup9A53rtQ6ENyg+aqSKOgmxoN/PetulGOQ==",
+      "requires": {}
     },
     "react-native-reanimated": {
       "version": "3.3.0",
@@ -88257,18 +88330,22 @@
     },
     "react-native-reanimated-material-menu": {
       "version": "git+ssh://git@github.com/ammarahm-ed/react-native-reanimated-material-menu.git#b1b19ba9e87333c76eb8abc3dc8377fe3ddd8bfc",
-      "from": "react-native-reanimated-material-menu@github:ammarahm-ed/react-native-reanimated-material-menu"
+      "from": "react-native-reanimated-material-menu@github:ammarahm-ed/react-native-reanimated-material-menu",
+      "requires": {}
     },
     "react-native-reanimated-progress-bar": {
-      "version": "1.0.1"
+      "version": "1.0.1",
+      "requires": {}
     },
     "react-native-safe-area-context": {
       "version": "4.9.0",
       "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-4.9.0.tgz",
-      "integrity": "sha512-/OJD9Pb8IURyvn+1tWTszWPJqsbZ4hyHBU9P0xhOmk7h5owSuqL0zkfagU0pg7Vh0G2NKQkaPpUKUMMCUMDh/w=="
+      "integrity": "sha512-/OJD9Pb8IURyvn+1tWTszWPJqsbZ4hyHBU9P0xhOmk7h5owSuqL0zkfagU0pg7Vh0G2NKQkaPpUKUMMCUMDh/w==",
+      "requires": {}
     },
     "react-native-scoped-storage": {
-      "version": "1.9.5"
+      "version": "1.9.5",
+      "requires": {}
     },
     "react-native-screens": {
       "version": "3.21.1",
@@ -88294,12 +88371,14 @@
       }
     },
     "react-native-swiper-flatlist": {
-      "version": "3.2.2"
+      "version": "3.2.2",
+      "requires": {}
     },
     "react-native-theme-switch-animation": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/react-native-theme-switch-animation/-/react-native-theme-switch-animation-0.6.0.tgz",
-      "integrity": "sha512-XC6xb1J6Pgq4XQFsq6KdxJugRHjwsj04qTDh9rZdi1mkNOy9QKtz7wCQHoK6q8CBZtF3R/sergCw9wZhIRXK3Q=="
+      "integrity": "sha512-XC6xb1J6Pgq4XQFsq6KdxJugRHjwsj04qTDh9rZdi1mkNOy9QKtz7wCQHoK6q8CBZtF3R/sergCw9wZhIRXK3Q==",
+      "requires": {}
     },
     "react-native-tooltips": {
       "version": "1.0.3"
@@ -88351,8 +88430,17 @@
         }
       }
     },
+    "react-native-wheel-color-picker": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/react-native-wheel-color-picker/-/react-native-wheel-color-picker-1.3.1.tgz",
+      "integrity": "sha512-ojuajzwEkgIHa4Iw94K9FlwA1iifslMo+HDrOFQMBTMCXm1HaFhtQpDZ5upV9y8vujviDko3hDkVqB7/eV0dzg==",
+      "requires": {
+        "react-native-elevation": "^1.0.0"
+      }
+    },
     "react-native-zip-archive": {
-      "version": "6.0.9"
+      "version": "6.0.9",
+      "requires": {}
     },
     "react-refresh": {
       "version": "0.14.0"
@@ -88366,7 +88454,6 @@
     },
     "react-test-renderer": {
       "version": "18.2.0",
-      "dev": true,
       "requires": {
         "react-is": "^18.2.0",
         "react-shallow-renderer": "^16.15.0",
@@ -88374,12 +88461,10 @@
       },
       "dependencies": {
         "react-is": {
-          "version": "18.2.0",
-          "dev": true
+          "version": "18.2.0"
         },
         "scheduler": {
           "version": "0.23.0",
-          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0"
           }
@@ -88921,7 +89006,6 @@
     },
     "serialize-javascript": {
       "version": "6.0.1",
-      "dev": true,
       "requires": {
         "randombytes": "^2.1.0"
       }
@@ -89633,7 +89717,6 @@
     },
     "terser-webpack-plugin": {
       "version": "5.3.9",
-      "dev": true,
       "requires": {
         "@jridgewell/trace-mapping": "^0.3.17",
         "jest-worker": "^27.4.5",
@@ -89644,7 +89727,6 @@
       "dependencies": {
         "jest-worker": {
           "version": "27.5.1",
-          "dev": true,
           "requires": {
             "@types/node": "*",
             "merge-stream": "^2.0.0",
@@ -89653,7 +89735,6 @@
         },
         "supports-color": {
           "version": "8.1.1",
-          "dev": true,
           "requires": {
             "has-flag": "^4.0.0"
           }
@@ -90032,7 +90113,8 @@
       "version": "3.1.1"
     },
     "use-latest-callback": {
-      "version": "0.1.6"
+      "version": "0.1.6",
+      "requires": {}
     },
     "use-subscription": {
       "version": "1.8.0",
@@ -90041,7 +90123,8 @@
       }
     },
     "use-sync-external-store": {
-      "version": "1.2.0"
+      "version": "1.2.0",
+      "requires": {}
     },
     "utf8-byte-length": {
       "version": "1.0.4",
@@ -90091,7 +90174,6 @@
     },
     "watchpack": {
       "version": "2.4.0",
-      "dev": true,
       "requires": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
@@ -90108,7 +90190,6 @@
     },
     "webpack": {
       "version": "5.88.2",
-      "dev": true,
       "requires": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^1.0.0",
@@ -90174,8 +90255,7 @@
       }
     },
     "webpack-sources": {
-      "version": "3.2.3",
-      "dev": true
+      "version": "3.2.3"
     },
     "whatwg-fetch": {
       "version": "3.6.2"
@@ -90351,7 +90431,8 @@
       "version": "0.1.0"
     },
     "zustand": {
-      "version": "3.7.2"
+      "version": "3.7.2",
+      "requires": {}
     }
   }
 }
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index 79e175e92..b570f827d 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -30,21 +30,13 @@
     "react-refresh": "0.14.0"
   },
   "dependencies": {
-    "@azure/core-asynciterator-polyfill": "^1.0.2",
-    "@babel/plugin-transform-private-methods": "^7.22.5",
     "@notesnook/common": "file:../../packages/common",
     "@notesnook/core": "file:../../packages/core",
     "@notesnook/editor": "file:../../packages/editor",
     "@notesnook/editor-mobile": "file:../../packages/editor-mobile",
     "@notesnook/logger": "file:../../packages/logger",
     "@notesnook/themes-server": "file:../../servers/themes",
-    "@tanstack/react-query": "^4.29.19",
-    "@trpc/client": "10.38.3",
-    "@trpc/react-query": "10.38.3",
-    "@trpc/server": "10.38.3",
-    "kysely": "^0.26.3",
     "react": "18.2.0",
-    "react-native": "0.72.0",
-    "tinycolor2": "1.6.0"
+    "react-native": "0.72.0"
   }
 }
diff --git a/apps/mobile/patches/react-native-wheel-color-picker+1.3.1.patch b/apps/mobile/patches/react-native-wheel-color-picker+1.3.1.patch
new file mode 100644
index 000000000..959399732
--- /dev/null
+++ b/apps/mobile/patches/react-native-wheel-color-picker+1.3.1.patch
@@ -0,0 +1,18 @@
+diff --git a/node_modules/react-native-wheel-color-picker/ColorPicker.js b/node_modules/react-native-wheel-color-picker/ColorPicker.js
+index 5804b4f..fe2d3f0 100644
+--- a/node_modules/react-native-wheel-color-picker/ColorPicker.js
++++ b/node_modules/react-native-wheel-color-picker/ColorPicker.js
+@@ -706,8 +706,11 @@ module.exports = class ColorPicker extends Component {
+ 				</View>}
+ 				{!swatchesOnly && !sliderHidden && (discrete
+ 					? <View style={[ss.swatches, swatchStyle]} key={'$2'}>{this.disc}</View>
+-					: <View style={[ss.slider, sliderStyle]} key={'$2'}>
+-						<View style={[ss.grad, { backgroundColor: hex }]} key={'$2$1'}>
++					: <View style={[ss.slider, sliderStyle, {
++						marginBottom: 12,
++						paddingHorizontal: 12,
++					}]} key={'$2'}>
++						<View style={[ss.grad, { backgroundColor: hex, borderRadius: 10 }]} key={'$2$1'}>
+ 							<Image style={[ss.sliderImg, { opacity: !this.props.sliderLoadingIndicator || this.state.sliderImageLoaded ? 1 : 0 }]} source={row ? srcSliderRotated : srcSlider} onLoad={this.onSliderImageLoad} resizeMode="stretch" />
+ 						</View>
+ 						{(this.props.sliderLoadingIndicator ? this.state.sliderImageLoaded : true) && <Animated.View style={[ss.sliderThumb, sliderThumbStyle, Elevations[4], { pointerEvents: 'none' }]} key={'$2$2'} />}