feat: workspace update name and logo (#553)

* feat: workspace update name and logo

* fix: remove logs

* fix: disable warning until refacto

* Fix text

---------

Co-authored-by: Emilien <emilien.chauvet.enpc@gmail.com>

front/src/pages/settings/SettingsWorkspace.tsx

@@ -0,0 +1,46 @@
+import styled from '@emotion/styled';
+
+import { NameField } from '@/settings/workspace/components/NameField';
+import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader';
+import { MainSectionTitle } from '@/ui/components/section-titles/MainSectionTitle';
+import { SubSectionTitle } from '@/ui/components/section-titles/SubSectionTitle';
+import { NoTopBarContainer } from '@/ui/layout/containers/NoTopBarContainer';
+
+const StyledContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${({ theme }) => theme.spacing(8)};
+  width: 350px;
+  > * + * {
+    margin-top: ${({ theme }) => theme.spacing(8)};
+  }
+`;
+
+const StyledSectionContainer = styled.div`
+  > * + * {
+    margin-top: ${({ theme }) => theme.spacing(4)};
+  }
+`;
+
+export function SettingsWorksapce() {
+  return (
+    <NoTopBarContainer>
+      <div>
+        <StyledContainer>
+          <MainSectionTitle>General</MainSectionTitle>
+          <StyledSectionContainer>
+            <SubSectionTitle title="Picture" />
+            <WorkspaceLogoUploader />
+          </StyledSectionContainer>
+          <StyledSectionContainer>
+            <SubSectionTitle
+              title="Name"
+              description="Name of your workspace"
+            />
+            <NameField />
+          </StyledSectionContainer>
+        </StyledContainer>
+      </div>
+    </NoTopBarContainer>
+  );
+}