[graph] some fixes to left/right handed layout

src/Gargantext/Components/GraphExplorer.purs

@@ -132,7 +132,7 @@ explorerCpt = R.hooksComponent "G.C.GraphExplorer.explorer" cpt
             [ outer
               [ inner
                 [ rowControls [ Controls.controls controls ]
-                , R2.row [
+                , R2.row $ mainLayout handed $
                     tree { frontends
                           , handed
                           , mCurrentRoute
@@ -140,14 +140,17 @@ explorerCpt = R.hooksComponent "G.C.GraphExplorer.explorer" cpt
                           , sessions
                           , show: fst controls.showTree
                           , showLogin: snd showLogin }
-                      , RH.div { ref: graphRef, id: "graph-view", className: "col-md-12" } []  -- graph container
-                      , graphView { controls
+                    /\
+                    RH.div { ref: graphRef, id: "graph-view", className: "col-md-12" } []
+                    /\
+                    graphView { controls
                               , elRef: graphRef
                               , graphId
                               , graph
                               , multiSelectEnabledRef
                               }
-                      , mSidebar mMetaData { frontends
+                    /\
+                    mSidebar mMetaData { frontends
                                         , graph
                                         , graphId
                                         , graphVersion
@@ -161,7 +164,9 @@ explorerCpt = R.hooksComponent "G.C.GraphExplorer.explorer" cpt
               ]
             ]
           ]
-          ]
+
+    mainLayout Types.RightHanded (tree' /\ gc /\ gv /\ sdb) = [tree', gc, gv, sdb]
+    mainLayout Types.LeftHanded (tree' /\ gc /\ gv /\ sdb) = [sdb, gc, gv, tree']
 
     outer = RH.div { className: "col-md-12" }
     inner = RH.div { className: "container-fluid", style: { paddingTop: "90px" } }