Split back fetch more loader for record table and emails (#3693)

* Split back fetch more loader

* Rename loader

---------

Co-authored-by: Thomas Trompette <thomast@twenty.com>

packages/twenty-front/src/modules/ui/utilities/loading-state/components/FetchMoreLoader.tsx

@@ -1,34 +0,0 @@
-import { useInView } from 'react-intersection-observer';
-import styled from '@emotion/styled';
-
-import { grayScale } from '@/ui/theme/constants/colors';
-
-type FetchMoreLoaderProps = {
-  loading: boolean;
-  onLastRowVisible: (...args: any[]) => any;
-};
-
-const StyledText = styled.div`
-  align-items: center;
-  box-shadow: none;
-  color: ${grayScale.gray40};
-  display: flex;
-  height: 32px;
-  margin-left: ${({ theme }) => theme.spacing(8)};
-  padding-left: ${({ theme }) => theme.spacing(2)};
-`;
-
-export const FetchMoreLoader = ({
-  loading,
-  onLastRowVisible,
-}: FetchMoreLoaderProps) => {
-  const { ref: tbodyRef } = useInView({
-    onChange: onLastRowVisible,
-  });
-
-  return (
-    <div ref={tbodyRef}>
-      {loading && <StyledText>Loading more...</StyledText>}
-    </div>
-  );
-};