Add an edit page

frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx

@@ -6,6 +6,7 @@ import {
   faFilm,
   faPaintbrush,
   faImage,
+  faPenNib,
   // faGem,
 } from "@fortawesome/pro-solid-svg-icons";
 import { Button } from "@storyteller/ui-button";
@@ -71,6 +72,11 @@ const appMenuTabs: MenuIconItem[] = [
     label: "Image to Video",
     icon: <FontAwesomeIcon icon={faFilm} />,
   },
+  {
+    id: "EDIT",
+    label: "Edit Image",
+    icon: <FontAwesomeIcon icon={faPenNib} />,
+  }
 ];
 
 export const topNavMediaId = signal<string>("");

frontend/apps/editor3d/app/src/pages/Stores/TabState.ts

@@ -1,7 +1,7 @@
 import { create } from 'zustand';
 import { useSceneStore } from '../PageDraw/stores/SceneState';
 
-export type TabId = '2D' | '3D' | 'VIDEO' | 'IMAGE';
+export type TabId = '2D' | '3D' | 'VIDEO' | 'IMAGE' | 'EDIT';
 
 interface TabState {
   // Current active tab
@@ -23,7 +23,7 @@ export const useTabStore = create<TabState>((set, get) => ({
 
   setActiveTab: async (newTabId) => {
     const currentTabId = get().activeTabId;
-    
+
     // Don't do anything if we're already on this tab
     if (currentTabId === newTabId) return true;