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/companies/CompaniesMockMode.tsx

@@ -0,0 +1,40 @@
+import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
+
+import { RecoilScope } from '@/recoil-scope/components/RecoilScope';
+import { EntityTableActionBar } from '@/ui/components/table/action-bar/EntityTableActionBar';
+import { IconBuildingSkyscraper } from '@/ui/icons/index';
+import { WithTopBarContainer } from '@/ui/layout/containers/WithTopBarContainer';
+import { TableContext } from '@/ui/tables/states/TableContext';
+
+import { TableActionBarButtonCreateCommentThreadCompany } from './table/TableActionBarButtonCreateCommentThreadCompany';
+import { TableActionBarButtonDeleteCompanies } from './table/TableActionBarButtonDeleteCompanies';
+import { CompanyTableMockMode } from './CompanyTableMockMode';
+
+const StyledTableContainer = styled.div`
+  display: flex;
+  width: 100%;
+`;
+
+export function CompaniesMockMode() {
+  const theme = useTheme();
+
+  return (
+    <>
+      <WithTopBarContainer
+        title="Companies"
+        icon={<IconBuildingSkyscraper size={theme.icon.size.md} />}
+      >
+        <RecoilScope SpecificContext={TableContext}>
+          <StyledTableContainer>
+            <CompanyTableMockMode />
+          </StyledTableContainer>
+          <EntityTableActionBar>
+            <TableActionBarButtonCreateCommentThreadCompany />
+            <TableActionBarButtonDeleteCompanies />
+          </EntityTableActionBar>
+        </RecoilScope>
+      </WithTopBarContainer>
+    </>
+  );
+}

front/src/pages/companies/CompanyTableMockMode.tsx

@@ -0,0 +1,32 @@
+import { IconList } from '@tabler/icons-react';
+
+import { EntityTable } from '@/ui/components/table/EntityTable';
+import { HooksEntityTable } from '@/ui/components/table/HooksEntityTable';
+import { mockedCompaniesData } from '~/testing/mock-data/companies';
+
+import { useCompaniesColumns } from './companies-columns';
+import { companiesFilters } from './companies-filters';
+import { availableSorts } from './companies-sorts';
+
+export function CompanyTableMockMode() {
+  const companiesColumns = useCompaniesColumns();
+
+  const companies = mockedCompaniesData;
+
+  return (
+    <>
+      <HooksEntityTable
+        numberOfColumns={companiesColumns.length}
+        numberOfRows={companies.length}
+        availableTableFilters={companiesFilters}
+      />
+      <EntityTable
+        data={companies}
+        columns={companiesColumns}
+        viewName="All Companies"
+        viewIcon={<IconList size={16} />}
+        availableSorts={availableSorts}
+      />
+    </>
+  );
+}