From 72e99ff7f7487ce23af1a6fb3c59bf94ebdf20fa Mon Sep 17 00:00:00 2001
From: Hakan Shehu <hakanshehu15@gmail.com>
Date: Sat, 9 Nov 2024 18:17:46 +0100
Subject: [PATCH] Reformat code

---
 apps/desktop/src/lib/backoff-calculator.ts    |  2 +-
 apps/desktop/src/lib/files.ts                 |  2 +-
 apps/desktop/src/lib/http-client.ts           | 10 +-
 apps/desktop/src/lib/lowlight.ts              |  4 +-
 apps/desktop/src/lib/utils.ts                 | 12 +--
 .../desktop/src/main/data/database-manager.ts |  8 +-
 .../src/main/data/workspace/migrations.ts     | 20 ++--
 .../handlers/messages/local-node-delete.ts    |  2 +-
 .../main/handlers/messages/local-node-sync.ts |  2 +-
 .../handlers/messages/local-user-node-sync.ts |  2 +-
 .../handlers/messages/server-node-delete.ts   |  2 +-
 .../handlers/messages/server-node-sync.ts     |  2 +-
 .../messages/server-user-node-sync.ts         |  2 +-
 .../node-collaborator-create.tsx              |  4 +-
 .../collaborators/node-collaborators.tsx      |  2 +-
 .../databases/boards/board-view.tsx           |  2 +-
 .../databases/calendars/calendar-view.tsx     |  2 +-
 .../components/databases/database-views.tsx   |  2 +-
 .../search/view-filter-add-popover.tsx        |  4 +-
 .../search/view-sort-add-popover.tsx          |  2 +-
 .../tables/table-view-field-header.tsx        |  2 +-
 .../tables/table-view-settings-popover.tsx    |  8 +-
 .../databases/view-create-dialog.tsx          |  6 +-
 .../components/emojis/emoji-element.tsx       |  2 +-
 .../components/folders/grids/grid-item.tsx    |  2 +-
 .../components/icons/icon-element.tsx         |  2 +-
 .../components/messages/message-list.tsx      |  2 +-
 .../renderer/components/ui/alert-dialog.tsx   | 10 +-
 .../src/renderer/components/ui/badge.tsx      | 24 ++---
 .../src/renderer/components/ui/breadcrumb.tsx | 72 +++++++--------
 .../src/renderer/components/ui/button.tsx     |  4 +-
 .../src/renderer/components/ui/checkbox.tsx   | 18 ++--
 .../src/renderer/components/ui/command.tsx    | 10 +-
 .../renderer/components/ui/context-menu.tsx   | 90 +++++++++---------
 .../src/renderer/components/ui/dialog.tsx     | 54 +++++------
 .../renderer/components/ui/dropdown-menu.tsx  | 92 +++++++++----------
 .../src/renderer/components/ui/form.tsx       |  4 +-
 .../src/renderer/components/ui/hover-card.tsx | 20 ++--
 .../src/renderer/components/ui/input.tsx      | 14 +--
 .../src/renderer/components/ui/label.tsx      | 18 ++--
 .../src/renderer/components/ui/popover.tsx    | 22 ++---
 .../renderer/components/ui/scroll-area.tsx    |  2 +-
 .../src/renderer/components/ui/separator.tsx  | 18 ++--
 .../src/renderer/components/ui/sheet.tsx      |  8 +-
 .../src/renderer/components/ui/sidebar.tsx    | 56 +++++------
 .../components/ui/smart-number-input.tsx      |  8 +-
 .../components/ui/smart-text-input.tsx        |  6 +-
 .../src/renderer/components/ui/spinner.tsx    |  2 +-
 .../src/renderer/components/ui/tabs.tsx       | 28 +++---
 .../src/renderer/components/ui/textarea.tsx   | 14 +--
 .../src/renderer/components/ui/toast.tsx      | 64 ++++++-------
 .../src/renderer/components/ui/tooltip.tsx    | 20 ++--
 .../workspaces/sidebars/sidebar-chat-item.tsx |  4 +-
 .../workspaces/sidebars/sidebar-item.tsx      |  4 +-
 apps/desktop/src/renderer/contexts/account.ts |  2 +-
 .../src/renderer/contexts/workspace.ts        |  2 +-
 .../renderer/editor/extensions/commander.tsx  |  2 +-
 .../editor/extensions/delete-control.tsx      |  3 +-
 .../renderer/editor/extensions/divider.tsx    |  3 +-
 .../editor/extensions/list-keymap.tsx         | 22 ++---
 .../editor/extensions/placeholder.tsx         | 41 +++++----
 .../renderer/editor/extensions/tab-keymap.tsx |  2 +-
 .../src/renderer/editor/views/code-block.tsx  |  2 +-
 .../desktop/src/renderer/hooks/use-mobile.tsx |  2 +-
 apps/desktop/src/renderer/hooks/use-toast.ts  |  4 +-
 65 files changed, 436 insertions(+), 447 deletions(-)

