From e4fcb1894ce7e3ffbf9506b708d1a6946271e32a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20LUDWIG?= <contact@theoludwig.fr>
Date: Fri, 5 Apr 2024 00:08:40 +0200
Subject: [PATCH] feat: habit create use case

---
 app/_layout.tsx                               |   5 +-
 app/application/habits/index.tsx              |   3 +-
 domain/entities/Goal.ts                       |  12 +-
 domain/entities/Habit.ts                      |   6 +-
 domain/entities/HabitProgress.ts              |   6 +-
 domain/entities/HabitsTracker.ts              |  12 +-
 domain/repositories/HabitCreate.ts            |   9 +
 domain/use-cases/HabitCreate.ts               |  23 +
 infrastructure/instances.ts                   |   9 +
 .../supabase/repositories/HabitCreate.ts      |  42 ++
 infrastructure/supabase/seed.sql              |   3 +
 infrastructure/supabase/supabase.ts           |   8 +-
 package-lock.json                             | 596 ++++++++----------
 package.json                                  |  26 +-
 presentation/presenters/HabitsTracker.ts      |  61 +-
 .../HabitCreateForm/HabitCreateForm.tsx       | 329 +++++-----
 .../HabitsHistory/HabitsHistory.tsx           |   4 +-
 17 files changed, 648 insertions(+), 506 deletions(-)
 create mode 100644 domain/repositories/HabitCreate.ts
 create mode 100644 domain/use-cases/HabitCreate.ts
 create mode 100644 infrastructure/supabase/repositories/HabitCreate.ts

diff --git a/app/_layout.tsx b/app/_layout.tsx
index 2abb980..5130169 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -6,6 +6,7 @@ import {
 } from "react-native-paper"
 import { StatusBar } from "expo-status-bar"
 import { useEffect } from "react"
+import { GestureHandlerRootView } from "react-native-gesture-handler"
 
 import { HabitsTrackerProvider } from "@/presentation/react/contexts/HabitsTracker"
 import {
@@ -61,7 +62,9 @@ const RootLayout: React.FC = () => {
             },
           }}
         >
-          <StackLayout />
+          <GestureHandlerRootView style={{ flex: 1 }}>
+            <StackLayout />
+          </GestureHandlerRootView>
 
           <StatusBar style="dark" />
         </PaperProvider>
