feat(blockly): Phase C Step 5 WIP - Add imports and template for tabs

- Updated nodegrapheditor.html template with canvas-tabs-root
- Added imports for CanvasTabsProvider and CanvasTabs
- Added canvasTabsRoot property to NodeGraphEditor class

Next: Add render logic and event handlers

packages/noodl-editor/src/editor/src/templates/nodegrapheditor.html

@@ -1,4 +1,7 @@
 <div class="nodegrapgeditor-bg nodegrapheditor-canvas" style="width: 100%; height: 100%">
+  <!-- Canvas Tabs Root (for React component) -->
+  <div id="canvas-tabs-root" style="width: 100%; height: 100%"></div>
+  
   <!--
     wrap in a div to not trigger chromium bug where comments "scrolls" all the siblings
     if comments are below the bottom of the parent

packages/noodl-editor/src/editor/src/views/nodegrapheditor.ts

@@ -24,6 +24,7 @@ import { PopupToolbar, PopupToolbarProps } from '@noodl-core-ui/components/popup
 
 import { EventDispatcher } from '../../../shared/utils/EventDispatcher';
 import View from '../../../shared/view';
+import { CanvasTabsProvider } from '../contexts/CanvasTabsContext';
 import { ComponentModel } from '../models/componentmodel';
 import {
   Connection,
@@ -40,6 +41,7 @@ import DebugInspector from '../utils/debuginspector';
 import { rectanglesOverlap, guid } from '../utils/utils';
 import { ViewerConnection } from '../ViewerConnection';
 import { HighlightOverlay } from './CanvasOverlays/HighlightOverlay';
+import { CanvasTabs } from './CanvasTabs';
 import CommentLayer from './commentlayer';
 // Import test utilities for console debugging (dev only)
 import '../services/HighlightManager/test-highlights';
@@ -234,6 +236,7 @@ export class NodeGraphEditor extends View {
   toolbarRoots: Root[] = [];
   titleRoot: Root = null;
   highlightOverlayRoot: Root = null;
+  canvasTabsRoot: Root = null;
 
   constructor(args) {
     super();