diff --git a/apps/desktop/src/lib/backoff-calculator.ts b/apps/desktop/src/lib/backoff-calculator.ts
index 5beb56fd..1ddd5489 100644
--- a/apps/desktop/src/lib/backoff-calculator.ts
+++ b/apps/desktop/src/lib/backoff-calculator.ts
@@ -26,7 +26,7 @@ export class BackoffCalculator {
   private getDelay(): number {
     const delay = Math.min(
       this.baseDelay * Math.pow(2, this.attempt - 1),
-      this.maxDelay,
+      this.maxDelay
     );
     return delay;
   }
diff --git a/apps/desktop/src/lib/files.ts b/apps/desktop/src/lib/files.ts
index 7c5335aa..d26ce0b0 100644
--- a/apps/desktop/src/lib/files.ts
+++ b/apps/desktop/src/lib/files.ts
@@ -27,7 +27,7 @@ export const getFilePreviewType = (mimeType: string): FilePreviewType => {
 export const getFileUrl = (
   userId: string,
   fileId: string,
-  extension: string,
+  extension: string
 ) => {
   return `local-file://${userId}/${fileId}${extension}`;
 };
diff --git a/apps/desktop/src/lib/http-client.ts b/apps/desktop/src/lib/http-client.ts
index 814ec490..2c38f7ee 100644
--- a/apps/desktop/src/lib/http-client.ts
+++ b/apps/desktop/src/lib/http-client.ts
@@ -16,7 +16,7 @@ class HttpClient {
   private async request<T>(
     method: 'get' | 'post' | 'put' | 'delete',
     path: string,
-    config: HttpClientRequestConfig,
+    config: HttpClientRequestConfig
   ): Promise<AxiosResponse<T>> {
     if (this.backoffs.has(config.serverDomain)) {
       const backoff = this.backoffs.get(config.serverDomain);
@@ -81,7 +81,7 @@ class HttpClient {
 
   public async get<T>(
     path: string,
-    config: HttpClientRequestConfig,
+    config: HttpClientRequestConfig
   ): Promise<AxiosResponse<T, any>> {
     return this.request<T>('get', path, config);
   }
@@ -89,7 +89,7 @@ class HttpClient {
   public async post<T>(
     path: string,
     data: any,
-    config: HttpClientRequestConfig,
+    config: HttpClientRequestConfig
   ): Promise<AxiosResponse<T, any>> {
     return this.request<T>('post', path, {
       ...config,
@@ -100,7 +100,7 @@ class HttpClient {
   public async put<T>(
     path: string,
     data: any,
-    config: HttpClientRequestConfig,
+    config: HttpClientRequestConfig
   ): Promise<AxiosResponse<T, any>> {
     return this.request<T>('put', path, {
       ...config,
@@ -110,7 +110,7 @@ class HttpClient {
 
   public async delete<T>(
     path: string,
-    config: HttpClientRequestConfig,
+    config: HttpClientRequestConfig
   ): Promise<AxiosResponse<T, any>> {
     return this.request<T>('delete', path, config);
   }
diff --git a/apps/desktop/src/lib/lowlight.ts b/apps/desktop/src/lib/lowlight.ts
index 21b02fc6..c15f30f8 100644
--- a/apps/desktop/src/lib/lowlight.ts
+++ b/apps/desktop/src/lib/lowlight.ts
@@ -214,7 +214,7 @@ export const languages: CodeLanguage[] = [
 
 const parseNodes = (
   nodes: any[],
-  className: string[] = [],
+  className: string[] = []
 ): CodeHighlightNode[] => {
   return nodes
     .map((node) => {
@@ -237,7 +237,7 @@ const parseNodes = (
 
 export const highlightCode = (
   code: string,
-  language?: string,
+  language?: string
 ): CodeHighlight | null => {
   try {
     const result =
diff --git a/apps/desktop/src/lib/utils.ts b/apps/desktop/src/lib/utils.ts
index 78f4fe6e..ebb0fd70 100644
--- a/apps/desktop/src/lib/utils.ts
+++ b/apps/desktop/src/lib/utils.ts
@@ -159,7 +159,7 @@ export const isValidEmail = (email: string) => {
 };
 
 export const getDisplayedDates = (
-  month: Date,
+  month: Date
 ): {
   first: Date;
   last: Date;
@@ -172,7 +172,7 @@ export const getDisplayedDates = (
   const firstDayDisplayed = new Date(
     firstDayOfMonth.getFullYear(),
     firstDayOfMonth.getMonth(),
-    firstDayOfMonth.getDate() - firstDayOfWeek,
+    firstDayOfMonth.getDate() - firstDayOfWeek
   );
 
   // Find the last day of the visible grid (Saturday of the week containing the last day of the month)
@@ -180,7 +180,7 @@ export const getDisplayedDates = (
   const lastDayDisplayed = new Date(
     lastDayOfMonth.getFullYear(),
     lastDayOfMonth.getMonth(),
-    lastDayOfMonth.getDate() + (6 - lastDayOfWeek),
+    lastDayOfMonth.getDate() + (6 - lastDayOfWeek)
   );
 
   return { first: firstDayDisplayed, last: lastDayDisplayed };
@@ -188,7 +188,7 @@ export const getDisplayedDates = (
 
 export const isSameDay = (
   date1: Date | string | null,
-  date2: Date | string | null,
+  date2: Date | string | null
 ) => {
   if (date1 == null) {
     return false;
@@ -207,12 +207,12 @@ export const isSameDay = (
 export const toUTCDate = (dateParam: Date | string): Date => {
   const date = typeof dateParam === 'string' ? new Date(dateParam) : dateParam;
   return new Date(
-    Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()),
+    Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())
   );
 };
 
 export const isStringArray = (
-  value: unknown | null | undefined,
+  value: unknown | null | undefined
 ): value is string[] => {
   if (value == null) {
     return false;
diff --git a/apps/desktop/src/main/data/database-manager.ts b/apps/desktop/src/main/data/database-manager.ts
index 6897e7ce..b4afba77 100644
--- a/apps/desktop/src/main/data/database-manager.ts
+++ b/apps/desktop/src/main/data/database-manager.ts
@@ -33,7 +33,7 @@ class DatabaseManager {
   }
 
   public async getWorkspaceDatabase(
-    userId: string,
+    userId: string
   ): Promise<Kysely<WorkspaceDatabaseSchema>> {
     this.waitForInit();
 
@@ -83,7 +83,7 @@ class DatabaseManager {
 
     for (const workspace of workspaces) {
       const workspaceDatabase = await this.initWorkspaceDatabase(
-        workspace.user_id,
+        workspace.user_id
       );
 
       this.workspaceDatabases.set(workspace.user_id, workspaceDatabase);
@@ -91,7 +91,7 @@ class DatabaseManager {
   }
 
   private async initWorkspaceDatabase(
-    userId: string,
+    userId: string
   ): Promise<Kysely<WorkspaceDatabaseSchema>> {
     const workspaceDir = getWorkspaceDirectoryPath(userId);
 
@@ -127,7 +127,7 @@ class DatabaseManager {
   }
 
   private async migrateWorkspaceDatabase(
-    database: Kysely<WorkspaceDatabaseSchema>,
+    database: Kysely<WorkspaceDatabaseSchema>
   ): Promise<void> {
     const migrator = new Migrator({
       db: database,
diff --git a/apps/desktop/src/main/data/workspace/migrations.ts b/apps/desktop/src/main/data/workspace/migrations.ts
index 1ae4a24a..e0370996 100644
--- a/apps/desktop/src/main/data/workspace/migrations.ts
+++ b/apps/desktop/src/main/data/workspace/migrations.ts
@@ -9,19 +9,17 @@ const createNodesTable: Migration = {
         col
           .notNull()
           .generatedAlwaysAs(sql`json_extract(attributes, '$.type')`)
-          .stored(),
+          .stored()
       )
       .addColumn('parent_id', 'text', (col) =>
         col
           .generatedAlwaysAs(sql`json_extract(attributes, '$.parentId')`)
           .stored()
           .references('nodes.id')
-          .onDelete('cascade'),
+          .onDelete('cascade')
       )
       .addColumn('index', 'text', (col) =>
-        col
-          .generatedAlwaysAs(sql`json_extract(attributes, '$.index')`)
-          .stored(),
+        col.generatedAlwaysAs(sql`json_extract(attributes, '$.index')`).stored()
       )
       .addColumn('attributes', 'text', (col) => col.notNull())
       .addColumn('state', 'text', (col) => col.notNull())
@@ -50,12 +48,12 @@ const createUserNodesTable: Migration = {
       .createTable('user_nodes')
       .addColumn('user_id', 'text', (col) => col.notNull())
       .addColumn('node_id', 'text', (col) =>
-        col.notNull().references('nodes.id'),
+        col.notNull().references('nodes.id')
       )
       .addColumn('last_seen_version_id', 'text')
       .addColumn('last_seen_at', 'text')
       .addColumn('mentions_count', 'integer', (col) =>
-        col.notNull().defaultTo(0),
+        col.notNull().defaultTo(0)
       )
       .addColumn('attributes', 'text')
       .addColumn('version_id', 'text', (col) => col.notNull())
@@ -89,7 +87,7 @@ const createDownloadsTable: Migration = {
     await db.schema
       .createTable('downloads')
       .addColumn('node_id', 'text', (col) =>
-        col.notNull().primaryKey().references('nodes.id'),
+        col.notNull().primaryKey().references('nodes.id')
       )
       .addColumn('created_at', 'text', (col) => col.notNull())
       .addColumn('updated_at', 'text')
@@ -107,7 +105,7 @@ const createUploadsTable: Migration = {
     await db.schema
       .createTable('uploads')
       .addColumn('node_id', 'text', (col) =>
-        col.notNull().primaryKey().references('nodes.id'),
+        col.notNull().primaryKey().references('nodes.id')
       )
       .addColumn('created_at', 'text', (col) => col.notNull())
       .addColumn('updated_at', 'text')
@@ -125,10 +123,10 @@ const createNodePathsTable: Migration = {
     await db.schema
       .createTable('node_paths')
       .addColumn('ancestor_id', 'varchar(30)', (col) =>
-        col.notNull().references('nodes.id').onDelete('cascade'),
+        col.notNull().references('nodes.id').onDelete('cascade')
       )
       .addColumn('descendant_id', 'varchar(30)', (col) =>
-        col.notNull().references('nodes.id').onDelete('cascade'),
+        col.notNull().references('nodes.id').onDelete('cascade')
       )
       .addColumn('level', 'integer', (col) => col.notNull())
       .addPrimaryKeyConstraint('node_paths_pkey', [
diff --git a/apps/desktop/src/main/handlers/messages/local-node-delete.ts b/apps/desktop/src/main/handlers/messages/local-node-delete.ts
index 3e16394a..e24ce312 100644
--- a/apps/desktop/src/main/handlers/messages/local-node-delete.ts
+++ b/apps/desktop/src/main/handlers/messages/local-node-delete.ts
@@ -7,7 +7,7 @@ export class LocalNodeDeleteMessageHandler
 {
   public async handleMessage(
     context: MessageContext,
-    input: LocalNodeDeleteMessageInput,
+    input: LocalNodeDeleteMessageInput
   ): Promise<void> {
     socketManager.sendMessage(context.accountId, input);
   }
diff --git a/apps/desktop/src/main/handlers/messages/local-node-sync.ts b/apps/desktop/src/main/handlers/messages/local-node-sync.ts
index 6cff77ee..c2500ec1 100644
--- a/apps/desktop/src/main/handlers/messages/local-node-sync.ts
+++ b/apps/desktop/src/main/handlers/messages/local-node-sync.ts
@@ -7,7 +7,7 @@ export class LocalNodeSyncMessageHandler
 {
   public async handleMessage(
     context: MessageContext,
-    input: LocalNodeSyncMessageInput,
+    input: LocalNodeSyncMessageInput
   ): Promise<void> {
     socketManager.sendMessage(context.accountId, input);
   }
diff --git a/apps/desktop/src/main/handlers/messages/local-user-node-sync.ts b/apps/desktop/src/main/handlers/messages/local-user-node-sync.ts
index a5835f3f..a4e8f87f 100644
--- a/apps/desktop/src/main/handlers/messages/local-user-node-sync.ts
+++ b/apps/desktop/src/main/handlers/messages/local-user-node-sync.ts
@@ -7,7 +7,7 @@ export class LocalUserNodeSyncMessageHandler
 {
   public async handleMessage(
     context: MessageContext,
-    input: LocalUserNodeSyncMessageInput,
+    input: LocalUserNodeSyncMessageInput
   ): Promise<void> {
     socketManager.sendMessage(context.accountId, input);
   }
diff --git a/apps/desktop/src/main/handlers/messages/server-node-delete.ts b/apps/desktop/src/main/handlers/messages/server-node-delete.ts
index f0bba25a..79810d69 100644
--- a/apps/desktop/src/main/handlers/messages/server-node-delete.ts
+++ b/apps/desktop/src/main/handlers/messages/server-node-delete.ts
@@ -7,7 +7,7 @@ export class ServerNodeDeleteMessageHandler
 {
   public async handleMessage(
     context: MessageContext,
-    input: ServerNodeDeleteMessageInput,
+    input: ServerNodeDeleteMessageInput
   ): Promise<void> {
     await mediator.executeMutation({
       type: 'server_node_delete',
diff --git a/apps/desktop/src/main/handlers/messages/server-node-sync.ts b/apps/desktop/src/main/handlers/messages/server-node-sync.ts
index 678d1e02..e2eed9ef 100644
--- a/apps/desktop/src/main/handlers/messages/server-node-sync.ts
+++ b/apps/desktop/src/main/handlers/messages/server-node-sync.ts
@@ -7,7 +7,7 @@ export class ServerNodeSyncMessageHandler
 {
   public async handleMessage(
     context: MessageContext,
-    input: ServerNodeSyncMessageInput,
+    input: ServerNodeSyncMessageInput
   ): Promise<void> {
     await mediator.executeMutation({
       type: 'server_node_sync',
diff --git a/apps/desktop/src/main/handlers/messages/server-user-node-sync.ts b/apps/desktop/src/main/handlers/messages/server-user-node-sync.ts
index 59597c31..7150d0fe 100644
--- a/apps/desktop/src/main/handlers/messages/server-user-node-sync.ts
+++ b/apps/desktop/src/main/handlers/messages/server-user-node-sync.ts
@@ -7,7 +7,7 @@ export class ServerUserNodeSyncMessageHandler
 {
   public async handleMessage(
     context: MessageContext,
-    input: ServerUserNodeSyncMessageInput,
+    input: ServerUserNodeSyncMessageInput
   ): Promise<void> {
     await mediator.executeMutation({
       type: 'server_user_node_sync',
diff --git a/apps/desktop/src/renderer/components/collaborators/node-collaborator-create.tsx b/apps/desktop/src/renderer/components/collaborators/node-collaborator-create.tsx
index c4cf01fc..6466d899 100644
--- a/apps/desktop/src/renderer/components/collaborators/node-collaborator-create.tsx
+++ b/apps/desktop/src/renderer/components/collaborators/node-collaborator-create.tsx
@@ -21,7 +21,7 @@ export const NodeCollaboratorCreate = ({
   const { mutate, isPending } = useMutation();
 
   const [collaborators, setCollaborators] = React.useState<NodeCollaborator[]>(
-    [],
+    []
   );
   const [role, setRole] = React.useState('collaborator');
 
@@ -49,7 +49,7 @@ export const NodeCollaboratorCreate = ({
                 type: 'node_collaborator_create',
                 nodeId,
                 collaboratorIds: collaborators.map(
-                  (collaborator) => collaborator.id,
+                  (collaborator) => collaborator.id
                 ),
                 role: role,
                 userId: workspace.userId,
diff --git a/apps/desktop/src/renderer/components/collaborators/node-collaborators.tsx b/apps/desktop/src/renderer/components/collaborators/node-collaborators.tsx
index 5ce1e9c7..d85d8003 100644
--- a/apps/desktop/src/renderer/components/collaborators/node-collaborators.tsx
+++ b/apps/desktop/src/renderer/components/collaborators/node-collaborators.tsx
@@ -26,7 +26,7 @@ export const NodeCollaborators = ({ nodeId }: NodeCollaboratorsProps) => {
       <NodeCollaboratorCreate
         nodeId={nodeId}
         existingCollaborators={data.direct.map(
-          (collaborator) => collaborator.id,
+          (collaborator) => collaborator.id
         )}
       />
       <Separator />
diff --git a/apps/desktop/src/renderer/components/databases/boards/board-view.tsx b/apps/desktop/src/renderer/components/databases/boards/board-view.tsx
index ac0c5b1d..348a8b8d 100644
--- a/apps/desktop/src/renderer/components/databases/boards/board-view.tsx
+++ b/apps/desktop/src/renderer/components/databases/boards/board-view.tsx
@@ -12,7 +12,7 @@ export const BoardView = () => {
   const view = useView();
 
   const groupByField = database.fields.find(
-    (field) => field.id === view.groupBy,
+    (field) => field.id === view.groupBy
   );
 
   if (!groupByField || groupByField.type !== 'select') {
diff --git a/apps/desktop/src/renderer/components/databases/calendars/calendar-view.tsx b/apps/desktop/src/renderer/components/databases/calendars/calendar-view.tsx
index 6c79aa31..d2e625ed 100644
--- a/apps/desktop/src/renderer/components/databases/calendars/calendar-view.tsx
+++ b/apps/desktop/src/renderer/components/databases/calendars/calendar-view.tsx
@@ -12,7 +12,7 @@ export const CalendarView = () => {
   const view = useView();
 
   const groupByField = database.fields.find(
-    (field) => field.id === view.groupBy,
+    (field) => field.id === view.groupBy
   );
 
   if (!groupByField) {
diff --git a/apps/desktop/src/renderer/components/databases/database-views.tsx b/apps/desktop/src/renderer/components/databases/database-views.tsx
index 2c12b9c1..6d13a900 100644
--- a/apps/desktop/src/renderer/components/databases/database-views.tsx
+++ b/apps/desktop/src/renderer/components/databases/database-views.tsx
@@ -7,7 +7,7 @@ import { useDatabase } from '@/renderer/contexts/database';
 export const DatabaseViews = () => {
   const database = useDatabase();
   const [activeViewId, setActiveViewId] = React.useState<string>(
-    database.views[0].id,
+    database.views[0].id
   );
   const activeView = database.views.find((view) => view.id === activeViewId);
 
diff --git a/apps/desktop/src/renderer/components/databases/search/view-filter-add-popover.tsx b/apps/desktop/src/renderer/components/databases/search/view-filter-add-popover.tsx
index b6123da2..851558da 100644
--- a/apps/desktop/src/renderer/components/databases/search/view-filter-add-popover.tsx
+++ b/apps/desktop/src/renderer/components/databases/search/view-filter-add-popover.tsx
@@ -30,8 +30,8 @@ export const ViewFilterAddPopover = ({
   const fieldsWithoutFilters = database.fields.filter(
     (field) =>
       !view.filters.some(
-        (filter) => filter.type === 'field' && filter.fieldId === field.id,
-      ),
+        (filter) => filter.type === 'field' && filter.fieldId === field.id
+      )
   );
 
   if (fieldsWithoutFilters.length === 0) {
diff --git a/apps/desktop/src/renderer/components/databases/search/view-sort-add-popover.tsx b/apps/desktop/src/renderer/components/databases/search/view-sort-add-popover.tsx
index 3650f251..0860246d 100644
--- a/apps/desktop/src/renderer/components/databases/search/view-sort-add-popover.tsx
+++ b/apps/desktop/src/renderer/components/databases/search/view-sort-add-popover.tsx
@@ -29,7 +29,7 @@ export const ViewSortAddPopover = ({ children }: ViewSortAddPopoverProps) => {
   const sortableFields = database.fields.filter(
     (field) =>
       isSortableField(field) &&
-      !view.sorts.some((sort) => sort.fieldId === field.id),
+      !view.sorts.some((sort) => sort.fieldId === field.id)
   );
 
   if (sortableFields.length === 0) {
diff --git a/apps/desktop/src/renderer/components/databases/tables/table-view-field-header.tsx b/apps/desktop/src/renderer/components/databases/tables/table-view-field-header.tsx
index df91e420..c1913ba9 100644
--- a/apps/desktop/src/renderer/components/databases/tables/table-view-field-header.tsx
+++ b/apps/desktop/src/renderer/components/databases/tables/table-view-field-header.tsx
@@ -102,7 +102,7 @@ export const TableViewFieldHeader = ({
                 'flex h-8 w-full cursor-pointer flex-row items-center gap-1 p-1 text-sm hover:bg-gray-50',
                 dropMonitor.isOver && dropMonitor.canDrop
                   ? 'border-r-2 border-blue-300'
-                  : 'border-r',
+                  : 'border-r'
               )}
               ref={dragDropRef as any}
             >
diff --git a/apps/desktop/src/renderer/components/databases/tables/table-view-settings-popover.tsx b/apps/desktop/src/renderer/components/databases/tables/table-view-settings-popover.tsx
index 45e365f8..522d242c 100644
--- a/apps/desktop/src/renderer/components/databases/tables/table-view-settings-popover.tsx
+++ b/apps/desktop/src/renderer/components/databases/tables/table-view-settings-popover.tsx
@@ -97,7 +97,7 @@ export const TableViewSettingsPopover = () => {
             <p className="my-1 font-semibold">Fields</p>
             {database.fields.map((field) => {
               const isHidden = !!view.fields.find(
-                (f) => f.field.id === field.id,
+                (f) => f.field.id === field.id
               );
 
               return (
@@ -105,7 +105,7 @@ export const TableViewSettingsPopover = () => {
                   key={field.id}
                   className={cn(
                     'flex flex-row items-center justify-between gap-2 p-0.5',
-                    'cursor-pointer rounded-md hover:bg-gray-50',
+                    'cursor-pointer rounded-md hover:bg-gray-50'
                   )}
                 >
                   <div className="flex flex-row items-center gap-2">
@@ -117,7 +117,7 @@ export const TableViewSettingsPopover = () => {
                       <TooltipTrigger>
                         <span
                           className={cn(
-                            canEditView ? 'cursor-pointer' : 'opacity-50',
+                            canEditView ? 'cursor-pointer' : 'opacity-50'
                           )}
                           onClick={() => {
                             if (!canEditView) return;
@@ -144,7 +144,7 @@ export const TableViewSettingsPopover = () => {
                           <Trash2
                             className={cn(
                               'size-4',
-                              canEditView ? 'cursor-pointer' : 'opacity-50',
+                              canEditView ? 'cursor-pointer' : 'opacity-50'
                             )}
                             onClick={() => {
                               setDeleteFieldId(field.id);
diff --git a/apps/desktop/src/renderer/components/databases/view-create-dialog.tsx b/apps/desktop/src/renderer/components/databases/view-create-dialog.tsx
index 0e01de26..f56081e3 100644
--- a/apps/desktop/src/renderer/components/databases/view-create-dialog.tsx
+++ b/apps/desktop/src/renderer/components/databases/view-create-dialog.tsx
@@ -171,7 +171,7 @@ export const ViewCreateDialog = ({
                           'hover:border-gray-500 hover:bg-gray-50',
                           viewType.type === field.value
                             ? 'border-gray-500 text-primary'
-                            : '',
+                            : ''
                         )}
                         onClick={() => field.onChange(viewType.type)}
                       >
@@ -192,7 +192,7 @@ export const ViewCreateDialog = ({
                       <FormControl>
                         <FieldSelect
                           fields={database.fields.filter(
-                            (field) => field.type === 'select',
+                            (field) => field.type === 'select'
                           )}
                           value={field.value ?? null}
                           onChange={field.onChange}
@@ -215,7 +215,7 @@ export const ViewCreateDialog = ({
                           fields={database.fields.filter(
                             (field) =>
                               field.type === 'date' ||
-                              field.type === 'createdAt',
+                              field.type === 'createdAt'
                           )}
                           value={field.value ?? null}
                           onChange={field.onChange}
diff --git a/apps/desktop/src/renderer/components/emojis/emoji-element.tsx b/apps/desktop/src/renderer/components/emojis/emoji-element.tsx
index 7357daa5..058d18fd 100644
--- a/apps/desktop/src/renderer/components/emojis/emoji-element.tsx
+++ b/apps/desktop/src/renderer/components/emojis/emoji-element.tsx
@@ -15,7 +15,7 @@ export const EmojiElement = React.forwardRef<HTMLImageElement, Props>(
       ref={ref}
       loading="lazy"
     />
-  ),
+  )
 );
 
 EmojiElement.displayName = 'EmojiElement';
diff --git a/apps/desktop/src/renderer/components/folders/grids/grid-item.tsx b/apps/desktop/src/renderer/components/folders/grids/grid-item.tsx
index 6bbf6e43..c92a1e2c 100644
--- a/apps/desktop/src/renderer/components/folders/grids/grid-item.tsx
+++ b/apps/desktop/src/renderer/components/folders/grids/grid-item.tsx
@@ -18,7 +18,7 @@ export const GridItem = ({ id, children }: GridItemProps) => {
       ref={ref}
       className={cn(
         'flex cursor-pointer select-none flex-col items-center gap-2 p-2',
-        selected ? 'bg-blue-100' : 'hover:bg-blue-50',
+        selected ? 'bg-blue-100' : 'hover:bg-blue-50'
       )}
       onClick={(event) => folder.onClick(event, id)}
       onDoubleClick={(event) => folder.onDoubleClick(event, id)}
diff --git a/apps/desktop/src/renderer/components/icons/icon-element.tsx b/apps/desktop/src/renderer/components/icons/icon-element.tsx
index f56a6b6c..b39b9f24 100644
--- a/apps/desktop/src/renderer/components/icons/icon-element.tsx
+++ b/apps/desktop/src/renderer/components/icons/icon-element.tsx
@@ -15,7 +15,7 @@ export const IconElement = React.forwardRef<HTMLImageElement, Props>(
       ref={ref}
       loading="lazy"
     />
-  ),
+  )
 );
 
 IconElement.displayName = 'IconElement';
diff --git a/apps/desktop/src/renderer/components/messages/message-list.tsx b/apps/desktop/src/renderer/components/messages/message-list.tsx
index ba029682..44fda0a6 100644
--- a/apps/desktop/src/renderer/components/messages/message-list.tsx
+++ b/apps/desktop/src/renderer/components/messages/message-list.tsx
@@ -52,7 +52,7 @@ export const MessageList = ({
     });
 
   const messages = (data?.flatMap((page) => page) ?? []).sort((a, b) =>
-    compareString(a.id, b.id),
+    compareString(a.id, b.id)
   );
 
   React.useEffect(() => {
diff --git a/apps/desktop/src/renderer/components/ui/alert-dialog.tsx b/apps/desktop/src/renderer/components/ui/alert-dialog.tsx
index 5614011f..3d6b2fb1 100644
--- a/apps/desktop/src/renderer/components/ui/alert-dialog.tsx
+++ b/apps/desktop/src/renderer/components/ui/alert-dialog.tsx
@@ -17,7 +17,7 @@ const AlertDialogOverlay = React.forwardRef<
   <AlertDialogPrimitive.Overlay
     className={cn(
       'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      className,
+      className
     )}
     {...props}
     ref={ref}
@@ -35,7 +35,7 @@ const AlertDialogContent = React.forwardRef<
       ref={ref}
       className={cn(
         'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
-        className,
+        className
       )}
       {...props}
     />
@@ -50,7 +50,7 @@ const AlertDialogHeader = ({
   <div
     className={cn(
       'flex flex-col space-y-2 text-center sm:text-left',
-      className,
+      className
     )}
     {...props}
   />
@@ -64,7 +64,7 @@ const AlertDialogFooter = ({
   <div
     className={cn(
       'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-      className,
+      className
     )}
     {...props}
   />
@@ -117,7 +117,7 @@ const AlertDialogCancel = React.forwardRef<
     className={cn(
       buttonVariants({ variant: 'outline' }),
       'mt-2 sm:mt-0',
-      className,
+      className
     )}
     {...props}
   />
diff --git a/apps/desktop/src/renderer/components/ui/badge.tsx b/apps/desktop/src/renderer/components/ui/badge.tsx
index e87d62bf..9c6c4d9b 100644
--- a/apps/desktop/src/renderer/components/ui/badge.tsx
+++ b/apps/desktop/src/renderer/components/ui/badge.tsx
@@ -1,27 +1,27 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 const badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
   {
     variants: {
       variant: {
         default:
-          "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+          'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
         secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
         destructive:
-          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground",
+          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
+        outline: 'text-foreground',
       },
     },
     defaultVariants: {
-      variant: "default",
+      variant: 'default',
     },
   }
-)
+);
 
 export interface BadgeProps
   extends React.HTMLAttributes<HTMLDivElement>,
@@ -30,7 +30,7 @@ export interface BadgeProps
 function Badge({ className, variant, ...props }: BadgeProps) {
   return (
     <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
+  );
 }
 
-export { Badge, badgeVariants }
+export { Badge, badgeVariants };
diff --git a/apps/desktop/src/renderer/components/ui/breadcrumb.tsx b/apps/desktop/src/renderer/components/ui/breadcrumb.tsx
index 26560efc..9658ec7f 100644
--- a/apps/desktop/src/renderer/components/ui/breadcrumb.tsx
+++ b/apps/desktop/src/renderer/components/ui/breadcrumb.tsx
@@ -1,108 +1,108 @@
-import * as React from "react"
-import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons"
-import { Slot } from "@radix-ui/react-slot"
+import * as React from 'react';
+import { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';
+import { Slot } from '@radix-ui/react-slot';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 const Breadcrumb = React.forwardRef<
   HTMLElement,
-  React.ComponentPropsWithoutRef<"nav"> & {
-    separator?: React.ReactNode
+  React.ComponentPropsWithoutRef<'nav'> & {
+    separator?: React.ReactNode;
   }
->(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
-Breadcrumb.displayName = "Breadcrumb"
+>(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />);
+Breadcrumb.displayName = 'Breadcrumb';
 
 const BreadcrumbList = React.forwardRef<
   HTMLOListElement,
-  React.ComponentPropsWithoutRef<"ol">
+  React.ComponentPropsWithoutRef<'ol'>
 >(({ className, ...props }, ref) => (
   <ol
     ref={ref}
     className={cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',
       className
     )}
     {...props}
   />
-))
-BreadcrumbList.displayName = "BreadcrumbList"
+));
+BreadcrumbList.displayName = 'BreadcrumbList';
 
 const BreadcrumbItem = React.forwardRef<
   HTMLLIElement,
-  React.ComponentPropsWithoutRef<"li">
+  React.ComponentPropsWithoutRef<'li'>
 >(({ className, ...props }, ref) => (
   <li
     ref={ref}
-    className={cn("inline-flex items-center gap-1.5", className)}
+    className={cn('inline-flex items-center gap-1.5', className)}
     {...props}
   />
-))
-BreadcrumbItem.displayName = "BreadcrumbItem"
+));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
 
 const BreadcrumbLink = React.forwardRef<
   HTMLAnchorElement,
-  React.ComponentPropsWithoutRef<"a"> & {
-    asChild?: boolean
+  React.ComponentPropsWithoutRef<'a'> & {
+    asChild?: boolean;
   }
 >(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a"
+  const Comp = asChild ? Slot : 'a';
 
   return (
     <Comp
       ref={ref}
-      className={cn("transition-colors hover:text-foreground", className)}
+      className={cn('transition-colors hover:text-foreground', className)}
       {...props}
     />
-  )
-})
-BreadcrumbLink.displayName = "BreadcrumbLink"
+  );
+});
+BreadcrumbLink.displayName = 'BreadcrumbLink';
 
 const BreadcrumbPage = React.forwardRef<
   HTMLSpanElement,
-  React.ComponentPropsWithoutRef<"span">
+  React.ComponentPropsWithoutRef<'span'>
 >(({ className, ...props }, ref) => (
   <span
     ref={ref}
     role="link"
     aria-disabled="true"
     aria-current="page"
-    className={cn("font-normal text-foreground", className)}
+    className={cn('font-normal text-foreground', className)}
     {...props}
   />
-))
-BreadcrumbPage.displayName = "BreadcrumbPage"
+));
+BreadcrumbPage.displayName = 'BreadcrumbPage';
 
 const BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">) => (
+}: React.ComponentProps<'li'>) => (
   <li
     role="presentation"
     aria-hidden="true"
-    className={cn("[&>svg]:size-3.5", className)}
+    className={cn('[&>svg]:size-3.5', className)}
     {...props}
   >
     {children ?? <ChevronRightIcon />}
   </li>
-)
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
+);
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
 
 const BreadcrumbEllipsis = ({
   className,
   ...props
-}: React.ComponentProps<"span">) => (
+}: React.ComponentProps<'span'>) => (
   <span
     role="presentation"
     aria-hidden="true"
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    className={cn('flex h-9 w-9 items-center justify-center', className)}
     {...props}
   >
     <DotsHorizontalIcon className="h-4 w-4" />
     <span className="sr-only">More</span>
   </span>
-)
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
+);
+BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';
 
 export {
   Breadcrumb,
@@ -112,4 +112,4 @@ export {
   BreadcrumbPage,
   BreadcrumbSeparator,
   BreadcrumbEllipsis,
-}
+};
diff --git a/apps/desktop/src/renderer/components/ui/button.tsx b/apps/desktop/src/renderer/components/ui/button.tsx
index 864dd26b..626ffde4 100644
--- a/apps/desktop/src/renderer/components/ui/button.tsx
+++ b/apps/desktop/src/renderer/components/ui/button.tsx
@@ -31,7 +31,7 @@ const buttonVariants = cva(
       variant: 'default',
       size: 'default',
     },
-  },
+  }
 );
 
 export interface ButtonProps
@@ -50,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  },
+  }
 );
 Button.displayName = 'Button';
 
diff --git a/apps/desktop/src/renderer/components/ui/checkbox.tsx b/apps/desktop/src/renderer/components/ui/checkbox.tsx
index f8315322..e599a50e 100644
--- a/apps/desktop/src/renderer/components/ui/checkbox.tsx
+++ b/apps/desktop/src/renderer/components/ui/checkbox.tsx
@@ -1,8 +1,8 @@
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { CheckIcon } from "@radix-ui/react-icons"
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon } from '@radix-ui/react-icons';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
@@ -11,18 +11,18 @@ const Checkbox = React.forwardRef<
   <CheckboxPrimitive.Root
     ref={ref}
     className={cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
       className
     )}
     {...props}
   >
     <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
+      className={cn('flex items-center justify-center text-current')}
     >
       <CheckIcon className="h-4 w-4" />
     </CheckboxPrimitive.Indicator>
   </CheckboxPrimitive.Root>
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-export { Checkbox }
+export { Checkbox };
diff --git a/apps/desktop/src/renderer/components/ui/command.tsx b/apps/desktop/src/renderer/components/ui/command.tsx
index 4799dfd4..5c70140b 100644
--- a/apps/desktop/src/renderer/components/ui/command.tsx
+++ b/apps/desktop/src/renderer/components/ui/command.tsx
@@ -14,7 +14,7 @@ const Command = React.forwardRef<
     ref={ref}
     className={cn(
       'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
-      className,
+      className
     )}
     {...props}
   />
@@ -45,7 +45,7 @@ const CommandInput = React.forwardRef<
       ref={ref}
       className={cn(
         'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
-        className,
+        className
       )}
       {...props}
     />
@@ -88,7 +88,7 @@ const CommandGroup = React.forwardRef<
     ref={ref}
     className={cn(
       'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',
-      className,
+      className
     )}
     {...props}
   />
@@ -116,7 +116,7 @@ const CommandItem = React.forwardRef<
     ref={ref}
     className={cn(
       'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',
-      className,
+      className
     )}
     {...props}
   />
@@ -132,7 +132,7 @@ const CommandShortcut = ({
     <span
       className={cn(
         'ml-auto text-xs tracking-widest text-muted-foreground',
-        className,
+        className
       )}
       {...props}
     />
diff --git a/apps/desktop/src/renderer/components/ui/context-menu.tsx b/apps/desktop/src/renderer/components/ui/context-menu.tsx
index cf5d2f6f..08787eca 100644
--- a/apps/desktop/src/renderer/components/ui/context-menu.tsx
+++ b/apps/desktop/src/renderer/components/ui/context-menu.tsx
@@ -1,36 +1,36 @@
-import * as React from "react"
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import * as React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import {
   CheckIcon,
   ChevronRightIcon,
   DotFilledIcon,
-} from "@radix-ui/react-icons"
+} from '@radix-ui/react-icons';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const ContextMenu = ContextMenuPrimitive.Root
+const ContextMenu = ContextMenuPrimitive.Root;
 
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 
-const ContextMenuGroup = ContextMenuPrimitive.Group
+const ContextMenuGroup = ContextMenuPrimitive.Group;
 
-const ContextMenuPortal = ContextMenuPrimitive.Portal
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
 
-const ContextMenuSub = ContextMenuPrimitive.Sub
+const ContextMenuSub = ContextMenuPrimitive.Sub;
 
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 
 const ContextMenuSubTrigger = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
   React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
-    inset?: boolean
+    inset?: boolean;
   }
 >(({ className, inset, children, ...props }, ref) => (
   <ContextMenuPrimitive.SubTrigger
     ref={ref}
     className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      inset && "pl-8",
+      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+      inset && 'pl-8',
       className
     )}
     {...props}
@@ -38,8 +38,8 @@ const ContextMenuSubTrigger = React.forwardRef<
     {children}
     <ChevronRightIcon className="ml-auto h-4 w-4" />
   </ContextMenuPrimitive.SubTrigger>
-))
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
 
 const ContextMenuSubContent = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
@@ -48,13 +48,13 @@ const ContextMenuSubContent = React.forwardRef<
   <ContextMenuPrimitive.SubContent
     ref={ref}
     className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
       className
     )}
     {...props}
   />
-))
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 
 const ContextMenuContent = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Content>,
@@ -64,32 +64,32 @@ const ContextMenuContent = React.forwardRef<
     <ContextMenuPrimitive.Content
       ref={ref}
       className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         className
       )}
       {...props}
     />
   </ContextMenuPrimitive.Portal>
-))
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
+));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
 
 const ContextMenuItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
-    inset?: boolean
+    inset?: boolean;
   }
 >(({ className, inset, ...props }, ref) => (
   <ContextMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      inset && 'pl-8',
       className
     )}
     {...props}
   />
-))
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
 
 const ContextMenuCheckboxItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
@@ -98,7 +98,7 @@ const ContextMenuCheckboxItem = React.forwardRef<
   <ContextMenuPrimitive.CheckboxItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className
     )}
     checked={checked}
@@ -111,9 +111,9 @@ const ContextMenuCheckboxItem = React.forwardRef<
     </span>
     {children}
   </ContextMenuPrimitive.CheckboxItem>
-))
+));
 ContextMenuCheckboxItem.displayName =
-  ContextMenuPrimitive.CheckboxItem.displayName
+  ContextMenuPrimitive.CheckboxItem.displayName;
 
 const ContextMenuRadioItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
@@ -122,7 +122,7 @@ const ContextMenuRadioItem = React.forwardRef<
   <ContextMenuPrimitive.RadioItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className
     )}
     {...props}
@@ -134,26 +134,26 @@ const ContextMenuRadioItem = React.forwardRef<
     </span>
     {children}
   </ContextMenuPrimitive.RadioItem>
-))
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
 
 const ContextMenuLabel = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Label>,
   React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
-    inset?: boolean
+    inset?: boolean;
   }
 >(({ className, inset, ...props }, ref) => (
   <ContextMenuPrimitive.Label
     ref={ref}
     className={cn(
-      "px-2 py-1.5 text-sm font-semibold text-foreground",
-      inset && "pl-8",
+      'px-2 py-1.5 text-sm font-semibold text-foreground',
+      inset && 'pl-8',
       className
     )}
     {...props}
   />
-))
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
 
 const ContextMenuSeparator = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Separator>,
@@ -161,11 +161,11 @@ const ContextMenuSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <ContextMenuPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-border", className)}
+    className={cn('-mx-1 my-1 h-px bg-border', className)}
     {...props}
   />
-))
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 
 const ContextMenuShortcut = ({
   className,
@@ -174,14 +174,14 @@ const ContextMenuShortcut = ({
   return (
     <span
       className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
+        'ml-auto text-xs tracking-widest text-muted-foreground',
         className
       )}
       {...props}
     />
-  )
-}
-ContextMenuShortcut.displayName = "ContextMenuShortcut"
+  );
+};
+ContextMenuShortcut.displayName = 'ContextMenuShortcut';
 
 export {
   ContextMenu,
@@ -199,4 +199,4 @@ export {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuRadioGroup,
-}
+};
diff --git a/apps/desktop/src/renderer/components/ui/dialog.tsx b/apps/desktop/src/renderer/components/ui/dialog.tsx
index 5d16351f..bf81cf6a 100644
--- a/apps/desktop/src/renderer/components/ui/dialog.tsx
+++ b/apps/desktop/src/renderer/components/ui/dialog.tsx
@@ -1,16 +1,16 @@
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { Cross2Icon } from "@radix-ui/react-icons"
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Cross2Icon } from '@radix-ui/react-icons';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const Dialog = DialogPrimitive.Root
+const Dialog = DialogPrimitive.Root;
 
-const DialogTrigger = DialogPrimitive.Trigger
+const DialogTrigger = DialogPrimitive.Trigger;
 
-const DialogPortal = DialogPrimitive.Portal
+const DialogPortal = DialogPrimitive.Portal;
 
-const DialogClose = DialogPrimitive.Close
+const DialogClose = DialogPrimitive.Close;
 
 const DialogOverlay = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Overlay>,
@@ -19,13 +19,13 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
       className
     )}
     {...props}
   />
-))
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
@@ -36,7 +36,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
         className
       )}
       {...props}
@@ -48,8 +48,8 @@ const DialogContent = React.forwardRef<
       </DialogPrimitive.Close>
     </DialogPrimitive.Content>
   </DialogPortal>
-))
-DialogContent.displayName = DialogPrimitive.Content.displayName
+));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
 
 const DialogHeader = ({
   className,
@@ -57,13 +57,13 @@ const DialogHeader = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
+      'flex flex-col space-y-1.5 text-center sm:text-left',
       className
     )}
     {...props}
   />
-)
-DialogHeader.displayName = "DialogHeader"
+);
+DialogHeader.displayName = 'DialogHeader';
 
 const DialogFooter = ({
   className,
@@ -71,13 +71,13 @@ const DialogFooter = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
       className
     )}
     {...props}
   />
-)
-DialogFooter.displayName = "DialogFooter"
+);
+DialogFooter.displayName = 'DialogFooter';
 
 const DialogTitle = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Title>,
@@ -86,13 +86,13 @@ const DialogTitle = React.forwardRef<
   <DialogPrimitive.Title
     ref={ref}
     className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
+      'text-lg font-semibold leading-none tracking-tight',
       className
     )}
     {...props}
   />
-))
-DialogTitle.displayName = DialogPrimitive.Title.displayName
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
 
 const DialogDescription = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Description>,
@@ -100,11 +100,11 @@ const DialogDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Description
     ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
+    className={cn('text-sm text-muted-foreground', className)}
     {...props}
   />
-))
-DialogDescription.displayName = DialogPrimitive.Description.displayName
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 export {
   Dialog,
@@ -117,4 +117,4 @@ export {
   DialogFooter,
   DialogTitle,
   DialogDescription,
-}
+};
diff --git a/apps/desktop/src/renderer/components/ui/dropdown-menu.tsx b/apps/desktop/src/renderer/components/ui/dropdown-menu.tsx
index 0e4dccfd..2bcca0e1 100644
--- a/apps/desktop/src/renderer/components/ui/dropdown-menu.tsx
+++ b/apps/desktop/src/renderer/components/ui/dropdown-menu.tsx
@@ -1,36 +1,36 @@
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import {
   CheckIcon,
   ChevronRightIcon,
   DotFilledIcon,
-} from "@radix-ui/react-icons"
+} from '@radix-ui/react-icons';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const DropdownMenu = DropdownMenuPrimitive.Root
+const DropdownMenu = DropdownMenuPrimitive.Root;
 
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 
 const DropdownMenuSubTrigger = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
+    inset?: boolean;
   }
 >(({ className, inset, children, ...props }, ref) => (
   <DropdownMenuPrimitive.SubTrigger
     ref={ref}
     className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
+      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+      inset && 'pl-8',
       className
     )}
     {...props}
@@ -38,9 +38,9 @@ const DropdownMenuSubTrigger = React.forwardRef<
     {children}
     <ChevronRightIcon className="ml-auto h-4 w-4" />
   </DropdownMenuPrimitive.SubTrigger>
-))
+));
 DropdownMenuSubTrigger.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
+  DropdownMenuPrimitive.SubTrigger.displayName;
 
 const DropdownMenuSubContent = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
@@ -49,14 +49,14 @@ const DropdownMenuSubContent = React.forwardRef<
   <DropdownMenuPrimitive.SubContent
     ref={ref}
     className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
       className
     )}
     {...props}
   />
-))
+));
 DropdownMenuSubContent.displayName =
-  DropdownMenuPrimitive.SubContent.displayName
+  DropdownMenuPrimitive.SubContent.displayName;
 
 const DropdownMenuContent = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
@@ -67,33 +67,33 @@ const DropdownMenuContent = React.forwardRef<
       ref={ref}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         className
       )}
       {...props}
     />
   </DropdownMenuPrimitive.Portal>
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 
 const DropdownMenuItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
+    inset?: boolean;
   }
 >(({ className, inset, ...props }, ref) => (
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      inset && 'pl-8',
       className
     )}
     {...props}
   />
-))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 
 const DropdownMenuCheckboxItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
@@ -102,7 +102,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
   <DropdownMenuPrimitive.CheckboxItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className
     )}
     checked={checked}
