refactor: remove DevTools component and related styles

- Deleted the DevTools component and its associated SCSS file to streamline the codebase.
- Updated the CustomEmbeddableRenderer to remove references to DevTools, enhancing clarity and maintainability.
- Removed DevTools entry from the pad index file and MainMenu, simplifying the user interface.

Author: atyrode

src/frontend/src/CustomEmbeddableRenderer.tsx

@@ -9,7 +9,6 @@ import {
   ControlButton,
   Editor,
   Terminal,
-  DevTools,
 } from './pad';
 import { ActionButton } from './pad/buttons';
 import "./CustomEmbeddableRenderer.scss";
@@ -36,7 +35,7 @@ export const renderCustomEmbeddable = (
         title = "HTML Editor";
         break;
       case 'editor':
-        content = <Editor element={element} appState={appState} excalidrawAPI={excalidrawAPI} />;
+        content = <Editor element={element} excalidrawAPI={excalidrawAPI} />;
         title = "Code Editor";
         break;
       case 'terminal':
@@ -64,10 +63,6 @@ export const renderCustomEmbeddable = (
         content = <Dashboard element={element} appState={appState} excalidrawAPI={excalidrawAPI} />;
         title = "Dashboard";
         break;
-      case 'dev':
-        content = <DevTools element={element} appState={appState} excalidrawAPI={excalidrawAPI} />;
-        title = "Dev Tools";
-        break;
       default:
         title = "Untitled";
         return null;

src/frontend/src/pad/DevTools.scss

@@ -5,11 +5,9 @@ export * from './Dashboard';
 export * from './Terminal';
 export * from './buttons';
 export * from './editors';
-export * from './DevTools';
 
 // Default exports
 export { default as ControlButton } from './buttons/ControlButton';
 export { default as StateIndicator } from './StateIndicator';
 export { default as Dashboard } from './Dashboard';
 export { default as Terminal } from './Terminal';
-export { default as DevTools } from './DevTools';

src/frontend/src/pad/DevTools.tsx

@@ -67,22 +67,6 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
     });
   };
 
-  const handleDevToolsClick = () => {
-    if (!excalidrawAPI) return;
-    
-    const devToolsElement = ExcalidrawElementFactory.createEmbeddableElement({
-      link: "!dev",
-      width: 800,
-      height: 500
-    });
-    
-    ExcalidrawElementFactory.placeInScene(devToolsElement, excalidrawAPI, {
-      mode: PlacementMode.NEAR_VIEWPORT_CENTER,
-      bufferPercentage: 10,
-      scrollToView: true
-    });
-  };
-
   const handleInsertButtonClick = () => {
     if (!excalidrawAPI) return;
 
@@ -262,12 +246,6 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
         >
           Action Button
         </MainMenu.Item>
-        <MainMenu.Item
-          icon={<FlaskConical />}
-          onClick={handleDevToolsClick}
-        >
-          Dev. Tools
-        </MainMenu.Item>
       </MainMenu.Group>
 
       <MainMenu.Separator />