Refactor Layout (#322)

* Refactor Layout

* Fix storybook

* Fixing tests by forcing msw version before regression

front/src/pages/settings/SettingsProfile.tsx

@@ -1,14 +1,20 @@
+import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
 import { currentUserState } from '@/auth/states/currentUserState';
-import { SettingsPage } from '@/settings/components/SettingsPage';
+import { NoTopBarContainer } from '@/ui/layout/containers/NoTopBarContainer';
 import { TopTitle } from '@/ui/layout/top-bar/TopTitle';
 
+const StyledContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${(props) => props.theme.spacing(8)};
+`;
 export function SettingsProfile() {
   const currentUser = useRecoilValue(currentUserState);
   return (
-    <SettingsPage>
-      <>
+    <NoTopBarContainer>
+      <StyledContainer>
         <TopTitle title="Profile" />
         <div>
           <h5>Name</h5>
@@ -18,7 +24,7 @@ export function SettingsProfile() {
           <h5>Email</h5>
           <span>{currentUser?.email} </span>
         </div>
-      </>
-    </SettingsPage>
+      </StyledContainer>
+    </NoTopBarContainer>
   );
 }