@@ -115,9 +115,9 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     </span>
     {children}
   </DropdownMenuPrimitive.CheckboxItem>
-))
+));
 DropdownMenuCheckboxItem.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
+  DropdownMenuPrimitive.CheckboxItem.displayName;
 
 const DropdownMenuRadioItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
@@ -126,7 +126,7 @@ const DropdownMenuRadioItem = React.forwardRef<
   <DropdownMenuPrimitive.RadioItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className
     )}
     {...props}
@@ -138,26 +138,26 @@ const DropdownMenuRadioItem = React.forwardRef<
     </span>
     {children}
   </DropdownMenuPrimitive.RadioItem>
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 
 const DropdownMenuLabel = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean
+    inset?: boolean;
   }
 >(({ className, inset, ...props }, ref) => (
   <DropdownMenuPrimitive.Label
     ref={ref}
     className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
+      'px-2 py-1.5 text-sm font-semibold',
+      inset && 'pl-8',
       className
     )}
     {...props}
   />
-))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 const DropdownMenuSeparator = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
@@ -165,11 +165,11 @@ const DropdownMenuSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DropdownMenuPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    className={cn('-mx-1 my-1 h-px bg-muted', className)}
     {...props}
   />
-))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 
 const DropdownMenuShortcut = ({
   className,
@@ -177,12 +177,12 @@ const DropdownMenuShortcut = ({
 }: React.HTMLAttributes<HTMLSpanElement>) => {
   return (
     <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}
       {...props}
     />
-  )
-}
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+  );
+};
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
 
 export {
   DropdownMenu,
@@ -200,4 +200,4 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuRadioGroup,
-}
+};
diff --git a/apps/desktop/src/renderer/components/ui/form.tsx b/apps/desktop/src/renderer/components/ui/form.tsx
index d8a84db5..be40da74 100644
--- a/apps/desktop/src/renderer/components/ui/form.tsx
+++ b/apps/desktop/src/renderer/components/ui/form.tsx
@@ -23,7 +23,7 @@ type FormFieldContextValue<
 };
 
 const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue,
