Remove MockMode mocking apollo queries + Add profile picture image upload during onboarding (#539)

* Remove MockMode mocking apollo queries + Add profile picture image upload

* lower line code coverage until we have tests on hotkyes

front/src/pages/settings/SettingsProfile.tsx

@@ -1,5 +1,7 @@
 import styled from '@emotion/styled';
 
+import { useHotkeysScopeOnMountOnly } from '@/hotkeys/hooks/useHotkeysScopeOnMountOnly';
+import { InternalHotkeysScope } from '@/hotkeys/types/internal/InternalHotkeysScope';
 import { EmailField } from '@/settings/profile/components/EmailField';
 import { NameFields } from '@/settings/profile/components/NameFields';
 import { PictureUploader } from '@/settings/profile/components/PictureUploader';
@@ -24,6 +26,11 @@ const StyledSectionContainer = styled.div`
 `;
 
 export function SettingsProfile() {
+  useHotkeysScopeOnMountOnly({
+    scope: InternalHotkeysScope.Settings,
+    customScopes: { 'command-menu': true, goto: false },
+  });
+
   return (
     <NoTopBarContainer>
       <StyledContainer>

front/src/pages/settings/__stories__/SettingsWorkspaceMembers.stories.tsx

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { graphqlMocks } from '~/testing/graphqlMocks';
+import { getRenderWrapperForPage } from '~/testing/renderWrappers';
+
+import { SettingsWorkspaceMembers } from '../SettingsWorkspaceMembers';
+
+const meta: Meta<typeof SettingsWorkspaceMembers> = {
+  title: 'Pages/Settings/SettingsWorkspaceMembers',
+  component: SettingsWorkspaceMembers,
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsWorkspaceMembers>;
+
+export const Default: Story = {
+  render: getRenderWrapperForPage(
+    <SettingsWorkspaceMembers />,
+    '/settings/workspace-members',
+  ),
+  parameters: {
+    msw: graphqlMocks,
+  },
+};