refactor: update default canvas API endpoint in SettingsDialog

- Changed the API call in SettingsDialog to use the new endpoint '/api/templates/default' for fetching default canvas data.
- Removed the previous fetch implementation, streamlining the code by utilizing the api.getDefaultCanvas() method for better maintainability.

Author: atyrode

src/frontend/src/api/hooks.ts

@@ -118,7 +118,7 @@ export const api = {
 
   getDefaultCanvas: async (): Promise<CanvasData> => {
     try {
-      const result = await fetchApi('/api/pad/from-template/default');
+      const result = await fetchApi('/api/templates/default');
       return result;
     } catch (error) {
       throw error;

src/frontend/src/ui/SettingsDialog.tsx

@@ -5,6 +5,7 @@ import { UserSettings, DEFAULT_SETTINGS } from "../types/settings";
 import { RefreshCw } from "lucide-react";
 import { normalizeCanvasData } from "../utils/canvasUtils";
 import { capture } from "../utils/posthog";
+import { api } from "../api/hooks";
 import "./SettingsDialog.scss";
 
 interface SettingsDialogProps {
@@ -47,17 +48,9 @@ const SettingsDialog: React.FC<SettingsDialogProps> = ({
       setIsRestoring(true);
       capture('restore_tutorial_canvas_clicked');
 
-      // Fetch the default canvas data from the backend
-      const response = await fetch('/api/canvas/default', {
-        method: 'GET',
-        credentials: 'include'
-      });
-      
-      if (!response.ok) {
-        throw new Error(`Failed to fetch default canvas: ${response.statusText}`);
-      }
-      
-      const defaultCanvasData = await response.json();
+      // Use the API function from hooks.ts to fetch the default canvas
+      const defaultCanvasData = await api.getDefaultCanvas();
+      console.log("Default canvas data:", defaultCanvasData);
 
       // Normalize the canvas data before updating the scene
       const normalizedData = normalizeCanvasData(defaultCanvasData);