+  {} as FormFieldContextValue
 );
 
 const FormField = <
@@ -67,7 +67,7 @@ type FormItemContextValue = {
 };
 
 const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue,
+  {} as FormItemContextValue
 );
 
 const FormItem = React.forwardRef<
diff --git a/apps/desktop/src/renderer/components/ui/hover-card.tsx b/apps/desktop/src/renderer/components/ui/hover-card.tsx
index 863ff014..7b527522 100644
--- a/apps/desktop/src/renderer/components/ui/hover-card.tsx
+++ b/apps/desktop/src/renderer/components/ui/hover-card.tsx
@@ -1,27 +1,27 @@
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const HoverCard = HoverCardPrimitive.Root
+const HoverCard = HoverCardPrimitive.Root;
 
-const HoverCardTrigger = HoverCardPrimitive.Trigger
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
 
 const HoverCardContent = React.forwardRef<
   React.ElementRef<typeof HoverCardPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
   <HoverCardPrimitive.Content
     ref={ref}
     align={align}
     sideOffset={sideOffset}
     className={cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
       className
     )}
     {...props}
   />
-))
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
-export { HoverCard, HoverCardTrigger, HoverCardContent }
+export { HoverCard, HoverCardTrigger, HoverCardContent };
diff --git a/apps/desktop/src/renderer/components/ui/input.tsx b/apps/desktop/src/renderer/components/ui/input.tsx
index a92b8e0e..7c4a6915 100644
--- a/apps/desktop/src/renderer/components/ui/input.tsx
+++ b/apps/desktop/src/renderer/components/ui/input.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from 'react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}
@@ -11,15 +11,15 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
           className
         )}
         ref={ref}
         {...props}
       />
