feat: add Canvas Backups option to Main Menu

- Updated the menu item titles for clarity and consistency.

Author: atyrode

src/frontend/src/ui/MainMenu.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import type { ExcalidrawImperativeAPI } from '@atyrode/excalidraw/types';
 import type { MainMenu as MainMenuType } from '@atyrode/excalidraw';
 
-import { LogOut, SquarePlus, LayoutDashboard, SquareCode, Eye, Coffee, Grid2x2, User, Text } from 'lucide-react';
+import { LogOut, SquarePlus, LayoutDashboard, SquareCode, Eye, Coffee, Grid2x2, User, Text, ArchiveRestore } from 'lucide-react';
 import { capture } from '../utils/posthog';
 import { ExcalidrawElementFactory, PlacementMode } from '../lib/ExcalidrawElementFactory';
 import { useUserProfile } from "../api/hooks";
@@ -93,6 +93,22 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
     });
   };
 
+  const handleCanvasBackupsClick = () => {
+    if (!excalidrawAPI) return;
+    
+    const backupsElement = ExcalidrawElementFactory.createEmbeddableElement({
+      link: "!backups",
+      width: 400,
+      height: 500
+    });
+    
+    ExcalidrawElementFactory.placeInScene(backupsElement, excalidrawAPI, {
+      mode: PlacementMode.NEAR_VIEWPORT_CENTER,
+      bufferPercentage: 10,
+      scrollToView: true
+    });
+  };
+
   const handleGridToggle = () => {
     if (!excalidrawAPI) return;
     const appState = excalidrawAPI.getAppState();
@@ -136,6 +152,12 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
         <MainMenu.DefaultItems.LoadScene />
         <MainMenu.DefaultItems.Export />
         <MainMenu.DefaultItems.SaveAsImage />
+        <MainMenu.Item
+          icon={<ArchiveRestore />}
+          onClick={handleCanvasBackupsClick}
+        >
+          Canvas Backups
+        </MainMenu.Item>
       </MainMenu.Group>
 
       <MainMenu.Separator />
@@ -169,25 +191,25 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
           icon={<SquareCode />}
           onClick={handleHtmlEditorClick}
         >
-          Insert HTML Editor
+          HTML Editor
         </MainMenu.Item>
         <MainMenu.Item
           icon={<Text />}
           onClick={handleEditorClick}
         >
-          Insert Code Editor
+          Code Editor
         </MainMenu.Item>
         <MainMenu.Item
           icon={<LayoutDashboard />}
           onClick={handleDashboardButtonClick}
         >
-          Insert Dashboard
+          Dashboard
         </MainMenu.Item>
         <MainMenu.Item
           icon={<SquarePlus />}
           onClick={handleInsertButtonClick}
         >
-          Insert Button
+          Action Button
         </MainMenu.Item>
       </MainMenu.Group>