Implemtation in progress, UIX working , replacing in ContainerOperations.ts working but not properly need fix

src/Components/Viewer/Viewer.tsx

@@ -12,6 +12,7 @@ import { SVG } from '../SVG/SVG';
 import { RenderSymbol } from '../Canvas/Symbol';
 
 interface IViewerProps {
+  className: string
   isLeftSidebarOpen: boolean
   isRightSidebarOpen: boolean
   current: IHistoryState
@@ -73,6 +74,7 @@ function UseSVGAutoResizerOnSidebar(
 }
 
 export function Viewer({
+  className,
   isLeftSidebarOpen, isRightSidebarOpen,
   current,
   selectedContainer,
@@ -160,7 +162,7 @@ export function Viewer({
     return (
       <Canvas
         draw={Draw}
-        className='ml-16'
+        className={`ml-16 ${className}`}
         width={window.innerWidth - BAR_WIDTH}
         height={window.innerHeight}
       />
@@ -169,7 +171,7 @@ export function Viewer({
 
   return (
     <SVG
-      className={marginClasses}
+      className={`${marginClasses} ${className}`}
       viewerWidth={viewer.viewerWidth}
       viewerHeight={viewer.viewerHeight}
       width={mainContainer.properties.width}