-    )
+    );
   }
-)
-Input.displayName = "Input"
+);
+Input.displayName = 'Input';
 
-export { Input }
+export { Input };
diff --git a/apps/desktop/src/renderer/components/ui/label.tsx b/apps/desktop/src/renderer/components/ui/label.tsx
index 683faa79..fba3aeb2 100644
--- a/apps/desktop/src/renderer/components/ui/label.tsx
+++ b/apps/desktop/src/renderer/components/ui/label.tsx
@@ -1,12 +1,12 @@
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-)
+  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
+);
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
@@ -18,7 +18,7 @@ const Label = React.forwardRef<
     className={cn(labelVariants(), className)}
     {...props}
   />
-))
-Label.displayName = LabelPrimitive.Root.displayName
+));
+Label.displayName = LabelPrimitive.Root.displayName;
 
-export { Label }
+export { Label };
diff --git a/apps/desktop/src/renderer/components/ui/popover.tsx b/apps/desktop/src/renderer/components/ui/popover.tsx
index d82e7149..07b74e1a 100644
--- a/apps/desktop/src/renderer/components/ui/popover.tsx
+++ b/apps/desktop/src/renderer/components/ui/popover.tsx
@@ -1,31 +1,31 @@
-import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const Popover = PopoverPrimitive.Root
+const Popover = PopoverPrimitive.Root;
 
