chore: one less div

apps/ligo-virgo/src/pages/AppContainer.tsx

@@ -1,11 +1,20 @@
-import { Outlet } from 'react-router-dom';
+import { css, Global } from '@emotion/react';
-
 import { LayoutHeader, SettingsSidebar } from '@toeverything/components/layout';
 import { styled } from '@toeverything/components/ui';
+import { Outlet } from 'react-router-dom';
 
 export function LigoVirgoRootContainer() {
     return (
-        <StyledRootContainer id="idAppRoot">
+        <>
+            <Global
+                styles={css`
+                    #root {
+                        display: flex;
+                        flex-direction: row;
+                        height: 100vh;
+                    }
+                `}
+            />
             <StyledContentContainer>
                 <LayoutHeader />
                 <StyledMainContainer>
@@ -13,7 +22,7 @@ export function LigoVirgoRootContainer() {
                 </StyledMainContainer>
             </StyledContentContainer>
             <SettingsSidebar />
-        </StyledRootContainer>
+        </>
     );
 }
 
@@ -23,12 +32,6 @@ const StyledMainContainer = styled('div')({
     overflowY: 'hidden',
 });
 
-const StyledRootContainer = styled('div')({
-    display: 'flex',
-    flexDirection: 'row',
-    height: '100vh',
-});
-
 const StyledContentContainer = styled('div')({
     flex: 'auto',
     display: 'flex',