diff --git a/app/application/habits/index.tsx b/app/application/habits/index.tsx
index daeb46d..1a8f487 100644
--- a/app/application/habits/index.tsx
+++ b/app/application/habits/index.tsx
@@ -30,7 +30,8 @@ const HabitsPage: React.FC = () => {
       ) : retrieveHabitsTracker.state === "error" ? (
         <>
           <Text variant="titleLarge">
-            Error: There was an issue while retrieving habits, please try again.
+            Error: There was an issue while retrieving habits, please try again
+            later.
           </Text>
           <Button
             mode="contained"
diff --git a/domain/entities/Goal.ts b/domain/entities/Goal.ts
index 7e3f1f3..1f1cad1 100644
--- a/domain/entities/Goal.ts
+++ b/domain/entities/Goal.ts
@@ -12,8 +12,8 @@ export const GOAL_FREQUENCIES = GOAL_FREQUENCIES_ZOD.map((frequency) => {
 export type GoalFrequency = (typeof GOAL_FREQUENCIES)[number]
 
 export const GOAL_TYPES_ZOD = [
-  z.literal("numeric"),
   z.literal("boolean"),
+  z.literal("numeric"),
 ] as const
 export const goalTypeZod = z.union(GOAL_TYPES_ZOD)
 export const GOAL_TYPES = GOAL_TYPES_ZOD.map((type) => {
@@ -51,6 +51,16 @@ export abstract class Goal implements GoalBase {
     this.frequency = frequency
   }
 
+  public static create(options: GoalCreateData): Goal {
+    if (options.target.type === "boolean") {
+      return new GoalBoolean(options)
+    }
+    return new GoalNumeric({
+      frequency: options.frequency,
+      target: options.target,
+    })
+  }
+
   public static isNumeric(goal: Goal): goal is GoalNumeric {
     return goal.type === "numeric"
   }
diff --git a/domain/entities/Habit.ts b/domain/entities/Habit.ts
index e212d80..f111484 100644
--- a/domain/entities/Habit.ts
+++ b/domain/entities/Habit.ts
@@ -15,15 +15,15 @@ export const HabitCreateSchema = HabitSchema.extend({
 }).omit({ id: true })
 export type HabitCreateData = z.infer<typeof HabitCreateSchema>
 
-type HabitDataBase = z.infer<typeof HabitSchema>
+type HabitBase = z.infer<typeof HabitSchema>
 
-export interface HabitData extends HabitDataBase {
+export interface HabitData extends HabitBase {
   goal: Goal
   startDate: Date
   endDate?: Date
 }
 
-export interface HabitJSON extends HabitDataBase {
+export interface HabitJSON extends HabitBase {
   goal: GoalBaseJSON
   startDate: string
   endDate?: string
diff --git a/domain/entities/HabitProgress.ts b/domain/entities/HabitProgress.ts
index 82477e9..3a06c1e 100644
--- a/domain/entities/HabitProgress.ts
+++ b/domain/entities/HabitProgress.ts
@@ -3,16 +3,16 @@ import type { Habit } from "./Habit"
 import type { EntityData } from "./_Entity"
 import { Entity } from "./_Entity"
 
-interface HabitProgressDataBase extends EntityData {
+interface HabitProgressBase extends EntityData {
   habitId: Habit["id"]
 }
 
-export interface HabitProgressData extends HabitProgressDataBase {
+export interface HabitProgressData extends HabitProgressBase {
   goalProgress: GoalProgress
   date: Date
 }
 
-export interface HabitProgressJSON extends HabitProgressDataBase {
+export interface HabitProgressJSON extends HabitProgressBase {
   goalProgress: GoalProgressBase
   date: string
 }
diff --git a/domain/entities/HabitsTracker.ts b/domain/entities/HabitsTracker.ts
index 7437a9b..c86b1c2 100644
--- a/domain/entities/HabitsTracker.ts
+++ b/domain/entities/HabitsTracker.ts
@@ -1,5 +1,6 @@
 import type { GoalFrequency } from "./Goal"
-import type { HabitHistory } from "./HabitHistory"
+import type { Habit } from "./Habit"
+import { HabitHistory } from "./HabitHistory"
 
 export interface HabitsTrackerData {
   habitsHistory: {
@@ -24,4 +25,13 @@ export class HabitsTracker implements HabitsTrackerData {
       },
     })
   }
+
+  public addHabit(habit: Habit): void {
+    this.habitsHistory[habit.goal.frequency].push(
+      new HabitHistory({
+        habit,
+        progressHistory: [],
+      }),
+    )
+  }
 }
diff --git a/domain/repositories/HabitCreate.ts b/domain/repositories/HabitCreate.ts
new file mode 100644
index 0000000..d7d3ca7
--- /dev/null
+++ b/domain/repositories/HabitCreate.ts
@@ -0,0 +1,9 @@
+import type { Habit, HabitCreateData } from "../entities/Habit"
+
+export interface HabitCreateOptions {
+  habitCreateData: HabitCreateData
+}
+
+export interface HabitCreateRepository {
+  execute: (options: HabitCreateOptions) => Promise<Habit>
+}
diff --git a/domain/use-cases/HabitCreate.ts b/domain/use-cases/HabitCreate.ts
new file mode 100644
index 0000000..4247fe6
--- /dev/null
+++ b/domain/use-cases/HabitCreate.ts
@@ -0,0 +1,23 @@
+import type { Habit } from "../entities/Habit"
+import { HabitCreateSchema } from "../entities/Habit"
+import type { HabitCreateRepository } from "../repositories/HabitCreate"
+
+export interface HabitCreateUseCaseDependencyOptions {
+  habitCreateRepository: HabitCreateRepository
+}
+
+export class HabitCreateUseCase implements HabitCreateUseCaseDependencyOptions {
+  public habitCreateRepository: HabitCreateRepository
+
+  public constructor(options: HabitCreateUseCaseDependencyOptions) {
+    this.habitCreateRepository = options.habitCreateRepository
+  }
+
+  public async execute(data: unknown): Promise<Habit> {
+    const habitCreateData = await HabitCreateSchema.parseAsync(data)
+    const habit = await this.habitCreateRepository.execute({
+      habitCreateData,
+    })
+    return habit
+  }
+}
diff --git a/infrastructure/instances.ts b/infrastructure/instances.ts
index a2ede57..89b1690 100644
--- a/infrastructure/instances.ts
+++ b/infrastructure/instances.ts
@@ -6,6 +6,8 @@ import { GetHabitProgressHistorySupabaseRepository } from "./supabase/repositori
 import { GetHabitsByUserIdSupabaseRepository } from "./supabase/repositories/GetHabitsByUserId"
 import { supabaseClient } from "./supabase/supabase"
 import { AuthenticationPresenter } from "@/presentation/presenters/Authentication"
+import { HabitCreateSupabaseRepository } from "./supabase/repositories/HabitCreate"
+import { HabitCreateUseCase } from "@/domain/use-cases/HabitCreate"
 
 /**
  * Repositories
@@ -20,6 +22,9 @@ const getHabitProgressesRepository =
 const getHabitsByUserIdRepository = new GetHabitsByUserIdSupabaseRepository({
   supabaseClient,
 })
+const habitCreateRepository = new HabitCreateSupabaseRepository({
+  supabaseClient,
+})
 
 /**
  * Use Cases
@@ -27,6 +32,9 @@ const getHabitsByUserIdRepository = new GetHabitsByUserIdSupabaseRepository({
 const authenticationUseCase = new AuthenticationUseCase({
   authenticationRepository,
 })
+const habitCreateUseCase = new HabitCreateUseCase({
+  habitCreateRepository,
+})
 const retrieveHabitsTrackerUseCase = new RetrieveHabitsTrackerUseCase({
   getHabitProgressHistoryRepository: getHabitProgressesRepository,
   getHabitsByUserIdRepository,
@@ -40,4 +48,5 @@ export const authenticationPresenter = new AuthenticationPresenter({
 })
 export const habitsTrackerPresenter = new HabitsTrackerPresenter({
   retrieveHabitsTrackerUseCase,
+  habitCreateUseCase,
 })
diff --git a/infrastructure/supabase/repositories/HabitCreate.ts b/infrastructure/supabase/repositories/HabitCreate.ts
new file mode 100644
index 0000000..04e5ab3
--- /dev/null
+++ b/infrastructure/supabase/repositories/HabitCreate.ts
@@ -0,0 +1,42 @@
+import { Habit } from "@/domain/entities/Habit"
+import type { HabitCreateRepository } from "@/domain/repositories/HabitCreate"
+import { SupabaseRepository } from "./_SupabaseRepository"
+import { Goal } from "@/domain/entities/Goal"
+
+export class HabitCreateSupabaseRepository
+  extends SupabaseRepository
+  implements HabitCreateRepository
+{
+  public execute: HabitCreateRepository["execute"] = async (options) => {
+    const { habitCreateData } = options
+    const { data, error } = await this.supabaseClient
+      .from("habits")
+      .insert({
+        name: habitCreateData.name,
+        color: habitCreateData.color,
+        icon: habitCreateData.icon,
+        goal_frequency: habitCreateData.goal.frequency,
+        ...(habitCreateData.goal.target.type === "numeric"
+          ? {
+              goal_target: habitCreateData.goal.target.value,
+              goal_target_unit: habitCreateData.goal.target.unit,
+            }
+          : {}),
+      })
+      .select("*")
+    const insertedHabit = data?.[0]
+    if (error != null || insertedHabit == null) {
+      throw new Error(error?.message ?? "Failed to create habit.")
+    }
+    const habit = new Habit({
+      id: insertedHabit.id.toString(),
+      userId: insertedHabit.user_id.toString(),
+      name: insertedHabit.name,
+      icon: insertedHabit.icon,
+      goal: Goal.create(habitCreateData.goal),
+      color: insertedHabit.color,
+      startDate: new Date(insertedHabit.start_date),
+    })
+    return habit
+  }
+}
diff --git a/infrastructure/supabase/seed.sql b/infrastructure/supabase/seed.sql
index bb7f5b5..97c607b 100644
--- a/infrastructure/supabase/seed.sql
+++ b/infrastructure/supabase/seed.sql
@@ -262,3 +262,6 @@ VALUES
     timezone('utc' :: text, NOW()),
     4733
   );
+
+-- SELECT setval('habits_id_seq', (SELECT coalesce(MAX(id) + 1, 1) FROM habits), false);
+-- SELECT setval('habits_progresses_id_seq', (SELECT coalesce(MAX(id) + 1, 1) FROM habits_progresses), false);
diff --git a/infrastructure/supabase/supabase.ts b/infrastructure/supabase/supabase.ts
index 6f5812d..bec2c9f 100644
--- a/infrastructure/supabase/supabase.ts
+++ b/infrastructure/supabase/supabase.ts
@@ -5,8 +5,12 @@ import AsyncStorage from "@react-native-async-storage/async-storage"
 
 import type { Database } from "./supabase-types"
 
-const SUPABASE_URL = process.env["EXPO_PUBLIC_SUPABASE_URL"] ?? ""
-const SUPABASE_ANON_KEY = process.env["EXPO_PUBLIC_SUPABASE_ANON_KEY"] ?? ""
+const SUPABASE_URL =
+  process.env["EXPO_PUBLIC_SUPABASE_URL"] ??
+  "https://wjtwtzxreersqfvfgxrz.supabase.co"
+const SUPABASE_ANON_KEY =
+  process.env["EXPO_PUBLIC_SUPABASE_ANON_KEY"] ??
+  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6IndqdHd0enhyZWVyc3FmdmZneHJ6Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTExNDcyNzAsImV4cCI6MjAyNjcyMzI3MH0.AglONhsMvmcCRkqwrZsB4Ws9u3o1FAbLlpKJmqeUv8I"
 
 export const supabaseClient = createClient<Database>(
   SUPABASE_URL,
diff --git a/package-lock.json b/package-lock.json
index cf86dd1..8f677ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@hookform/resolvers": "3.3.4",
         "@react-native-async-storage/async-storage": "1.21.0",
         "@react-navigation/native": "6.1.16",
-        "@supabase/supabase-js": "2.39.8",
+        "@supabase/supabase-js": "2.42.0",
         "expo": "50.0.14",
         "expo-font": "11.10.3",
         "expo-linking": "6.2.2",
@@ -25,13 +25,13 @@
         "immer": "10.0.4",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-hook-form": "7.51.1",
+        "react-hook-form": "7.51.2",
         "react-native": "0.73.6",
         "react-native-calendars": "1.1304.1",
         "react-native-elements": "3.4.3",
-        "react-native-gesture-handler": "2.16.0",
+        "react-native-gesture-handler": "2.14.1",
         "react-native-paper": "5.12.3",
-        "react-native-reanimated": "~3.6.2",
+        "react-native-reanimated": "3.6.3",
         "react-native-safe-area-context": "4.8.2",
         "react-native-screens": "3.29.0",
         "react-native-url-polyfill": "2.0.0",
@@ -41,18 +41,18 @@
         "zod": "3.22.4"
       },
       "devDependencies": {
-        "@babel/core": "7.24.3",
+        "@babel/core": "7.24.4",
         "@commitlint/cli": "19.1.0",
         "@commitlint/config-conventional": "19.1.0",
-        "@testing-library/react-native": "12.4.4",
+        "@testing-library/react-native": "12.4.5",
         "@total-typescript/ts-reset": "0.5.1",
-        "@tsconfig/strictest": "2.0.3",
+        "@tsconfig/strictest": "2.0.5",
         "@types/jest": "29.5.12",
-        "@types/node": "20.11.30",
-        "@types/react": "18.2.69",
+        "@types/node": "20.12.4",
+        "@types/react": "18.2.74",
         "@types/react-test-renderer": "18.0.7",
-        "@typescript-eslint/eslint-plugin": "7.3.1",
-        "@typescript-eslint/parser": "7.3.1",
+        "@typescript-eslint/eslint-plugin": "7.5.0",
+        "@typescript-eslint/parser": "7.5.0",
         "eslint": "8.57.0",
         "eslint-config-conventions": "14.1.0",
         "eslint-config-prettier": "9.1.0",
@@ -69,8 +69,8 @@
         "jest-junit": "16.0.0",
         "lint-staged": "15.2.2",
         "react-test-renderer": "18.2.0",
-        "supabase": "1.150.0",
-        "typescript": "5.4.3"
+        "supabase": "1.153.4",
+        "typescript": "5.4.4"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -107,25 +107,25 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.1.tgz",
-      "integrity": "sha512-Pc65opHDliVpRHuKfzI+gSA4zcgr65O4cl64fFJIWEEh8JoHIHh0Oez1Eo8Arz8zq/JhgKodQaxEwUPRtZylVA==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz",
+      "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.24.3",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.3.tgz",
-      "integrity": "sha512-5FcvN1JHw2sHJChotgx8Ek0lyuh4kCKelgMTTqhYJJtloNvUfpAFMeNQUtdlIaktwrSV9LtCdqwk48wL2wBacQ==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz",
+      "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.24.2",
-        "@babel/generator": "^7.24.1",
+        "@babel/generator": "^7.24.4",
         "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.24.1",
-        "@babel/parser": "^7.24.1",
+        "@babel/helpers": "^7.24.4",
+        "@babel/parser": "^7.24.4",
         "@babel/template": "^7.24.0",
         "@babel/traverse": "^7.24.1",
         "@babel/types": "^7.24.0",
@@ -144,9 +144,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.1.tgz",
-      "integrity": "sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz",
+      "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==",
       "dependencies": {
         "@babel/types": "^7.24.0",
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -195,9 +195,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.1.tgz",
-      "integrity": "sha512-1yJa9dX9g//V6fDebXoEfEsxkZHk3Hcbm+zLhyu6qVgYFLvmTALTeV+jNU9e5RnYtioBrGEOdoI2joMSNQ/+aA==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz",
+      "integrity": "sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -440,9 +440,9 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.1.tgz",
-      "integrity": "sha512-BpU09QqEe6ZCHuIHFphEFgvNSrubve1FtyMton26ekZ85gRGi6LrTF7zArARp2YvyFxloeiRmtSCq5sjh1WqIg==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.4.tgz",
+      "integrity": "sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==",
       "dependencies": {
         "@babel/template": "^7.24.0",
         "@babel/traverse": "^7.24.1",
@@ -467,9 +467,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.1.tgz",
-      "integrity": "sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz",
+      "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -477,6 +477,21 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz",
+      "integrity": "sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.24.1",
       "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz",
@@ -1060,9 +1075,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.1.tgz",
-      "integrity": "sha512-h71T2QQvDgM2SmT29UYU6ozjMlAt7s7CSs5Hvy8f8cf/GM/Z4a2zMfN+fjVGaieeCrXR3EdQl6C4gQG+OgmbKw==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz",
+      "integrity": "sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.24.0"
       },
@@ -1089,11 +1104,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.1.tgz",
-      "integrity": "sha512-FUHlKCn6J3ERiu8Dv+4eoz7w8+kFLSyeVG4vDAikwADGjUCoHw/JHokyGtr8OR4UjpwPVivyF+h8Q5iv/JmrtA==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz",
+      "integrity": "sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
+        "@babel/helper-create-class-features-plugin": "^7.24.4",
         "@babel/helper-plugin-utils": "^7.24.0",
         "@babel/plugin-syntax-class-static-block": "^7.14.5"
       },
@@ -1800,12 +1815,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.1.tgz",
-      "integrity": "sha512-liYSESjX2fZ7JyBFkYG78nfvHlMKE6IpNdTVnxmlYUR+j5ZLsitFbaAE+eJSK2zPPkNWNw4mXL51rQ8WrvdK0w==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.4.tgz",
+      "integrity": "sha512-79t3CQ8+oBGk/80SQ8MN3Bs3obf83zJ0YZjDmDaEZN8MqhMI760apl5z6a20kFeMXBwJX99VpKT8CKxEBp5H1g==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
+        "@babel/helper-create-class-features-plugin": "^7.24.4",
         "@babel/helper-plugin-utils": "^7.24.0",
         "@babel/plugin-syntax-typescript": "^7.24.1"
       },
@@ -1876,14 +1891,15 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.24.3",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.3.tgz",
-      "integrity": "sha512-fSk430k5c2ff8536JcPvPWK4tZDwehWLGlBp0wrsBUjZVdeQV6lePbwKWZaZfK2vnh/1kQX1PzAJWsnBmVgGJA==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.4.tgz",
+      "integrity": "sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A==",
       "dependencies": {
-        "@babel/compat-data": "^7.24.1",
+        "@babel/compat-data": "^7.24.4",
         "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.24.0",
         "@babel/helper-validator-option": "^7.23.5",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.4",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.1",
         "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.1",
         "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.1",
@@ -1910,9 +1926,9 @@
         "@babel/plugin-transform-async-generator-functions": "^7.24.3",
         "@babel/plugin-transform-async-to-generator": "^7.24.1",
         "@babel/plugin-transform-block-scoped-functions": "^7.24.1",
-        "@babel/plugin-transform-block-scoping": "^7.24.1",
+        "@babel/plugin-transform-block-scoping": "^7.24.4",
         "@babel/plugin-transform-class-properties": "^7.24.1",
-        "@babel/plugin-transform-class-static-block": "^7.24.1",
+        "@babel/plugin-transform-class-static-block": "^7.24.4",
         "@babel/plugin-transform-classes": "^7.24.1",
         "@babel/plugin-transform-computed-properties": "^7.24.1",
         "@babel/plugin-transform-destructuring": "^7.24.1",
@@ -2078,9 +2094,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.1.tgz",
-      "integrity": "sha512-+BIznRzyqBf+2wCTxcKE3wDjfGeCoVE61KSHGpkzqrLi8qxqFwBeUFyId2cxkTmm55fzDGnm0+yCxaxygrLUnQ==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.4.tgz",
+      "integrity": "sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -4370,9 +4386,9 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
-      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true
     },
     "node_modules/@isaacs/ttlcache": {
@@ -7925,18 +7941,18 @@
         "@sinonjs/commons": "^3.0.0"
       }
     },
-    "node_modules/@supabase/functions-js": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.1.5.tgz",
-      "integrity": "sha512-BNzC5XhCzzCaggJ8s53DP+WeHHGT/NfTsx2wUSSGKR2/ikLFQTBCDzMvGz/PxYMqRko/LwncQtKXGOYp1PkPaw==",
+    "node_modules/@supabase/auth-js": {
+      "version": "2.63.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.63.0.tgz",
+      "integrity": "sha512-yIgcHnlgv24GxHtVGUhwGqAFDyJkPIC/xjx7HostN08A8yCy8HIfl4JEkTKyBqD1v1L05jNEJOUke4Lf4O1+Qg==",
       "dependencies": {
         "@supabase/node-fetch": "^2.6.14"
       }
     },
-    "node_modules/@supabase/gotrue-js": {
-      "version": "2.62.2",
-      "resolved": "https://registry.npmjs.org/@supabase/gotrue-js/-/gotrue-js-2.62.2.tgz",
-      "integrity": "sha512-AP6e6W9rQXFTEJ7sTTNYQrNf0LCcnt1hUW+RIgUK+Uh3jbWvcIST7wAlYyNZiMlS9+PYyymWQ+Ykz/rOYSO0+A==",
+    "node_modules/@supabase/functions-js": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.2.2.tgz",
+      "integrity": "sha512-sJGq1nludmi7pY/fdtCpyY/pYonx7MfHdN408bqb736guWcVI1AChYVbI4kUM978EuOE4Ci6l7bUudfGg07QRw==",
       "dependencies": {
         "@supabase/node-fetch": "^2.6.14"
       }
@@ -7953,9 +7969,9 @@
       }
     },
     "node_modules/@supabase/postgrest-js": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.9.2.tgz",
-      "integrity": "sha512-I6yHo8CC9cxhOo6DouDMy9uOfW7hjdsnCxZiaJuIVZm1dBGTFiQPgfMa9zXCamEWzNyWRjZvupAUuX+tqcl5Sw==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.15.0.tgz",
+      "integrity": "sha512-U4bwBOrhsXWqDjZiYNbVqMBtRGgIIYE0kE5ZNSwsIbeBWfr/UxOMrnkIQUBGIZRhpYW/tw1WnTdRl1AGNyaxcw==",
       "dependencies": {
         "@supabase/node-fetch": "^2.6.14"
       }
@@ -7980,22 +7996,22 @@
       }
     },
     "node_modules/@supabase/supabase-js": {
-      "version": "2.39.8",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.39.8.tgz",
-      "integrity": "sha512-WpiawHjseIRcCQTZbMJtHUSOepz5+M9qE1jP9BDmg8X7ehALFwgEkiKyHAu59qm/pKP2ryyQXLtu2XZNRbUarw==",
+      "version": "2.42.0",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.42.0.tgz",
+      "integrity": "sha512-1PDqJiA4iG45w3AAu6xkccJ3wPqlGJUoz9CPhScRLLTStxhewYhz0mjryTpXz1kgtNHdUAsirALreezn8UZMjA==",
       "dependencies": {
-        "@supabase/functions-js": "2.1.5",
-        "@supabase/gotrue-js": "2.62.2",
+        "@supabase/auth-js": "2.63.0",
+        "@supabase/functions-js": "2.2.2",
         "@supabase/node-fetch": "2.6.15",
-        "@supabase/postgrest-js": "1.9.2",
+        "@supabase/postgrest-js": "1.15.0",
         "@supabase/realtime-js": "2.9.3",
         "@supabase/storage-js": "2.5.5"
       }
     },
     "node_modules/@testing-library/react-native": {
-      "version": "12.4.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/react-native/-/react-native-12.4.4.tgz",
-      "integrity": "sha512-2j8ycuQvsTT8s7q4NwnFnnbTQ29/wC22LnMwwnNF+QzqKXz0jcABTkQ/x3xKZsG2lf5F79ZF5ijGsurBuVGRxw==",
+      "version": "12.4.5",
+      "resolved": "https://registry.npmjs.org/@testing-library/react-native/-/react-native-12.4.5.tgz",
+      "integrity": "sha512-SfwFwV1MrnvL//9T4C4UyusnZfWy2IOftNU7mG+bspk23bDM9HH1TxsMvec7JVZleraicDO7tP1odFqwb4KPcg==",
       "dev": true,
       "dependencies": {
         "jest-matcher-utils": "^29.7.0",
@@ -8030,9 +8046,9 @@
       "dev": true
     },
     "node_modules/@tsconfig/strictest": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@tsconfig/strictest/-/strictest-2.0.3.tgz",
-      "integrity": "sha512-MroLvRhMbqtXI5WBSwoomro6OQS4xnCoudUrMb20JO0vLKUs0bAaCEcvM/immEBSJjFAK1l6jW1oAO8q3Ancrg==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@tsconfig/strictest/-/strictest-2.0.5.tgz",
+      "integrity": "sha512-ec4tjL2Rr0pkZ5hww65c+EEPYwxOi4Ryv+0MtjeaSQRJyq322Q27eOQiFbuNgw2hpL4hB1/W/HBGk3VKS43osg==",
       "dev": true
     },
     "node_modules/@types/babel__core": {
@@ -8158,9 +8174,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.11.30",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.30.tgz",
-      "integrity": "sha512-dHM6ZxwlmuZaRmUPfv1p+KrdD1Dci04FbdEm/9wEMouFqxYoFl5aMkt0VMAUtYRQDyYvD41WJLukhq/ha3YuTw==",
+      "version": "20.12.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.4.tgz",
+      "integrity": "sha512-E+Fa9z3wSQpzgYQdYmme5X3OTuejnnTx88A6p6vkkJosR3KBz+HpE3kqNm98VE6cfLFcISx7zW7MsJkH6KwbTw==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -8182,12 +8198,11 @@
       "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q=="
     },
     "node_modules/@types/react": {
-      "version": "18.2.69",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.69.tgz",
-      "integrity": "sha512-W1HOMUWY/1Yyw0ba5TkCV+oqynRjG7BnteBB+B7JmAK7iw3l2SW+VGOxL+akPweix6jk2NNJtyJKpn4TkpfK3Q==",
+      "version": "18.2.74",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.74.tgz",
+      "integrity": "sha512-9AEqNZZyBx8OdZpxzQlaFEVCSFUM2YXJH46yPOiOpm078k6ZLOCcuAzGum/zK8YBwY+dbahVNbHrbgrAwIRlqw==",
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
@@ -8217,11 +8232,6 @@
         "@types/react": "*"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A=="
-    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -8261,16 +8271,16 @@
       "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.3.1.tgz",
-      "integrity": "sha512-STEDMVQGww5lhCuNXVSQfbfuNII5E08QWkvAw5Qwf+bj2WT+JkG1uc+5/vXA3AOYMDHVOSpL+9rcbEUiHIm2dw==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.5.0.tgz",
+      "integrity": "sha512-HpqNTH8Du34nLxbKgVMGljZMG0rJd2O9ecvr2QLYp+7512ty1j42KnsFwspPXg1Vh8an9YImf6CokUBltisZFQ==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "7.3.1",
-        "@typescript-eslint/type-utils": "7.3.1",
-        "@typescript-eslint/utils": "7.3.1",
-        "@typescript-eslint/visitor-keys": "7.3.1",
+        "@typescript-eslint/scope-manager": "7.5.0",
+        "@typescript-eslint/type-utils": "7.5.0",
+        "@typescript-eslint/utils": "7.5.0",
+        "@typescript-eslint/visitor-keys": "7.5.0",
         "debug": "^4.3.4",
         "graphemer": "^1.4.0",
         "ignore": "^5.2.4",
@@ -8329,15 +8339,15 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.3.1.tgz",
-      "integrity": "sha512-Rq49+pq7viTRCH48XAbTA+wdLRrB/3sRq4Lpk0oGDm0VmnjBrAOVXH/Laalmwsv2VpekiEfVFwJYVk6/e8uvQw==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.5.0.tgz",
+      "integrity": "sha512-cj+XGhNujfD2/wzR1tabNsidnYRaFfEkcULdcIyVBYcXjBvBKOes+mpMBP7hMpOyk+gBcfXsrg4NBGAStQyxjQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "7.3.1",
-        "@typescript-eslint/types": "7.3.1",
-        "@typescript-eslint/typescript-estree": "7.3.1",
-        "@typescript-eslint/visitor-keys": "7.3.1",
+        "@typescript-eslint/scope-manager": "7.5.0",
+        "@typescript-eslint/types": "7.5.0",
+        "@typescript-eslint/typescript-estree": "7.5.0",
+        "@typescript-eslint/visitor-keys": "7.5.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -8357,13 +8367,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.3.1.tgz",
-      "integrity": "sha512-fVS6fPxldsKY2nFvyT7IP78UO1/I2huG+AYu5AMjCT9wtl6JFiDnsv4uad4jQ0GTFzcUV5HShVeN96/17bTBag==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.5.0.tgz",
+      "integrity": "sha512-Z1r7uJY0MDeUlql9XJ6kRVgk/sP11sr3HKXn268HZyqL7i4cEfrdFuSSY/0tUqT37l5zT0tJOsuDP16kio85iA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "7.3.1",
-        "@typescript-eslint/visitor-keys": "7.3.1"
+        "@typescript-eslint/types": "7.5.0",
+        "@typescript-eslint/visitor-keys": "7.5.0"
       },
       "engines": {
         "node": "^18.18.0 || >=20.0.0"
@@ -8374,13 +8384,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.3.1.tgz",
-      "integrity": "sha512-iFhaysxFsMDQlzJn+vr3OrxN8NmdQkHks4WaqD4QBnt5hsq234wcYdyQ9uquzJJIDAj5W4wQne3yEsYA6OmXGw==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.5.0.tgz",
+      "integrity": "sha512-A021Rj33+G8mx2Dqh0nMO9GyjjIBK3MqgVgZ2qlKf6CJy51wY/lkkFqq3TqqnH34XyAHUkq27IjlUkWlQRpLHw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "7.3.1",
-        "@typescript-eslint/utils": "7.3.1",
+        "@typescript-eslint/typescript-estree": "7.5.0",
+        "@typescript-eslint/utils": "7.5.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -8401,9 +8411,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.3.1.tgz",
-      "integrity": "sha512-2tUf3uWggBDl4S4183nivWQ2HqceOZh1U4hhu4p1tPiIJoRRXrab7Y+Y0p+dozYwZVvLPRI6r5wKe9kToF9FIw==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.5.0.tgz",
+      "integrity": "sha512-tv5B4IHeAdhR7uS4+bf8Ov3k793VEVHd45viRRkehIUZxm0WF82VPiLgHzA/Xl4TGPg1ZD49vfxBKFPecD5/mg==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || >=20.0.0"
@@ -8414,13 +8424,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.3.1.tgz",
-      "integrity": "sha512-tLpuqM46LVkduWP7JO7yVoWshpJuJzxDOPYIVWUUZbW+4dBpgGeUdl/fQkhuV0A8eGnphYw3pp8d2EnvPOfxmQ==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.5.0.tgz",
+      "integrity": "sha512-YklQQfe0Rv2PZEueLTUffiQGKQneiIEKKnfIqPIOxgM9lKSZFCjT5Ad4VqRKj/U4+kQE3fa8YQpskViL7WjdPQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "7.3.1",
-        "@typescript-eslint/visitor-keys": "7.3.1",
+        "@typescript-eslint/types": "7.5.0",
+        "@typescript-eslint/visitor-keys": "7.5.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -8475,17 +8485,17 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.3.1.tgz",
-      "integrity": "sha512-jIERm/6bYQ9HkynYlNZvXpzmXWZGhMbrOvq3jJzOSOlKXsVjrrolzWBjDW6/TvT5Q3WqaN4EkmcfdQwi9tDjBQ==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.5.0.tgz",
+      "integrity": "sha512-3vZl9u0R+/FLQcpy2EHyRGNqAS/ofJ3Ji8aebilfJe+fobK8+LbIFmrHciLVDxjDoONmufDcnVSF38KwMEOjzw==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
         "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "7.3.1",
-        "@typescript-eslint/types": "7.3.1",
-        "@typescript-eslint/typescript-estree": "7.3.1",
+        "@typescript-eslint/scope-manager": "7.5.0",
+        "@typescript-eslint/types": "7.5.0",
+        "@typescript-eslint/typescript-estree": "7.5.0",
         "semver": "^7.5.4"
       },
       "engines": {
@@ -8533,12 +8543,12 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.3.1.tgz",
-      "integrity": "sha512-9RMXwQF8knsZvfv9tdi+4D/j7dMG28X/wMJ8Jj6eOHyHWwDW4ngQJcqEczSsqIKKjFiLFr40Mnr7a5ulDD3vmw==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.5.0.tgz",
+      "integrity": "sha512-mcuHM/QircmA6O7fy6nn2w/3ditQkj+SgtOc8DW3uQ10Yfj42amm2i+6F2K4YAOPNNTmE6iM1ynM6lrSwdendA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "7.3.1",
+        "@typescript-eslint/types": "7.5.0",
         "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
@@ -9872,9 +9882,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001600",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz",
-      "integrity": "sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==",
+      "version": "1.0.30001605",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001605.tgz",
+      "integrity": "sha512-nXwGlFWo34uliI9z3n6Qc0wZaf7zaZWA1CPZ169La5mV3I/gem7bst0vr5XQH5TJXZIMfDeZyOrZnSlVzKxxHQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -11199,9 +11209,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.715",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.715.tgz",
-      "integrity": "sha512-XzWNH4ZSa9BwVUQSDorPWAUQ5WGuYz7zJUNpNif40zFCiCl20t8zgylmreNmn26h5kiyw2lg7RfTmeMBsDklqg=="
+      "version": "1.4.727",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.727.tgz",
+      "integrity": "sha512-brpv4KTeC4g0Fx2FeIKytLd4UGn1zBQq5Lauy7zEWT9oqkaj5mgsxblEZIAOf1HHLlXxzr6adGViiBy5Z39/CA=="
     },
     "node_modules/emittery": {
       "version": "0.13.1",
@@ -11311,9 +11321,9 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.23.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.2.tgz",
-      "integrity": "sha512-60s3Xv2T2p1ICykc7c+DNDPLDMm9t4QxCOUU0K9JxiLjM3C1zB9YVdN7tjxrFd4+AkZ8CdX1ovUga4P2+1e+/w==",
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
       "dev": true,
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
@@ -11355,11 +11365,11 @@
         "safe-regex-test": "^1.0.3",
         "string.prototype.trim": "^1.2.9",
         "string.prototype.trimend": "^1.0.8",
-        "string.prototype.trimstart": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.8",
         "typed-array-buffer": "^1.0.2",
         "typed-array-byte-length": "^1.0.1",
         "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.5",
+        "typed-array-length": "^1.0.6",
         "unbox-primitive": "^1.0.2",
         "which-typed-array": "^1.1.15"
       },
@@ -13033,9 +13043,9 @@
       "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw=="
     },
     "node_modules/flow-parser": {
-      "version": "0.231.0",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.231.0.tgz",
-      "integrity": "sha512-WVzuqwq7ZnvBceCG0DGeTQebZE+iIU0mlk5PmJgYj9DDrt+0isGC2m1ezW9vxL4V+HERJJo9ExppOnwKH2op6Q==",
+      "version": "0.233.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.233.0.tgz",
+      "integrity": "sha512-E/mv51GYJfLuRX6fZnw4M52gBxYa8pkHUOgNEZOcQK2RTXS8YXeU5rlalkTcY99UpwbeNVCSUFKaavpOksi/pQ==",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -16430,13 +16440,10 @@
       }
     },
     "node_modules/jest-watch-typeahead/node_modules/ansi-escapes": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.0.tgz",
-      "integrity": "sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.1.tgz",
+      "integrity": "sha512-4nJ3yixlEthEJ9Rk4vPcdBRkZvQZlYyu8j4/Mqz5sgIkddmEnH2Yj2ZrnP9S3tQOvSNRUIgVNF/1yPpRAGNRig==",
       "dev": true,
-      "dependencies": {
-        "type-fest": "^3.0.0"
-      },
       "engines": {
         "node": ">=14.16"
       },
@@ -16578,18 +16585,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/jest-watch-typeahead/node_modules/type-fest": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
-      "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/jest-watcher": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
@@ -16730,9 +16725,9 @@
       }
     },
     "node_modules/joi": {
-      "version": "17.12.2",
-      "resolved": "https://registry.npmjs.org/joi/-/joi-17.12.2.tgz",
-      "integrity": "sha512-RonXAIzCiHLc8ss3Ibuz45u28GOsWE1UpfDXLbN/9NKbL4tCJf8TWYVKsoYuuh+sAUt7fsSNpA+r2+TBA6Wjmw==",
+      "version": "17.12.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.12.3.tgz",
+      "integrity": "sha512-2RRziagf555owrm9IRVtdKynOBeITiDpuZqIpgwqXShPncPKNiRQoiGsl/T8SQdq+8ugRzH2LqY67irr2y/d+g==",
       "dependencies": {
         "@hapi/hoek": "^9.3.0",
         "@hapi/topo": "^5.1.0",
@@ -17578,13 +17573,10 @@
       }
     },
     "node_modules/log-update/node_modules/ansi-escapes": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.0.tgz",
-      "integrity": "sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.1.tgz",
+      "integrity": "sha512-4nJ3yixlEthEJ9Rk4vPcdBRkZvQZlYyu8j4/Mqz5sgIkddmEnH2Yj2ZrnP9S3tQOvSNRUIgVNF/1yPpRAGNRig==",
       "dev": true,
-      "dependencies": {
-        "type-fest": "^3.0.0"
-      },
       "engines": {
         "node": ">=14.16"
       },
@@ -17662,18 +17654,6 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/log-update/node_modules/type-fest": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
-      "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/log-update/node_modules/wrap-ansi": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
@@ -18033,9 +18013,9 @@
       }
     },
     "node_modules/metro": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro/-/metro-0.80.7.tgz",
-      "integrity": "sha512-con7RTEulmefHplqusjpoGD+r4CBuDLaeI261hFcSuTv6+Arm5FgSYmUcBa3MeqJbC/U8v0uT6MbdkEFCEl1xg==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro/-/metro-0.80.8.tgz",
+      "integrity": "sha512-in7S0W11mg+RNmcXw+2d9S3zBGmCARDxIwoXJAmLUQOQoYsRP3cpGzyJtc7WOw8+FXfpgXvceD0u+PZIHXEL7g==",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "@babel/core": "^7.20.0",
@@ -18058,18 +18038,18 @@
         "jest-worker": "^29.6.3",
         "jsc-safe-url": "^0.2.2",
         "lodash.throttle": "^4.1.1",
-        "metro-babel-transformer": "0.80.7",
-        "metro-cache": "0.80.7",
-        "metro-cache-key": "0.80.7",
-        "metro-config": "0.80.7",
-        "metro-core": "0.80.7",
-        "metro-file-map": "0.80.7",
-        "metro-resolver": "0.80.7",
-        "metro-runtime": "0.80.7",
-        "metro-source-map": "0.80.7",
-        "metro-symbolicate": "0.80.7",
-        "metro-transform-plugins": "0.80.7",
-        "metro-transform-worker": "0.80.7",
+        "metro-babel-transformer": "0.80.8",
+        "metro-cache": "0.80.8",
+        "metro-cache-key": "0.80.8",
+        "metro-config": "0.80.8",
+        "metro-core": "0.80.8",
+        "metro-file-map": "0.80.8",
+        "metro-resolver": "0.80.8",
+        "metro-runtime": "0.80.8",
+        "metro-source-map": "0.80.8",
+        "metro-symbolicate": "0.80.8",
+        "metro-transform-plugins": "0.80.8",
+        "metro-transform-worker": "0.80.8",
         "mime-types": "^2.1.27",
         "node-fetch": "^2.2.0",
         "nullthrows": "^1.1.1",
@@ -18089,9 +18069,9 @@
       }
     },
     "node_modules/metro-babel-transformer": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.80.7.tgz",
-      "integrity": "sha512-b773yA16DsDQiM4OOzCsr1gwEd+iio9au98o3bj7F/bxVyoz1LuYox06BIdsiLL1o4kV5VtzTu3UXSJ2X0ZGXg==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.80.8.tgz",
+      "integrity": "sha512-TTzNwRZb2xxyv4J/+yqgtDAP2qVqH3sahsnFu6Xv4SkLqzrivtlnyUbaeTdJ9JjtADJUEjCbgbFgUVafrXdR9Q==",
       "dependencies": {
         "@babel/core": "^7.20.0",
         "hermes-parser": "0.20.1",
@@ -18102,11 +18082,11 @@
       }
     },
     "node_modules/metro-cache": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.80.7.tgz",
-      "integrity": "sha512-N6HyLjwDKusqJDaVyP57SVZKP51m1FFVcbIWQXu938W30nCXQEuWOx4e6adKgfEOZpscisWojfrCFN42/A8uug==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.80.8.tgz",
+      "integrity": "sha512-5svz+89wSyLo7BxdiPDlwDTgcB9kwhNMfNhiBZPNQQs1vLFXxOkILwQiV5F2EwYT9DEr6OPZ0hnJkZfRQ8lDYQ==",
       "dependencies": {
-        "metro-core": "0.80.7",
+        "metro-core": "0.80.8",
         "rimraf": "^3.0.2"
       },
       "engines": {
@@ -18114,9 +18094,9 @@
       }
     },
     "node_modules/metro-cache-key": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.80.7.tgz",
-      "integrity": "sha512-sfCOtooMqmmm2v0a4EsYr5knYJGIArZJ5Y7MAcmsVU2pcqg+JQyPhYr/zqSkXBBipRxXr7aNXul9StKzKjsnbw==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.80.8.tgz",
+      "integrity": "sha512-qWKzxrLsRQK5m3oH8ePecqCc+7PEhR03cJE6Z6AxAj0idi99dHOSitTmY0dclXVB9vP2tQIAE8uTd8xkYGk8fA==",
       "engines": {
         "node": ">=18"
       }
@@ -18136,17 +18116,17 @@
       }
     },
     "node_modules/metro-config": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.80.7.tgz",
-      "integrity": "sha512-kpXCidthS/kFlEoXjWQp+IyCU5ICCOESVgwXEzViSDOv5bPJz2ytIr2lF623e50QzyrpFBSnOPjnyd1JbsVPvQ==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.80.8.tgz",
+      "integrity": "sha512-VGQJpfJawtwRzGzGXVUoohpIkB0iPom4DmSbAppKfumdhtLA8uVeEPp2GM61kL9hRvdbMhdWA7T+hZFDlo4mJA==",
       "dependencies": {
         "connect": "^3.6.5",
         "cosmiconfig": "^5.0.5",
         "jest-validate": "^29.6.3",
-        "metro": "0.80.7",
-        "metro-cache": "0.80.7",
-        "metro-core": "0.80.7",
-        "metro-runtime": "0.80.7"
+        "metro": "0.80.8",
+        "metro-cache": "0.80.8",
+        "metro-core": "0.80.8",
+        "metro-runtime": "0.80.8"
       },
       "engines": {
         "node": ">=18"
@@ -18219,21 +18199,21 @@
       }
     },
     "node_modules/metro-core": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.80.7.tgz",
-      "integrity": "sha512-bl3D6TtIa2mSdVTbkskMPcJSdoivO0F06u8ip/oS/T6RsbjkMTN3OZBjJXclY9I0FcN14q8I5YQt1oriySY/2Q==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.80.8.tgz",
+      "integrity": "sha512-g6lud55TXeISRTleW6SHuPFZHtYrpwNqbyFIVd9j9Ofrb5IReiHp9Zl8xkAfZQp8v6ZVgyXD7c130QTsCz+vBw==",
       "dependencies": {
         "lodash.throttle": "^4.1.1",
-        "metro-resolver": "0.80.7"
+        "metro-resolver": "0.80.8"
       },
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/metro-file-map": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.80.7.tgz",
-      "integrity": "sha512-A9IAmFZu/Ch7zJ4LzJChsvhedNOipuIXaOz6N8J44rqVZHI0uIqDKVGCne7lzc97djF1Ti4tH9nP64u4IdhpSg==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.80.8.tgz",
+      "integrity": "sha512-eQXMFM9ogTfDs2POq7DT2dnG7rayZcoEgRbHPXvhUWkVwiKkro2ngcBE++ck/7A36Cj5Ljo79SOkYwHaWUDYDw==",
       "dependencies": {
         "anymatch": "^3.0.3",
         "debug": "^2.2.0",
@@ -18267,9 +18247,9 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
     "node_modules/metro-minify-terser": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.80.7.tgz",
-      "integrity": "sha512-9/mYV1tMGeoFSTMFr94oigJM2qMXJO3hvlibkaQ21HZjVyrfb54bSYyfIIRvAsjY2RCBRg9r2OrT+YbxnMypig==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.80.8.tgz",
+      "integrity": "sha512-y8sUFjVvdeUIINDuW1sejnIjkZfEF+7SmQo0EIpYbWmwh+kq/WMj74yVaBWuqNjirmUp1YNfi3alT67wlbBWBQ==",
       "dependencies": {
         "terser": "^5.15.0"
       },
@@ -18278,17 +18258,17 @@
       }
     },
     "node_modules/metro-resolver": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.80.7.tgz",
-      "integrity": "sha512-xW7M0TITuKs2rYQqbIQn297+MVWfDuGptPnfZ+RBG9afdN//Zpmg14KFMIYU4r5AH2WS+nxwL57DbZft1MyoHg==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.80.8.tgz",
+      "integrity": "sha512-JdtoJkP27GGoZ2HJlEsxs+zO7jnDUCRrmwXJozTlIuzLHMRrxgIRRby9fTCbMhaxq+iA9c+wzm3iFb4NhPmLbQ==",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/metro-runtime": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.80.7.tgz",
-      "integrity": "sha512-gWqzfm9YQw9I08L23hcLmY7XNx48W0c0vLEkVEF5P7ZNIOSfX9CkEv0JvTTJWshRYkbgIqsdtpMAHq13LJJ6iA==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.80.8.tgz",
+      "integrity": "sha512-2oScjfv6Yb79PelU1+p8SVrCMW9ZjgEiipxq7jMRn8mbbtWzyv3g8Mkwr+KwOoDFI/61hYPUbY8cUnu278+x1g==",
       "dependencies": {
         "@babel/runtime": "^7.0.0"
       },
@@ -18297,16 +18277,16 @@
       }
     },
     "node_modules/metro-source-map": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.80.7.tgz",
-      "integrity": "sha512-6a1m/51ekkAl+ISNBcKQUXTU+AldbbPUHDE3DDDU17Y0HNoovkQR23DB/uH/SzUHQszYxK1fnwUTSxpzOjx+pw==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.80.8.tgz",
+      "integrity": "sha512-+OVISBkPNxjD4eEKhblRpBf463nTMk3KMEeYS8Z4xM/z3qujGJGSsWUGRtH27+c6zElaSGtZFiDMshEb8mMKQg==",
       "dependencies": {
         "@babel/traverse": "^7.20.0",
         "@babel/types": "^7.20.0",
         "invariant": "^2.2.4",
-        "metro-symbolicate": "0.80.7",
+        "metro-symbolicate": "0.80.8",
         "nullthrows": "^1.1.1",
-        "ob1": "0.80.7",
+        "ob1": "0.80.8",
         "source-map": "^0.5.6",
         "vlq": "^1.0.0"
       },
@@ -18323,12 +18303,12 @@
       }
     },
     "node_modules/metro-symbolicate": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.80.7.tgz",
-      "integrity": "sha512-WrBR5FQhVf/Y2N3zBS5TvNdwYzcQTLdJj9kcn0MIt+DpdgfLuUDjHXYaq4G9fZubofInx2dUcqr4WCn6fkIxuA==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.80.8.tgz",
+      "integrity": "sha512-nwhYySk79jQhwjL9QmOUo4wS+/0Au9joEryDWw7uj4kz2yvw1uBjwmlql3BprQCBzRdB3fcqOP8kO8Es+vE31g==",
       "dependencies": {
         "invariant": "^2.2.4",
-        "metro-source-map": "0.80.7",
+        "metro-source-map": "0.80.8",
         "nullthrows": "^1.1.1",
         "source-map": "^0.5.6",
         "through2": "^2.0.1",
@@ -18350,9 +18330,9 @@
       }
     },
     "node_modules/metro-transform-plugins": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.80.7.tgz",
-      "integrity": "sha512-ENGvQF7wZCtn2rO6jwsYy3XRSPrlm0G/1TgDC8AXdvz0yjfAe1ODSCYWxP8S3JXfjKL5m3b6j9RsV8sQIxsUjQ==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.80.8.tgz",
+      "integrity": "sha512-sSu8VPL9Od7w98MftCOkQ1UDeySWbsIAS5I54rW22BVpPnI3fQ42srvqMLaJUQPjLehUanq8St6OMBCBgH/UWw==",
       "dependencies": {
         "@babel/core": "^7.20.0",
         "@babel/generator": "^7.20.0",
@@ -18365,21 +18345,21 @@
       }
     },
     "node_modules/metro-transform-worker": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.80.7.tgz",
-      "integrity": "sha512-QcgKpx3WZo71jTtXMEeeFuGpA+nG8YuWjxPTIsIYTjgDxcArS8zDDRzS18mmYkP65yyzH4dT94B1FJH9+flRag==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.80.8.tgz",
+      "integrity": "sha512-+4FG3TQk3BTbNqGkFb2uCaxYTfsbuFOCKMMURbwu0ehCP8ZJuTUramkaNZoATS49NSAkRgUltgmBa4YaKZ5mqw==",
       "dependencies": {
         "@babel/core": "^7.20.0",
         "@babel/generator": "^7.20.0",
         "@babel/parser": "^7.20.0",
         "@babel/types": "^7.20.0",
-        "metro": "0.80.7",
-        "metro-babel-transformer": "0.80.7",
-        "metro-cache": "0.80.7",
-        "metro-cache-key": "0.80.7",
-        "metro-minify-terser": "0.80.7",
-        "metro-source-map": "0.80.7",
-        "metro-transform-plugins": "0.80.7",
+        "metro": "0.80.8",
+        "metro-babel-transformer": "0.80.8",
+        "metro-cache": "0.80.8",
+        "metro-cache-key": "0.80.8",
+        "metro-minify-terser": "0.80.8",
+        "metro-source-map": "0.80.8",
+        "metro-transform-plugins": "0.80.8",
         "nullthrows": "^1.1.1"
       },
       "engines": {
@@ -19083,9 +19063,9 @@
       "dev": true
     },
     "node_modules/ob1": {
-      "version": "0.80.7",
-      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.80.7.tgz",
-      "integrity": "sha512-+m1cCNckRtDEnurNSVqywpN6LhFWc1Z3MdX7PX7boCwEdSzh4evlUjBIUzao1lBOpB7G5FvwfFagTVQGCMa0Yw==",
+      "version": "0.80.8",
+      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.80.8.tgz",
+      "integrity": "sha512-QHJQk/lXMmAW8I7AIM3in1MSlwe1umR72Chhi8B7Xnq6mzjhBKkA6Fy/zAhQnGkA4S912EPCEvTij5yh+EQTAA==",
       "engines": {
         "node": ">=18"
       }
@@ -19180,13 +19160,17 @@
       }
     },
     "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.4.tgz",
+      "integrity": "sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==",
       "dev": true,
       "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -20160,9 +20144,9 @@
       }
     },
     "node_modules/react-hook-form": {
-      "version": "7.51.1",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.1.tgz",
-      "integrity": "sha512-ifnBjl+kW0ksINHd+8C/Gp6a4eZOdWyvRv0UBaByShwU8JbVx5hTcTWEcd5VdybvmPTATkVVXk9npXArHmo56w==",
+      "version": "7.51.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.2.tgz",
+      "integrity": "sha512-y++lwaWjtzDt/XNnyGDQy6goHskFualmDlf+jzEZvjvz6KWDf7EboL7pUvRCzPTJd0EOPpdekYaQLEvvG6m6HA==",
       "engines": {
         "node": ">=12.22.0"
       },
@@ -20280,9 +20264,9 @@
       }
     },
     "node_modules/react-native-gesture-handler": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.16.0.tgz",
-      "integrity": "sha512-1hFkx7RIfeJSyTQQ0Nkv4icFVZ5+XjQkd47OgZMBFzoB7ecL+nFSz8KLi3OCWOhq+nbHpSPlSG5VF3CQNCJpWA==",
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.14.1.tgz",
+      "integrity": "sha512-YiM1BApV4aKeuwsM6O4C2ufwewYEKk6VMXOt0YqEZFMwABBFWhXLySFZYjBSNRU2USGppJbfHP1q1DfFQpKhdA==",
       "dependencies": {
         "@egjs/hammerjs": "^2.0.17",
         "hoist-non-react-statics": "^3.3.0",
@@ -22179,16 +22163,16 @@
       "integrity": "sha512-rlBo3HU/1zAJUrkY6jNxDOC9eVYliG6nS4JA8u8KAshITd07tafMc/Br7xQwCSseXwJ2iCcHCE8SNWX3q8Z+kw=="
     },
     "node_modules/supabase": {
-      "version": "1.150.0",
-      "resolved": "https://registry.npmjs.org/supabase/-/supabase-1.150.0.tgz",
-      "integrity": "sha512-hjyXukIww6Jc37Wq9urUldS61a7lZdw6J8Ky/TaScGFqTsO4DbPXUoOxHHaWYSM2ucV+4ejNZ5jYpAGmorApkA==",
+      "version": "1.153.4",
+      "resolved": "https://registry.npmjs.org/supabase/-/supabase-1.153.4.tgz",
+      "integrity": "sha512-dok/T9lu7ndDd7pzJOmnwlgr8mDyXNmdHBXx3Axhb1Dwy8igSHVwfLket6cp9zCAVNRhzrw+exjHxsIrPairPg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
         "bin-links": "^4.0.3",
         "https-proxy-agent": "^7.0.2",
         "node-fetch": "^3.3.2",
-        "tar": "6.2.0"
+        "tar": "6.2.1"
       },
       "bin": {
         "supabase": "bin/supabase"
@@ -22198,9 +22182,9 @@
       }
     },
     "node_modules/supabase/node_modules/agent-base": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
-      "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
+      "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==",
       "dev": true,
       "dependencies": {
         "debug": "^4.3.4"
@@ -22231,27 +22215,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/supabase/node_modules/minipass": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
-      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supabase/node_modules/mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true,
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/supabase/node_modules/node-fetch": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
@@ -22270,29 +22233,6 @@
         "url": "https://opencollective.com/node-fetch"
       }
     },
-    "node_modules/supabase/node_modules/tar": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
-      "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
-      "dev": true,
-      "dependencies": {
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.0.0",
-        "minipass": "^5.0.0",
-        "minizlib": "^2.1.1",
-        "mkdirp": "^1.0.3",
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/supabase/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -22494,9 +22434,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.29.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.29.2.tgz",
-      "integrity": "sha512-ZiGkhUBIM+7LwkNjXYJq8svgkd+QK3UUr0wJqY4MieaezBSAIPgbSPZyIx0idM6XWK5CMzSWa8MJIzmRcB8Caw==",
+      "version": "5.30.3",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.30.3.tgz",
+      "integrity": "sha512-STdUgOUx8rLbMGO9IOwHLpCqolkDITFFQSMYYwKE1N2lY6MVSaeoi10z/EhWxRc6ybqoVmKSkhKYH/XUpl7vSA==",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.8.2",
@@ -22854,9 +22794,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.4.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.3.tgz",
-      "integrity": "sha512-KrPd3PKaCLr78MalgiwJnA25Nm8HAmdwN3mYUYZgG/wizIo9EainNVQI9/yDavtVFRN2h3k8uf3GLHuhDMgEHg==",
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.4.tgz",
+      "integrity": "sha512-dGE2Vv8cpVvw28v8HCPqyb08EzbBURxDpuhJvTrusShUfGnhHBafDsLdS1EhhxyL6BJQE+2cT3dDPAv+MQ6oLw==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
diff --git a/package.json b/package.json
index 27975e6..df8a668 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@hookform/resolvers": "3.3.4",
     "@react-native-async-storage/async-storage": "1.21.0",
     "@react-navigation/native": "6.1.16",
-    "@supabase/supabase-js": "2.39.8",
+    "@supabase/supabase-js": "2.42.0",
     "expo": "50.0.14",
     "expo-font": "11.10.3",
     "expo-linking": "6.2.2",
@@ -35,13 +35,13 @@
     "immer": "10.0.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-hook-form": "7.51.1",
+    "react-hook-form": "7.51.2",
     "react-native": "0.73.6",
     "react-native-calendars": "1.1304.1",
     "react-native-elements": "3.4.3",
-    "react-native-gesture-handler": "2.16.0",
+    "react-native-gesture-handler": "2.14.1",
     "react-native-paper": "5.12.3",
-    "react-native-reanimated": "~3.6.2",
+    "react-native-reanimated": "3.6.3",
     "react-native-safe-area-context": "4.8.2",
     "react-native-screens": "3.29.0",
     "react-native-url-polyfill": "2.0.0",
@@ -51,18 +51,18 @@
     "zod": "3.22.4"
   },
   "devDependencies": {
-    "@babel/core": "7.24.3",
+    "@babel/core": "7.24.4",
     "@commitlint/cli": "19.1.0",
     "@commitlint/config-conventional": "19.1.0",
-    "@testing-library/react-native": "12.4.4",
+    "@testing-library/react-native": "12.4.5",
     "@total-typescript/ts-reset": "0.5.1",
-    "@tsconfig/strictest": "2.0.3",
+    "@tsconfig/strictest": "2.0.5",
     "@types/jest": "29.5.12",
-    "@types/node": "20.11.30",
-    "@types/react": "18.2.69",
+    "@types/node": "20.12.4",
+    "@types/react": "18.2.74",
     "@types/react-test-renderer": "18.0.7",
-    "@typescript-eslint/eslint-plugin": "7.3.1",
-    "@typescript-eslint/parser": "7.3.1",
+    "@typescript-eslint/eslint-plugin": "7.5.0",
+    "@typescript-eslint/parser": "7.5.0",
     "eslint": "8.57.0",
     "eslint-config-conventions": "14.1.0",
     "eslint-config-prettier": "9.1.0",
@@ -79,7 +79,7 @@
     "jest-junit": "16.0.0",
     "lint-staged": "15.2.2",
     "react-test-renderer": "18.2.0",
-    "supabase": "1.150.0",
-    "typescript": "5.4.3"
+    "supabase": "1.153.4",
+    "typescript": "5.4.4"
   }
 }
diff --git a/presentation/presenters/HabitsTracker.ts b/presentation/presenters/HabitsTracker.ts
index 5809000..f1dc56a 100644
--- a/presentation/presenters/HabitsTracker.ts
+++ b/presentation/presenters/HabitsTracker.ts
@@ -1,10 +1,15 @@
+import { ZodError } from "zod"
+
 import { HabitsTracker } from "@/domain/entities/HabitsTracker"
-import type { FetchState } from "./_Presenter"
+import type { ErrorGlobal, FetchState } from "./_Presenter"
 import { Presenter } from "./_Presenter"
 import type {
   RetrieveHabitsTrackerUseCase,
   RetrieveHabitsTrackerUseCaseOptions,
 } from "@/domain/use-cases/RetrieveHabitsTracker"
+import type { HabitCreateData } from "@/domain/entities/Habit"
+import { getErrorsFieldsFromZodError } from "./utils/zod"
+import type { HabitCreateUseCase } from "@/domain/use-cases/HabitCreate"
 
 export interface HabitsTrackerPresenterState {
   habitsTracker: HabitsTracker
@@ -12,10 +17,19 @@ export interface HabitsTrackerPresenterState {
   retrieveHabitsTracker: {
     state: FetchState
   }
+
+  habitCreate: {
+    state: FetchState
+    errors: {
+      fields: Array<keyof HabitCreateData>
+      global: ErrorGlobal
+    }
+  }
 }
 
 export interface HabitsTrackerPresenterOptions {
   retrieveHabitsTrackerUseCase: RetrieveHabitsTrackerUseCase
+  habitCreateUseCase: HabitCreateUseCase
 }
 
 export class HabitsTrackerPresenter
@@ -23,12 +37,53 @@ export class HabitsTrackerPresenter
   implements HabitsTrackerPresenterOptions
 {
   public retrieveHabitsTrackerUseCase: RetrieveHabitsTrackerUseCase
+  public habitCreateUseCase: HabitCreateUseCase
 
   public constructor(options: HabitsTrackerPresenterOptions) {
-    const { retrieveHabitsTrackerUseCase } = options
+    const { retrieveHabitsTrackerUseCase, habitCreateUseCase } = options
     const habitsTracker = HabitsTracker.default()
-    super({ habitsTracker, retrieveHabitsTracker: { state: "idle" } })
+    super({
+      habitsTracker,
+      retrieveHabitsTracker: { state: "idle" },
+      habitCreate: {
+        state: "idle",
+        errors: {
+          fields: [],
+          global: null,
+        },
+      },
+    })
     this.retrieveHabitsTrackerUseCase = retrieveHabitsTrackerUseCase
+    this.habitCreateUseCase = habitCreateUseCase
+  }
+
+  public async habitCreate(data: unknown): Promise<FetchState> {
+    try {
+      this.setState((state) => {
+        state.habitCreate.state = "loading"
+        state.habitCreate.errors = {
+          fields: [],
+          global: null,
+        }
+      })
+      const habit = await this.habitCreateUseCase.execute(data)
+      this.setState((state) => {
+        state.habitCreate.state = "success"
+        state.habitsTracker.addHabit(habit)
+      })
+      return "success"
+    } catch (error) {
+      this.setState((state) => {
+        state.habitCreate.state = "error"
+        if (error instanceof ZodError) {
+          state.habitCreate.errors.fields =
+            getErrorsFieldsFromZodError<HabitCreateData>(error)
+        } else {
+          state.habitCreate.errors.global = "unknown"
+        }
+      })
+      return "error"
+    }
   }
 
   public async retrieveHabitsTracker(
diff --git a/presentation/react/components/HabitCreateForm/HabitCreateForm.tsx b/presentation/react/components/HabitCreateForm/HabitCreateForm.tsx
index 363ef29..cf8e751 100644
--- a/presentation/react/components/HabitCreateForm/HabitCreateForm.tsx
+++ b/presentation/react/components/HabitCreateForm/HabitCreateForm.tsx
@@ -1,10 +1,11 @@
 import { zodResolver } from "@hookform/resolvers/zod"
 import { Controller, useForm } from "react-hook-form"
+import { ScrollView, StyleSheet } from "react-native"
 import {
-  Appbar,
   Button,
   HelperText,
   SegmentedButtons,
+  Snackbar,
   Text,
   TextInput,
 } from "react-native-paper"
@@ -14,50 +15,26 @@ import ColorPicker, {
   Panel1,
   Preview,
 } from "reanimated-color-picker"
+import { useState } from "react"
 
 import type { GoalFrequency, GoalType } from "@/domain/entities/Goal"
 import { GOAL_FREQUENCIES, GOAL_TYPES } from "@/domain/entities/Goal"
 import type { HabitCreateData } from "@/domain/entities/Habit"
 import { HabitCreateSchema } from "@/domain/entities/Habit"
 import type { User } from "@/domain/entities/User"
-import { capitalize } from "@/presentation/presenters/utils/strings"
+import { useHabitsTracker } from "../../contexts/HabitsTracker"
 
 export interface HabitCreateFormProps {
   user: User
 }
 
 export const HabitCreateForm: React.FC<HabitCreateFormProps> = ({ user }) => {
-  // const {createHabit, habitPresenter} = useHabitCreate()
-
-  const onSubmit = async (data: HabitCreateData): Promise<void> => {
-    // await habitPresenter.createHabit(data)
-    console.log(data)
-  }
-
-  const frequenciesIcons: {
-    [key in GoalFrequency]: string
-  } = {
-    daily: "calendar",
-    weekly: "calendar-week",
-    monthly: "calendar-month",
-  }
-
-  const habitTypesTranslations: {
-    [key in GoalType]: { label: string; icon: string }
-  } = {
-    boolean: {
-      label: "Routine",
-      icon: "clock",
-    },
-    numeric: {
-      label: "Target",
-      icon: "target",
-    },
-  }
+  const { habitCreate, habitsTrackerPresenter } = useHabitsTracker()
 
   const {
     control,
     handleSubmit,
+    reset,
     formState: { errors },
   } = useForm<HabitCreateData>({
     mode: "onChange",
@@ -76,141 +53,197 @@ export const HabitCreateForm: React.FC<HabitCreateFormProps> = ({ user }) => {
     },
   })
 
+  const [isVisibleSnackbar, setIsVisibleSnackbar] = useState(false)
+
+  const onDismissSnackbar = (): void => {
+    setIsVisibleSnackbar(false)
+  }
+
+  const onSubmit = async (data: HabitCreateData): Promise<void> => {
+    await habitsTrackerPresenter.habitCreate(data)
+    setIsVisibleSnackbar(true)
+    reset()
+  }
+
+  const habitFrequenciesTranslations: {
+    [key in GoalFrequency]: { label: string; icon: string }
+  } = {
+    daily: {
+      label: "Daily",
+      icon: "calendar",
+    },
+    weekly: {
+      label: "Weekly",
+      icon: "calendar-week",
+    },
+    monthly: {
+      label: "Monthly",
+      icon: "calendar-month",
+    },
+  }
+
+  const habitTypesTranslations: {
+    [key in GoalType]: { label: string; icon: string }
+  } = {
+    boolean: {
+      label: "Routine",
+      icon: "clock",
+    },
+    numeric: {
+      label: "Target",
+      icon: "target",
+    },
+  }
+
   return (
     <SafeAreaView>
-      <Appbar.Header>
-        <Appbar.Content
-          title="New Habit"
-          style={{
-            alignItems: "center",
-            justifyContent: "center",
+      <ScrollView
+        contentContainerStyle={{
+          justifyContent: "center",
+          alignItems: "center",
+          paddingHorizontal: 20,
+        }}
+      >
+        <Controller
+          control={control}
+          render={({ field: { onChange, onBlur, value } }) => {
+            return (
+              <>
+                <TextInput
+                  placeholder="Name"
+                  onBlur={onBlur}
+                  onChangeText={onChange}
+                  value={value}
+                  style={[
+                    styles.spacing,
+                    {
+                      width: "90%",
+                    },
+                  ]}
+                  mode="outlined"
+                />
+                {errors.name != null ? (
+                  <HelperText type="error" visible style={[{ paddingTop: 0 }]}>
+                    {errors.name.type === "too_big"
+                      ? "Name is too long"
+                      : "Name is required"}
+                  </HelperText>
+                ) : null}
+              </>
+            )
           }}
+          name="name"
         />
-      </Appbar.Header>
 
-      <Controller
-        control={control}
-        render={({ field: { onChange, onBlur, value } }) => {
-          return (
-            <>
+        <Controller
+          control={control}
+          render={({ field: { onChange, value } }) => {
+            return (
+              <>
+                <Text style={[styles.spacing]}>Habit Frequency</Text>
+                <SegmentedButtons
+                  style={[{ width: "90%" }]}
+                  onValueChange={onChange}
+                  value={value}
+                  buttons={GOAL_FREQUENCIES.map((frequency) => {
+                    return {
+                      label: habitFrequenciesTranslations[frequency].label,
+                      value: frequency,
+                      icon: habitFrequenciesTranslations[frequency].icon,
+                    }
+                  })}
+                />
+              </>
+            )
+          }}
+          name="goal.frequency"
+        />
+
+        <Controller
+          control={control}
+          render={({ field: { onChange, value } }) => {
+            return (
+              <>
+                <Text style={[styles.spacing]}>Habit Type</Text>
+                <SegmentedButtons
+                  style={[{ width: "90%" }]}
+                  onValueChange={onChange}
+                  value={value}
+                  buttons={GOAL_TYPES.map((type) => {
+                    return {
+                      label: habitTypesTranslations[type].label,
+                      value: type,
+                      icon: habitTypesTranslations[type].icon,
+                    }
+                  })}
+                />
+              </>
+            )
+          }}
+          name="goal.target.type"
+        />
+
+        <Controller
+          control={control}
+          render={({ field: { onChange, value } }) => {
+            return (
+              <ColorPicker
+                style={[styles.spacing, { width: "90%" }]}
+                value={value}
+                onComplete={(value) => {
+                  onChange(value.hex)
+                }}
+              >
+                <Preview hideInitialColor />
+                <Panel1 />
+                <HueSlider />
+              </ColorPicker>
+            )
+          }}
+          name="color"
+        />
+
+        <Controller
+          control={control}
+          render={({ field: { onChange, onBlur, value } }) => {
+            return (
               <TextInput
-                placeholder="Name"
+                placeholder="Icon"
                 onBlur={onBlur}
                 onChangeText={onChange}
                 value={value}
-                style={[styles.input]}
+                style={[styles.spacing, { width: "90%" }]}
                 mode="outlined"
               />
-              {errors.name != null ? (
-                <HelperText type="error" visible>
-                  {errors.name.type === "too_big"
-                    ? "Name is too long"
-                    : "Name is required"}
-                </HelperText>
-              ) : null}
-            </>
-          )
-        }}
-        name="name"
-      />
+            )
+          }}
+          name="icon"
+        />
 
-      <Controller
-        control={control}
-        render={({ field: { onChange, value } }) => {
-          return (
-            <ColorPicker
-              style={{ width: "70%" }}
-              value={value}
-              onChange={(value) => {
-                onChange(value.hex)
-              }}
-            >
-              <Preview hideInitialColor />
-              <Panel1 />
-              <HueSlider />
-            </ColorPicker>
-          )
-        }}
-        name="color"
-      />
+        <Button
+          mode="contained"
+          onPress={handleSubmit(onSubmit)}
+          loading={habitCreate.state === "loading"}
+          disabled={habitCreate.state === "loading"}
+          style={[styles.spacing, { width: "90%" }]}
+        >
+          Create your habit! 🚀
+        </Button>
+      </ScrollView>
 
-      <Controller
-        control={control}
-        render={({ field: { onChange, onBlur, value } }) => {
-          return (
-            <TextInput
-              placeholder="Icon"
-              onBlur={onBlur}
-              onChangeText={onChange}
-              value={value}
-              style={[styles.input]}
-              mode="outlined"
-            />
-          )
-        }}
-        name="icon"
-      />
-
-      <Controller
-        control={control}
-        render={({ field: { onChange, value } }) => {
-          return (
-            <>
-              <Text style={{ margin: 8 }}>Habit frequency</Text>
-              <SegmentedButtons
-                onValueChange={onChange}
-                value={value}
-                buttons={GOAL_FREQUENCIES.map((frequency) => {
-                  return {
-                    label: capitalize(frequency),
-                    value: frequency,
-                    icon: frequenciesIcons[frequency],
-                  }
-                })}
-              />
-            </>
-          )
-        }}
-        name="goal.frequency"
-      />
-
-      <Controller
-        control={control}
-        render={({ field: { onChange, value } }) => {
-          return (
-            <>
-              <Text style={{ margin: 8 }}>Habit type</Text>
-              <SegmentedButtons
-                onValueChange={onChange}
-                value={value}
-                buttons={GOAL_TYPES.map((type) => {
-                  return {
-                    label: habitTypesTranslations[type].label,
-                    value: type,
-                    icon: habitTypesTranslations[type].icon,
-                  }
-                })}
-              />
-            </>
-          )
-        }}
-        name="goal.target.type"
-      />
-
-      <Button
-        mode="contained"
-        onPress={handleSubmit(onSubmit)}
-        // loading={createHabit.state === "loading"}
-        // disabled={createHabit.state === "loading"}
+      <Snackbar
+        visible={isVisibleSnackbar}
+        onDismiss={onDismissSnackbar}
+        duration={2_000}
       >
-        Create your habit
-      </Button>
+        ✅ Habit created successfully!
+      </Snackbar>
     </SafeAreaView>
   )
 }
 
-const styles = {
-  input: {
-    margin: 8,
+const styles = StyleSheet.create({
+  spacing: {
+    marginVertical: 16,
   },
-}
+})
diff --git a/presentation/react/components/HabitsHistory/HabitsHistory.tsx b/presentation/react/components/HabitsHistory/HabitsHistory.tsx
index 952ff1d..b9e7ac4 100644
--- a/presentation/react/components/HabitsHistory/HabitsHistory.tsx
+++ b/presentation/react/components/HabitsHistory/HabitsHistory.tsx
@@ -1,7 +1,7 @@
+import { useRouter } from "expo-router"
+import { useMemo, useState } from "react"
 import { FlatList, View } from "react-native"
 import { Button, List, Text } from "react-native-paper"
-import { useMemo, useState } from "react"
-import { useRouter } from "expo-router"
 
 import type { GoalFrequency } from "@/domain/entities/Goal"
 import { GOAL_FREQUENCIES } from "@/domain/entities/Goal"