-const PopoverTrigger = PopoverPrimitive.Trigger
+const PopoverTrigger = PopoverPrimitive.Trigger;
 
-const PopoverAnchor = PopoverPrimitive.Anchor
+const PopoverAnchor = PopoverPrimitive.Anchor;
 
 const PopoverContent = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
   <PopoverPrimitive.Portal>
     <PopoverPrimitive.Content
       ref={ref}
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         className
       )}
       {...props}
     />
   </PopoverPrimitive.Portal>
-))
-PopoverContent.displayName = PopoverPrimitive.Content.displayName
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
diff --git a/apps/desktop/src/renderer/components/ui/scroll-area.tsx b/apps/desktop/src/renderer/components/ui/scroll-area.tsx
index 6cf0bc01..6b9cf489 100644
--- a/apps/desktop/src/renderer/components/ui/scroll-area.tsx
+++ b/apps/desktop/src/renderer/components/ui/scroll-area.tsx
@@ -34,7 +34,7 @@ const ScrollBar = React.forwardRef<
         'h-full w-2.5 border-l border-l-transparent p-[1px]',
       orientation === 'horizontal' &&
         'h-2.5 flex-col border-t border-t-transparent p-[1px]',
-      className,
+      className
     )}
     {...props}
   >
diff --git a/apps/desktop/src/renderer/components/ui/separator.tsx b/apps/desktop/src/renderer/components/ui/separator.tsx
index 6d7f1226..aca42e91 100644
--- a/apps/desktop/src/renderer/components/ui/separator.tsx
+++ b/apps/desktop/src/renderer/components/ui/separator.tsx
@@ -1,14 +1,14 @@
-import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
 >(
   (
-    { className, orientation = "horizontal", decorative = true, ...props },
+    { className, orientation = 'horizontal', decorative = true, ...props },
     ref
   ) => (
     <SeparatorPrimitive.Root
@@ -16,14 +16,14 @@ const Separator = React.forwardRef<
       decorative={decorative}
       orientation={orientation}
       className={cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        'shrink-0 bg-border',
+        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
         className
       )}
       {...props}
     />
   )
-)
-Separator.displayName = SeparatorPrimitive.Root.displayName
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
 
-export { Separator }
+export { Separator };
diff --git a/apps/desktop/src/renderer/components/ui/sheet.tsx b/apps/desktop/src/renderer/components/ui/sheet.tsx
index dee0c908..3e813d10 100644
--- a/apps/desktop/src/renderer/components/ui/sheet.tsx
+++ b/apps/desktop/src/renderer/components/ui/sheet.tsx
@@ -20,7 +20,7 @@ const SheetOverlay = React.forwardRef<
   <SheetPrimitive.Overlay
     className={cn(
       'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      className,
+      className
     )}
     {...props}
     ref={ref}
@@ -44,7 +44,7 @@ const sheetVariants = cva(
     defaultVariants: {
       side: 'right',
     },
-  },
+  }
 );
 
 interface SheetContentProps
@@ -79,7 +79,7 @@ const SheetHeader = ({
   <div
     className={cn(
       'flex flex-col space-y-2 text-center sm:text-left',
-      className,
+      className
     )}
     {...props}
   />
@@ -93,7 +93,7 @@ const SheetFooter = ({
   <div
     className={cn(
       'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-      className,
+      className
     )}
     {...props}
   />
diff --git a/apps/desktop/src/renderer/components/ui/sidebar.tsx b/apps/desktop/src/renderer/components/ui/sidebar.tsx
index 7aabaeb9..e36222ac 100644
--- a/apps/desktop/src/renderer/components/ui/sidebar.tsx
+++ b/apps/desktop/src/renderer/components/ui/sidebar.tsx
@@ -65,7 +65,7 @@ const SidebarProvider = React.forwardRef<
       children,
       ...props
     },
-    ref,
+    ref
   ) => {
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = React.useState(false);
@@ -78,7 +78,7 @@ const SidebarProvider = React.forwardRef<
       (value: boolean | ((value: boolean) => boolean)) => {
         if (setOpenProp) {
           return setOpenProp?.(
-            typeof value === 'function' ? value(open) : value,
+            typeof value === 'function' ? value(open) : value
           );
         }
 
@@ -87,7 +87,7 @@ const SidebarProvider = React.forwardRef<
         // This sets the cookie to keep the sidebar state.
         document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
       },
-      [setOpenProp, open],
+      [setOpenProp, open]
     );
 
     // Helper to toggle the sidebar.
@@ -127,15 +127,7 @@ const SidebarProvider = React.forwardRef<
         setOpenMobile,
         toggleSidebar,
       }),
-      [
-        state,
-        open,
-        setOpen,
-        isMobile,
-        openMobile,
-        setOpenMobile,
-        toggleSidebar,
-      ],
+      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
 
     return (
@@ -151,7 +143,7 @@ const SidebarProvider = React.forwardRef<
             }
             className={cn(
               'group/sidebar-wrapper flex min-h-svh w-full text-sidebar-foreground has-[[data-variant=inset]]:bg-sidebar',
-              className,
+              className
             )}
             ref={ref}
             {...props}
@@ -161,7 +153,7 @@ const SidebarProvider = React.forwardRef<
         </TooltipProvider>
       </SidebarContext.Provider>
     );
-  },
+  }
 );
 SidebarProvider.displayName = 'SidebarProvider';
 
@@ -182,7 +174,7 @@ const Sidebar = React.forwardRef<
       children,
       ...props
     },
-    ref,
+    ref
   ) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 
@@ -191,7 +183,7 @@ const Sidebar = React.forwardRef<
         <div
           className={cn(
             'flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground',
-            className,
+            className
           )}
           ref={ref}
           {...props}
@@ -238,7 +230,7 @@ const Sidebar = React.forwardRef<
             'group-data-[side=right]:rotate-180',
             variant === 'floating' || variant === 'inset'
               ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'
-              : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]',
+              : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]'
           )}
         />
         <div
@@ -251,7 +243,7 @@ const Sidebar = React.forwardRef<
             variant === 'floating' || variant === 'inset'
               ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'
               : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l',
-            className,
+            className
           )}
           {...props}
         >
@@ -264,7 +256,7 @@ const Sidebar = React.forwardRef<
         </div>
       </div>
     );
-  },
+  }
 );
 Sidebar.displayName = 'Sidebar';
 
@@ -318,7 +310,7 @@ const SidebarRail = React.forwardRef<
         'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar',
         '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
         '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
-        className,
+        className
       )}
       {...props}
     />
@@ -336,7 +328,7 @@ const SidebarInset = React.forwardRef<
       className={cn(
         'relative flex min-h-svh flex-1 flex-col bg-background',
         'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow',
-        className,
+        className
       )}
       {...props}
     />
@@ -354,7 +346,7 @@ const SidebarInput = React.forwardRef<
       data-sidebar="input"
       className={cn(
         'h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring',
-        className,
+        className
       )}
       {...props}
     />
@@ -417,7 +409,7 @@ const SidebarContent = React.forwardRef<
       data-sidebar="content"
       className={cn(
         'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',
-        className,
+        className
       )}
       {...props}
     />
@@ -453,7 +445,7 @@ const SidebarGroupLabel = React.forwardRef<
       className={cn(
         'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
         'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
-        className,
+        className
       )}
       {...props}
     />
@@ -476,7 +468,7 @@ const SidebarGroupAction = React.forwardRef<
         // Increases the hit area of the button on mobile.
         'after:absolute after:-inset-2 after:md:hidden',
         'group-data-[collapsible=icon]:hidden',
