feat: add Terminal option to Main Menu

- Integrated a new Terminal item in the Main Menu for user access.
- Implemented handleTerminalClick function to create and place a terminal element in the canvas.
- Enhanced user experience by providing direct access to terminal functionality within the application.

Author: atyrode

src/frontend/src/ui/MainMenu.tsx

@@ -3,7 +3,7 @@ import React, { useState } 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, ArchiveRestore, Settings } from 'lucide-react';
+import { LogOut, SquarePlus, LayoutDashboard, SquareCode, Eye, Coffee, Grid2x2, User, Text, ArchiveRestore, Settings, Terminal } from 'lucide-react';
 import { capture } from '../utils/posthog';
 import { ExcalidrawElementFactory, PlacementMode } from '../lib/ExcalidrawElementFactory';
 import { useUserProfile } from "../api/hooks";
@@ -100,6 +100,22 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
       scrollToView: true
     });
   };
+  
+  const handleTerminalClick = () => {
+    if (!excalidrawAPI) return;
+    
+    const terminalElement = ExcalidrawElementFactory.createEmbeddableElement({
+      link: "!terminal",
+      width: 800,
+      height: 500
+    });
+    
+    ExcalidrawElementFactory.placeInScene(terminalElement, excalidrawAPI, {
+      mode: PlacementMode.NEAR_VIEWPORT_CENTER,
+      bufferPercentage: 10,
+      scrollToView: true
+    });
+  };
 
   const handleCanvasBackupsClick = () => {
     setShowBackupsModal(true);
@@ -176,6 +192,12 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
         >
           Code Editor
         </MainMenu.Item>
+        <MainMenu.Item
+          icon={<Terminal />}
+          onClick={handleTerminalClick}
+        >
+          Terminal
+        </MainMenu.Item>
         <MainMenu.Item
           icon={<LayoutDashboard />}
           onClick={handleDashboardButtonClick}