Add ability to remove profile picture on Profile Settings (#538)

* Add ability to remove profile picture on Profile Settings

* Fix lint

* Fix according to review

front/src/pages/auth/CreateProfile.tsx

@@ -16,7 +16,7 @@ import { MainButton } from '@/ui/components/buttons/MainButton';
 import { ImageInput } from '@/ui/components/inputs/ImageInput';
 import { TextInput } from '@/ui/components/inputs/TextInput';
 import { SubSectionTitle } from '@/ui/components/section-titles/SubSectionTitle';
-import { GET_CURRENT_USER } from '@/users/services';
+import { GET_CURRENT_USER } from '@/users/queries';
 import { useUpdateUserMutation } from '~/generated/graphql';
 
 const StyledContentContainer = styled.div`

front/src/pages/auth/CreateWorkspace.tsx

@@ -13,7 +13,7 @@ import { MainButton } from '@/ui/components/buttons/MainButton';
 import { ImageInput } from '@/ui/components/inputs/ImageInput';
 import { TextInput } from '@/ui/components/inputs/TextInput';
 import { SubSectionTitle } from '@/ui/components/section-titles/SubSectionTitle';
-import { GET_CURRENT_USER } from '@/users/services';
+import { GET_CURRENT_USER } from '@/users/queries';
 import { useUpdateWorkspaceMutation } from '~/generated/graphql';
 
 const StyledContentContainer = styled.div`

front/src/pages/auth/__stories__/CreateProfile.stories.tsx

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { AuthModal } from '@/auth/components/ui/Modal';
+import { AuthLayout } from '@/ui/layout/AuthLayout';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+import { getRenderWrapperForPage } from '~/testing/renderWrappers';
+
+import { CreateProfile } from '../CreateProfile';
+
+const meta: Meta<typeof CreateProfile> = {
+  title: 'Pages/Auth/CreateProfile',
+  component: CreateProfile,
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof CreateProfile>;
+
+export const Default: Story = {
+  render: getRenderWrapperForPage(
+    <AuthLayout>
+      <AuthModal>
+        <CreateProfile />
+      </AuthModal>
+    </AuthLayout>,
+    '/auth/create-profile',
+  ),
+  parameters: {
+    msw: graphqlMocks,
+  },
+};

front/src/pages/auth/__stories__/CreateWorkspace.stories.tsx

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { AuthModal } from '@/auth/components/ui/Modal';
+import { AuthLayout } from '@/ui/layout/AuthLayout';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+import { getRenderWrapperForPage } from '~/testing/renderWrappers';
+
+import { CreateWorkspace } from '../CreateWorkspace';
+
+const meta: Meta<typeof CreateWorkspace> = {
+  title: 'Pages/Auth/CreateWorkspace',
+  component: CreateWorkspace,
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof CreateWorkspace>;
+
+export const Default: Story = {
+  render: getRenderWrapperForPage(
+    <AuthLayout>
+      <AuthModal>
+        <CreateWorkspace />
+      </AuthModal>
+    </AuthLayout>,
+    '/auth/create-workspace',
+  ),
+  parameters: {
+    msw: graphqlMocks,
+  },
+};