-        className,
+        className
       )}
       {...props}
     />
@@ -542,7 +534,7 @@ const sidebarMenuButtonVariants = cva(
       variant: 'default',
       size: 'default',
     },
-  },
+  }
 );
 
 const SidebarMenuButton = React.forwardRef<
@@ -563,7 +555,7 @@ const SidebarMenuButton = React.forwardRef<
       className,
       ...props
     },
-    ref,
+    ref
   ) => {
     const Comp = asChild ? Slot : 'button';
     const { isMobile, state } = useSidebar();
@@ -600,7 +592,7 @@ const SidebarMenuButton = React.forwardRef<
         />
       </Tooltip>
     );
-  },
+  }
 );
 SidebarMenuButton.displayName = 'SidebarMenuButton';
 
@@ -627,7 +619,7 @@ const SidebarMenuAction = React.forwardRef<
         'group-data-[collapsible=icon]:hidden',
         showOnHover &&
           'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',
-        className,
+        className
       )}
       {...props}
     />
@@ -649,7 +641,7 @@ const SidebarMenuBadge = React.forwardRef<
       'peer-data-[size=default]/menu-button:top-1.5',
       'peer-data-[size=lg]/menu-button:top-2.5',
       'group-data-[collapsible=icon]:hidden',
-      className,
+      className
     )}
     {...props}
   />
@@ -704,7 +696,7 @@ const SidebarMenuSub = React.forwardRef<
     className={cn(
       'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5',
       'group-data-[collapsible=icon]:hidden',
-      className,
+      className
     )}
     {...props}
   />
@@ -739,7 +731,7 @@ const SidebarMenuSubButton = React.forwardRef<
         size === 'sm' && 'text-xs',
         size === 'md' && 'text-sm',
         'group-data-[collapsible=icon]:hidden',
-        className,
+        className
       )}
       {...props}
     />
diff --git a/apps/desktop/src/renderer/components/ui/smart-number-input.tsx b/apps/desktop/src/renderer/components/ui/smart-number-input.tsx
index f8e0cb25..316897a7 100644
--- a/apps/desktop/src/renderer/components/ui/smart-number-input.tsx
+++ b/apps/desktop/src/renderer/components/ui/smart-number-input.tsx
@@ -18,7 +18,7 @@ const SmartNumberInput = React.forwardRef<
 >(
   (
     { value, onChange, className, min, max, step = 1, readOnly, ...props },
-    ref,
+    ref
   ) => {
     const [localValue, setLocalValue] = React.useState(value?.toString() ?? '');
     const initialValue = React.useRef(value?.toString() ?? '');
@@ -26,7 +26,7 @@ const SmartNumberInput = React.forwardRef<
     // Create a debounced version of onChange
     const debouncedOnChange = React.useMemo(
       () => debounce((value: number) => onChange(value), 500),
-      [onChange],
+      [onChange]
     );
 
     // Update localValue when value prop changes
@@ -88,7 +88,7 @@ const SmartNumberInput = React.forwardRef<
         type="number"
         className={cn(
           'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
-          className,
+          className
         )}
         ref={ref}
         value={localValue}
@@ -102,7 +102,7 @@ const SmartNumberInput = React.forwardRef<
         {...props}
       />
     );
-  },
+  }
 );
 
 SmartNumberInput.displayName = 'SmartNumberInput';
diff --git a/apps/desktop/src/renderer/components/ui/smart-text-input.tsx b/apps/desktop/src/renderer/components/ui/smart-text-input.tsx
index 4d4a881e..2531d4a7 100644
--- a/apps/desktop/src/renderer/components/ui/smart-text-input.tsx
+++ b/apps/desktop/src/renderer/components/ui/smart-text-input.tsx
@@ -18,7 +18,7 @@ const SmartTextInput = React.forwardRef<HTMLInputElement, SmartTextInputProps>(
     // Create a debounced version of onChange
     const debouncedOnChange = React.useMemo(
       () => debounce((value: string) => onChange(value), 500),
-      [onChange],
+      [onChange]
     );
 
     // Update localValue when value prop changes
@@ -64,7 +64,7 @@ const SmartTextInput = React.forwardRef<HTMLInputElement, SmartTextInputProps>(
         type="text"
         className={cn(
           'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
-          className,
+          className
         )}
         ref={ref}
         value={localValue}
@@ -76,7 +76,7 @@ const SmartTextInput = React.forwardRef<HTMLInputElement, SmartTextInputProps>(
         {...props}
       />
     );
-  },
+  }
 );
 
 SmartTextInput.displayName = 'SmartTextInput';
diff --git a/apps/desktop/src/renderer/components/ui/spinner.tsx b/apps/desktop/src/renderer/components/ui/spinner.tsx
index 9fed4a63..0d35f7c1 100644
--- a/apps/desktop/src/renderer/components/ui/spinner.tsx
+++ b/apps/desktop/src/renderer/components/ui/spinner.tsx
@@ -15,7 +15,7 @@ const Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(
       ref={ref}
       {...props}
     />
-  ),
+  )
 );
 Spinner.displayName = 'Spinner';
 
diff --git a/apps/desktop/src/renderer/components/ui/tabs.tsx b/apps/desktop/src/renderer/components/ui/tabs.tsx
index 85d83bea..e19b8ae6 100644
--- a/apps/desktop/src/renderer/components/ui/tabs.tsx
+++ b/apps/desktop/src/renderer/components/ui/tabs.tsx
@@ -1,9 +1,9 @@
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const Tabs = TabsPrimitive.Root
+const Tabs = TabsPrimitive.Root;
 
 const TabsList = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
@@ -12,13 +12,13 @@ const TabsList = React.forwardRef<
   <TabsPrimitive.List
     ref={ref}
     className={cn(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
       className
     )}
     {...props}
   />
-))
-TabsList.displayName = TabsPrimitive.List.displayName
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
 
 const TabsTrigger = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Trigger>,
@@ -27,13 +27,13 @@ const TabsTrigger = React.forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
       className
     )}
     {...props}
   />
-))
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 
 const TabsContent = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Content>,
@@ -42,12 +42,12 @@ const TabsContent = React.forwardRef<
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
       className
     )}
     {...props}
   />
-))
-TabsContent.displayName = TabsPrimitive.Content.displayName
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-export { Tabs, TabsList, TabsTrigger, TabsContent }
+export { Tabs, TabsList, TabsTrigger, TabsContent };
diff --git a/apps/desktop/src/renderer/components/ui/textarea.tsx b/apps/desktop/src/renderer/components/ui/textarea.tsx
index d1258e47..27a0b7a7 100644
--- a/apps/desktop/src/renderer/components/ui/textarea.tsx
+++ b/apps/desktop/src/renderer/components/ui/textarea.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from 'react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
@@ -10,15 +10,15 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
     return (
       <textarea
         className={cn(
-          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
           className
         )}
         ref={ref}
         {...props}
       />
-    )
+    );
   }
-)
-Textarea.displayName = "Textarea"
+);
+Textarea.displayName = 'Textarea';
 
-export { Textarea }
+export { Textarea };
diff --git a/apps/desktop/src/renderer/components/ui/toast.tsx b/apps/desktop/src/renderer/components/ui/toast.tsx
index f79747ac..c6b87a39 100644
--- a/apps/desktop/src/renderer/components/ui/toast.tsx
+++ b/apps/desktop/src/renderer/components/ui/toast.tsx
@@ -1,11 +1,11 @@
-import * as React from "react"
-import { Cross2Icon } from "@radix-ui/react-icons"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react';
+import { Cross2Icon } from '@radix-ui/react-icons';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const ToastProvider = ToastPrimitives.Provider
+const ToastProvider = ToastPrimitives.Provider;
 
 const ToastViewport = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Viewport>,
@@ -14,29 +14,29 @@ const ToastViewport = React.forwardRef<
   <ToastPrimitives.Viewport
     ref={ref}
     className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
       className
     )}
     {...props}
   />
-))
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 
 const toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
   {
     variants: {
       variant: {
-        default: "border bg-background text-foreground",
+        default: 'border bg-background text-foreground',
         destructive:
-          "destructive group border-destructive bg-destructive text-destructive-foreground",
+          'destructive group border-destructive bg-destructive text-destructive-foreground',
       },
     },
     defaultVariants: {
-      variant: "default",
+      variant: 'default',
     },
   }
-)
+);
 
 const Toast = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
@@ -49,9 +49,9 @@ const Toast = React.forwardRef<
       className={cn(toastVariants({ variant }), className)}
       {...props}
     />
-  )
-})
-Toast.displayName = ToastPrimitives.Root.displayName
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
 
 const ToastAction = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Action>,
@@ -60,13 +60,13 @@ const ToastAction = React.forwardRef<
   <ToastPrimitives.Action
     ref={ref}
     className={cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
       className
     )}
     {...props}
   />
-))
-ToastAction.displayName = ToastPrimitives.Action.displayName
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
 
 const ToastClose = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Close>,
@@ -75,7 +75,7 @@ const ToastClose = React.forwardRef<
   <ToastPrimitives.Close
     ref={ref}
     className={cn(
-      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      'absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
       className
     )}
     toast-close=""
@@ -83,8 +83,8 @@ const ToastClose = React.forwardRef<
   >
     <Cross2Icon className="h-4 w-4" />
   </ToastPrimitives.Close>
-))
-ToastClose.displayName = ToastPrimitives.Close.displayName
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
 
 const ToastTitle = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Title>,
@@ -92,11 +92,11 @@ const ToastTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <ToastPrimitives.Title
     ref={ref}
-    className={cn("text-sm font-semibold [&+div]:text-xs", className)}
+    className={cn('text-sm font-semibold [&+div]:text-xs', className)}
     {...props}
   />
-))
-ToastTitle.displayName = ToastPrimitives.Title.displayName
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
 
 const ToastDescription = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Description>,
@@ -104,15 +104,15 @@ const ToastDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <ToastPrimitives.Description
     ref={ref}
-    className={cn("text-sm opacity-90", className)}
+    className={cn('text-sm opacity-90', className)}
     {...props}
   />
-))
-ToastDescription.displayName = ToastPrimitives.Description.displayName
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 
-type ToastActionElement = React.ReactElement<typeof ToastAction>
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
 
 export {
   type ToastProps,
@@ -124,4 +124,4 @@ export {
   ToastDescription,
   ToastClose,
   ToastAction,
-}
+};
diff --git a/apps/desktop/src/renderer/components/ui/tooltip.tsx b/apps/desktop/src/renderer/components/ui/tooltip.tsx
index a9c71baa..76a6112b 100644
--- a/apps/desktop/src/renderer/components/ui/tooltip.tsx
+++ b/apps/desktop/src/renderer/components/ui/tooltip.tsx
@@ -1,13 +1,13 @@
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-const TooltipProvider = TooltipPrimitive.Provider
+const TooltipProvider = TooltipPrimitive.Provider;
 
