Implement new UI

front/src/layout/AppLayout.tsx

@@ -1,24 +1,37 @@
 import Navbar from './navbar/Navbar';
 import styled from '@emotion/styled';
+import { ThemeProvider } from '@emotion/react';
 import { User } from '../interfaces/user.interface';
+import { Workspace } from '../interfaces/workspace.interface';
+import { lightTheme } from './styles/themes';
 
 const StyledLayout = styled.div`
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  width: 100vw;
   height: 100vh;
 `;
 
+const StyledRightContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+`;
+
 type OwnProps = {
   children: JSX.Element;
   user?: User;
+  workspace?: Workspace;
 };
 
-function AppLayout({ children, user }: OwnProps) {
+function AppLayout({ children, user, workspace }: OwnProps) {
   return (
-    <StyledLayout>
-      <Navbar user={user} />
-      <div>{children}</div>
-    </StyledLayout>
+    <ThemeProvider theme={lightTheme}>
+      <StyledLayout>
+        <Navbar user={user} workspace={workspace} />
+        <StyledRightContainer>{children}</StyledRightContainer>
+      </StyledLayout>
+    </ThemeProvider>
   );
 }