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/modules/ui/layout/AuthLayout.tsx

@@ -1,10 +1,14 @@
+import { useRecoilValue } from 'recoil';
+
+import { isMockModeState } from '@/auth/states/isMockModeState';
 import { Companies } from '~/pages/companies/Companies';
+import { CompaniesMockMode } from '~/pages/companies/CompaniesMockMode';
 
 export function AuthLayout({ children }: React.PropsWithChildren) {
+  const isMockMode = useRecoilValue(isMockModeState);
   return (
     <>
-      {/** Mocked data */}
-      <Companies />
+      {isMockMode ? <CompaniesMockMode /> : <Companies />}
       {children}
     </>
   );

front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx

@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
 import { currentUserState } from '@/auth/states/currentUserState';
+import { mockedUsersData } from '~/testing/mock-data/users';
 
 import NavCollapseButton from './NavCollapseButton';
 
@@ -50,15 +51,16 @@ function NavWorkspaceButton() {
 
   const currentWorkspace = currentUser?.workspaceMember?.workspace;
 
-  if (!currentWorkspace) {
-    return null;
-  }
-
   return (
     <StyledContainer>
       <LogoAndNameContainer>
-        <StyledLogo logo={currentWorkspace?.logo}></StyledLogo>
-        <StyledName>{currentWorkspace?.displayName}</StyledName>
+        <StyledLogo
+          logo={
+            currentWorkspace?.logo ??
+            mockedUsersData[0].workspaceMember.workspace.logo
+          }
+        ></StyledLogo>
+        <StyledName>{currentWorkspace?.displayName ?? 'Twenty'}</StyledName>
       </LogoAndNameContainer>
       <NavCollapseButton />
     </StyledContainer>