-const Tooltip = TooltipPrimitive.Root
+const Tooltip = TooltipPrimitive.Root;
 
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipTrigger = TooltipPrimitive.Trigger;
 
 const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
@@ -17,12 +17,12 @@ const TooltipContent = React.forwardRef<
     ref={ref}
     sideOffset={sideOffset}
     className={cn(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
       className
     )}
     {...props}
   />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-chat-item.tsx b/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-chat-item.tsx
index e7d8c834..87fbc6b7 100644
--- a/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-chat-item.tsx
+++ b/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-chat-item.tsx
@@ -20,14 +20,14 @@ export const SidebarChatItem = ({
       key={node.id}
       className={cn(
         'flex w-full items-center',
-        isActive && 'bg-sidebar-accent',
+        isActive && 'bg-sidebar-accent'
       )}
     >
       <Avatar id={node.id} avatar={node.avatar} name={node.name} size="small" />
       <span
         className={cn(
           'line-clamp-1 w-full flex-grow pl-2 text-left',
-          isUnread && 'font-bold',
+          isUnread && 'font-bold'
         )}
       >
         {node.name ?? 'Unnamed'}
diff --git a/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-item.tsx b/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-item.tsx
index f463901c..956caba5 100644
--- a/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-item.tsx
+++ b/apps/desktop/src/renderer/components/workspaces/sidebars/sidebar-item.tsx
@@ -20,7 +20,7 @@ export const SidebarItem = ({
       key={node.id}
       className={cn(
         'flex w-full items-center',
-        isActive && 'bg-sidebar-accent',
+        isActive && 'bg-sidebar-accent'
       )}
     >
       <Avatar
@@ -32,7 +32,7 @@ export const SidebarItem = ({
       <span
         className={cn(
           'line-clamp-1 w-full flex-grow pl-2 text-left',
-          isUnread && 'font-bold',
+          isUnread && 'font-bold'
         )}
       >
         {node.name ?? 'Unnamed'}
diff --git a/apps/desktop/src/renderer/contexts/account.ts b/apps/desktop/src/renderer/contexts/account.ts
index 8972bdcb..d5cd8999 100644
--- a/apps/desktop/src/renderer/contexts/account.ts
+++ b/apps/desktop/src/renderer/contexts/account.ts
@@ -9,7 +9,7 @@ interface AccountContext extends Account {
 }
 
 export const AccountContext = createContext<AccountContext>(
-  {} as AccountContext,
+  {} as AccountContext
 );
 
 export const useAccount = () => useContext(AccountContext);
diff --git a/apps/desktop/src/renderer/contexts/workspace.ts b/apps/desktop/src/renderer/contexts/workspace.ts
index b09251d3..5b28bcf8 100644
--- a/apps/desktop/src/renderer/contexts/workspace.ts
+++ b/apps/desktop/src/renderer/contexts/workspace.ts
@@ -9,7 +9,7 @@ interface WorkspaceContext extends Workspace {
 }
 
 export const WorkspaceContext = createContext<WorkspaceContext>(
-  {} as WorkspaceContext,
+  {} as WorkspaceContext
 );
 
 export const useWorkspace = () => useContext(WorkspaceContext);
diff --git a/apps/desktop/src/renderer/editor/extensions/commander.tsx b/apps/desktop/src/renderer/editor/extensions/commander.tsx
index 2f0c2d23..ca8fa1f9 100644
--- a/apps/desktop/src/renderer/editor/extensions/commander.tsx
+++ b/apps/desktop/src/renderer/editor/extensions/commander.tsx
@@ -55,7 +55,7 @@ const CommandList = ({
         command(item, range);
       }
     },
-    [command, items, range],
+    [command, items, range]
   );
 
   React.useEffect(() => {
diff --git a/apps/desktop/src/renderer/editor/extensions/delete-control.tsx b/apps/desktop/src/renderer/editor/extensions/delete-control.tsx
index 325425d5..700dc1f1 100644
--- a/apps/desktop/src/renderer/editor/extensions/delete-control.tsx
+++ b/apps/desktop/src/renderer/editor/extensions/delete-control.tsx
@@ -17,11 +17,10 @@ export const DeleteControlExtension = Extension.create({
             if (specialBlocks.includes(node.type.name)) {
               result = true;
             }
-          },
+          }
         );
         return result;
       },
     };
   },
 });
-
diff --git a/apps/desktop/src/renderer/editor/extensions/divider.tsx b/apps/desktop/src/renderer/editor/extensions/divider.tsx
index d17333c3..0bddd289 100644
--- a/apps/desktop/src/renderer/editor/extensions/divider.tsx
+++ b/apps/desktop/src/renderer/editor/extensions/divider.tsx
@@ -15,7 +15,7 @@ export const DividerNode = HorizontalRule.extend({
 
           tr.insert(start - 1, this.type.create(attributes)).delete(
             tr.mapping.map(start),
-            tr.mapping.map(end),
+            tr.mapping.map(end)
           );
         },
       }),
@@ -27,4 +27,3 @@ export const DividerNode = HorizontalRule.extend({
       'h-0.5 my-2 cursor-pointer rounded-sm border-none bg-muted bg-clip-content',
   },
 });
-
diff --git a/apps/desktop/src/renderer/editor/extensions/list-keymap.tsx b/apps/desktop/src/renderer/editor/extensions/list-keymap.tsx
index c2e68b47..62d09b61 100644
--- a/apps/desktop/src/renderer/editor/extensions/list-keymap.tsx
+++ b/apps/desktop/src/renderer/editor/extensions/list-keymap.tsx
@@ -1,14 +1,14 @@
-import ListKeymap from '@tiptap/extension-list-keymap'
+import ListKeymap from '@tiptap/extension-list-keymap';
 
 export const ListKeymapExtension = ListKeymap.configure({
-    listTypes: [
-        {
-            itemName: 'listItem',
-            wrapperNames: ['bulletList', 'orderedList'],
-        },
-        {
-            itemName: 'taskItem',
-            wrapperNames: ['taskList'],
-        }
-    ],
+  listTypes: [
+    {
+      itemName: 'listItem',
+      wrapperNames: ['bulletList', 'orderedList'],
+    },
+    {
+      itemName: 'taskItem',
+      wrapperNames: ['taskList'],
+    },
+  ],
 });
diff --git a/apps/desktop/src/renderer/editor/extensions/placeholder.tsx b/apps/desktop/src/renderer/editor/extensions/placeholder.tsx
index 054f7347..cc931fc8 100644
--- a/apps/desktop/src/renderer/editor/extensions/placeholder.tsx
+++ b/apps/desktop/src/renderer/editor/extensions/placeholder.tsx
@@ -4,25 +4,26 @@ interface PlaceholderProps extends PlaceholderOptions {
   message: string;
 }
 
-export const PlaceholderExtension = Placeholder.extend<PlaceholderProps>().configure({
-  placeholder: ({ node, editor }) => {
-    if (node.type.name === 'heading') {
-      return `Heading ${node.attrs.level}`;
-    }
-
-    if (node.type.name === 'paragraph') {
-      const extension = editor.extensionManager.extensions.find(
-        (f) => f.name === 'placeholder',
-      );
-      if (extension) {
-        const { message } = extension.options as PlaceholderProps;
-        return message;
+export const PlaceholderExtension =
+  Placeholder.extend<PlaceholderProps>().configure({
+    placeholder: ({ node, editor }) => {
+      if (node.type.name === 'heading') {
+        return `Heading ${node.attrs.level}`;
       }
-    }
 
-    return '';
-  },
-  showOnlyCurrent: true,
-  showOnlyWhenEditable: true,
-  includeChildren: false,
-});
+      if (node.type.name === 'paragraph') {
+        const extension = editor.extensionManager.extensions.find(
+          (f) => f.name === 'placeholder'
+        );
+        if (extension) {
+          const { message } = extension.options as PlaceholderProps;
+          return message;
+        }
+      }
+
+      return '';
+    },
+    showOnlyCurrent: true,
+    showOnlyWhenEditable: true,
+    includeChildren: false,
+  });
diff --git a/apps/desktop/src/renderer/editor/extensions/tab-keymap.tsx b/apps/desktop/src/renderer/editor/extensions/tab-keymap.tsx
index 17b2e743..78017445 100644
--- a/apps/desktop/src/renderer/editor/extensions/tab-keymap.tsx
+++ b/apps/desktop/src/renderer/editor/extensions/tab-keymap.tsx
@@ -21,7 +21,7 @@ export const TabKeymapExtension = Extension.create<TabKeymapExtensionOptions>({
         }
 
         return false;
-      }
+      },
     };
   },
 });
diff --git a/apps/desktop/src/renderer/editor/views/code-block.tsx b/apps/desktop/src/renderer/editor/views/code-block.tsx
index 3ce68107..eb8dd298 100644
--- a/apps/desktop/src/renderer/editor/views/code-block.tsx
+++ b/apps/desktop/src/renderer/editor/views/code-block.tsx
@@ -66,7 +66,7 @@ export const CodeBlockNodeView = ({
                           'ml-auto mr-2 size-4',
                           language === languageItem.code
                             ? 'opacity-100'
-                            : 'opacity-0',
+                            : 'opacity-0'
                         )}
                       />
                     </CommandItem>
diff --git a/apps/desktop/src/renderer/hooks/use-mobile.tsx b/apps/desktop/src/renderer/hooks/use-mobile.tsx
index 82044326..462d7a78 100644
--- a/apps/desktop/src/renderer/hooks/use-mobile.tsx
+++ b/apps/desktop/src/renderer/hooks/use-mobile.tsx
@@ -4,7 +4,7 @@ const MOBILE_BREAKPOINT = 768;
 
 export function useIsMobile() {
   const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
-    undefined,
+    undefined
   );
 
   React.useEffect(() => {
diff --git a/apps/desktop/src/renderer/hooks/use-toast.ts b/apps/desktop/src/renderer/hooks/use-toast.ts
index 321364de..7561cd56 100644
--- a/apps/desktop/src/renderer/hooks/use-toast.ts
+++ b/apps/desktop/src/renderer/hooks/use-toast.ts
@@ -84,7 +84,7 @@ export const reducer = (state: State, action: Action): State => {
       return {
         ...state,
         toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t,
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
         ),
       };
 
@@ -109,7 +109,7 @@ export const reducer = (state: State, action: Action): State => {
                 ...t,
                 open: false,
               }
-            : t,
+            : t
         ),
       };
     }