refactor: introduce UserSettings type and update constants

- Added UserSettings interface in a new types.ts file to define user settings structure.
- Introduced DEFAULT_SETTINGS constant in constants.ts for default user settings.
- Updated imports in SettingsDialog and canvas files to reference the new constants and types, enhancing code organization and type safety.

Author: atyrode

src/frontend/src/constants.ts

@@ -1,3 +1,5 @@
+import { UserSettings } from "./ui/types";
+
 // Default app values
 export const INITIAL_APP_DATA = {
     appState: {
@@ -24,3 +26,8 @@ export const HIDDEN_UI_ELEMENTS = {
 export const POINTER_MOVE_THROTTLE_MS = 30; // Throttle pointer move events to reduce the number of updates sent to the server
 export const ENABLE_PERIODIC_FULL_SYNC = false; // Set to false to disable periodic scene_update full sync
 export const PERIODIC_FULL_SYNC_INTERVAL_MS = 60000; // Sync scene_update every 60 seconds if ENABLE_PERIODIC_FULL_SYNC is true
+
+// Pad constants
+export const DEFAULT_SETTINGS: UserSettings = {
+    embedLockDebounceTime: 350,
+  };

src/frontend/src/lib/canvas.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_SETTINGS } from '../types/settings';
+import { DEFAULT_SETTINGS } from '../constants';
 
 /**
  * 

src/frontend/src/ui/SettingsDialog.tsx

@@ -1,8 +1,9 @@
 import React, { useState, useCallback, useEffect } from "react";
 import { Dialog } from "@atyrode/excalidraw";
 import { Range } from "./Range";
-import { UserSettings, DEFAULT_SETTINGS } from "../types/settings";
-// import { capture } from "../lib/posthog";
+import { UserSettings } from "./types";
+import { DEFAULT_SETTINGS } from "../constants";
+
 import "./SettingsDialog.scss";
 
 interface SettingsDialogProps {

src/frontend/src/types/settings.ts renamed to src/frontend/src/ui/types.ts

@@ -10,7 +10,3 @@ export interface UserSettings {
    */
   embedLockDebounceTime?: number;
 }
-
-export const DEFAULT_SETTINGS: UserSettings = {
-  embedLockDebounceTime: 350, // Default value from CustomEmbeddableRenderer.tsx
-};