refactoring and introduce new components

.gitignore

@@ -24,3 +24,6 @@ go.work.sum
 
 # env file
 .env
+
+#binary file
+zasper_go

ui/src/lab/commandPalette/commandPalette.tsx

@@ -0,0 +1,9 @@
+import React, { useState, useEffect } from 'react';
+
+export default function CommandPalette(props) {
+    return (
+        <div className="nav-content">
+            CommandPalette
+        </div>
+    )
+}

ui/src/lab/editor/ContentPanel.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import SuperTab from '../tabs/SuperTab';
+import SuperTab from './SuperTab';
 
 export default function ContentPanel(props) {
 

ui/src/lab/tabs/SuperTab.tsx → ui/src/lab/editor/SuperTab.tsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from 'react';
 import FileTab from './FileTab';
 import LauncherTab from './LauncherTab';
 import NbFileTab from './NbFileTab';
-import TerminalTab from './TerminalTab';
+import TerminalTab from '../terminal/Terminal';
 
 export default function SuperTab(props) {
     if(props.data.type === "launcher"){

ui/src/lab/previewPane/PreviewPane.tsx

@@ -0,0 +1,9 @@
+import React, { useState, useEffect } from 'react';
+
+export default function PreviewPane(props) {
+    return (
+        <div className="nav-content">
+            Preview Pane
+        </div>
+    )
+}

ui/src/lab/toolbar/Toolbar.tsx

@@ -0,0 +1,9 @@
+import React, { useState, useEffect } from 'react';
+
+export default function Toolbar(props) {
+    return (
+        <div>
+            Toolbar
+        </div>
+    )
+}