Reformat code

2025-12-28 16:06:37 +01:00 · 2024-11-09 18:17:46 +01:00
parent 02d904f719
commit 72e99ff7f7
65 changed files with 436 additions and 447 deletions
--- 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;
  }
--- 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}`;
 };
--- 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);
  }
--- 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 =
--- 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;
--- 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,
--- 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', [
--- 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);
  }
--- 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);
  }
--- 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);
  }
--- 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',
--- 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',
--- 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',
--- 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,
--- 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 />
--- 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') {
--- 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) {
--- 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);

--- 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) {
--- 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) {
--- 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}
            >
--- 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);
--- 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}
--- 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';
--- 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)}
--- 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';
--- 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(() => {
--- 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}
  />
--- 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 };
--- 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,
-}
+};
--- 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';

--- 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 };
--- 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}
    />
--- 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,
-}
+};
--- 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,
-}
+};
--- 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,
-}
+};
--- 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<
--- 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 };
--- 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 };
--- 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 };
--- 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 };
--- 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}
  >
--- 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 };
--- 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}
  />
--- 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}
    />
--- 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';
--- 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';
--- 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';

--- 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 };
--- 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 };
--- 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,
-}
+};
--- 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 };
--- 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'}
--- 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'}
--- 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);
--- 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);
--- 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(() => {
--- 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;
      },
    };
  },
 });
-
--- 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',
  },
 });
-
--- 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'],
+    },
+  ],
 });
--- 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,
+  });
--- 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;
-      }
+      },
    };
  },
 });
--- 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>
--- 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(() => {
--- 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
        ),
      };
    }