Add new viewer and console toolbar (handle + settings)

Related to #360

app/web/src/components/PanelToolbar/PanelToolbar.tsx

@@ -0,0 +1,21 @@
+import { useContext } from 'react'
+import { MosaicWindowContext } from 'react-mosaic-component'
+import Svg from 'src/components/Svg/Svg'
+
+const PanelToolbar = ({ panelName }: { panelName : string }) => {
+  const {mosaicWindowActions} = useContext(MosaicWindowContext)
+  return (
+    <div className="absolute top-0 left-0 flex items-center h-9">
+      {mosaicWindowActions.connectDragSource(
+        <div className=" text-gray-500 bg-gray-300 cursor-grab px-2 h-full flex items-center">
+          <Svg name='drag-grid' className="w-4 p-px" />
+        </div>
+      )}
+      <button className="bg-gray-500 text-gray-300 px-3 rounded-br-lg h-full" aria-label={`${panelName} settings`}>
+        <Svg name='gear' className="w-7 p-px" />
+      </button>
+    </div>
+  )
+}
+
+export default PanelToolbar