[PB-3527]:feat/replace custom file grid with UI library Grid component

package.json

@@ -10,7 +10,7 @@
     "@internxt/css-config": "1.1.0",
     "@internxt/lib": "1.4.1",
     "@internxt/sdk": "=1.15.6",
-    "@internxt/ui": "=0.1.8",
+    "@internxt/ui": "=0.1.15",
     "@phosphor-icons/react": "^2.1.7",
     "@popperjs/core": "^2.11.6",
     "@reduxjs/toolkit": "^1.6.0",

src/app/core/layouts/HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx

@@ -8,7 +8,6 @@ import { AppView } from '../../types';
 import { useAppDispatch, useAppSelector } from 'app/store/hooks';
 import TaskLogger from 'app/tasks/components/TaskLogger/TaskLogger';
 import DriveItemInfoMenu from 'app/drive/components/DriveItemInfoMenu/DriveItemInfoMenu';
-import SharedFolderTooBigDialog from '../../../drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog';
 import { getAppConfig } from 'services/config.service';
 import ShareItemDialog from '../../../../views/Shared/components/ShareItemDialog/ShareItemDialog';
 import { Sidebar as VersionHistorySidebar } from '../../../../views/Drive/components/VersionHistory';
@@ -24,7 +23,6 @@ export default function HeaderAndSidenavLayout(props: HeaderAndSidenavLayoutProp
   const itemToShare = useAppSelector((state) => state.storage.itemToShare);
   const isShareItemDialogOpen = useAppSelector((state) => state.ui.isShareItemDialogOpen);
   const isReachedPlanLimitDialogOpen = useAppSelector((state) => state.ui.isReachedPlanLimitDialogOpen);
-  const isSharedFolderTooBigDialogOpen = useAppSelector((state) => state.ui.isSharedFolderTooBigDialogOpen);
   const isDriveItemInfoMenuOpen = useAppSelector((state) => state.ui.isDriveItemInfoMenuOpen);
   const driveItemInfo = useAppSelector((state) => state.ui.currentFileInfoMenuItem);
   const onDriveItemInfoMenuClosed = () => {
@@ -42,7 +40,6 @@ export default function HeaderAndSidenavLayout(props: HeaderAndSidenavLayoutProp
     <div className="flex h-auto min-h-full flex-col">
       {isShareItemDialogOpen && itemToShare && <ShareItemDialog share={itemToShare?.share} item={itemToShare.item} />}
       {isReachedPlanLimitDialogOpen && <ReachedPlanLimitDialog />}
-      {isSharedFolderTooBigDialogOpen && <SharedFolderTooBigDialog />}
 
       <div className="flex h-1 grow">
         <Sidenav />

src/app/drive/components/ReachedPlanLimitDialog/ReachedPlanLimitDialog.tsx

@@ -1,7 +1,6 @@
 import navigationService from 'services/navigation.service';
 import { useTranslationContext } from 'app/i18n/provider/TranslationProvider';
-import BaseDialog from 'components/BaseDialog';
-import { Button } from '@internxt/ui';
+import { Button, BaseDialog } from '@internxt/ui';
 import { useAppDispatch, useAppSelector } from 'app/store/hooks';
 import { uiActions } from 'app/store/slices/ui';
 import DriveStorageError from 'assets/images/drive-error.svg';

src/app/drive/components/UploadItemsFailsDialog/UploadItemsFailsDialog.tsx

@@ -1,6 +1,5 @@
 import { useTranslationContext } from 'app/i18n/provider/TranslationProvider';
-import BaseDialog from 'components/BaseDialog';
-import { Button } from '@internxt/ui';
+import { Button, BaseDialog } from '@internxt/ui';
 import { RootState } from 'app/store';
 import { useAppDispatch, useAppSelector } from 'app/store/hooks';
 import { uiActions } from 'app/store/slices/ui';

src/app/store/slices/ui/index.ts

@@ -22,7 +22,6 @@ interface UISliceState {
   isReachedPlanLimitDialogOpen: boolean;
   isUpgradePlanDialogOpen: boolean;
   currentUpgradePlanDialogInfo: UpgradePlanDialogInfo | null;
-  isSharedFolderTooBigDialogOpen: boolean;
   isShareItemDialogOpen: boolean;
   isShareItemDialogOpenInPreviewView: boolean;
   isUploadItemsFailsDialogOpen: boolean;
@@ -61,7 +60,6 @@ const initialState: UISliceState = {
   isReachedPlanLimitDialogOpen: false,
   isUpgradePlanDialogOpen: false,
   currentUpgradePlanDialogInfo: null,
-  isSharedFolderTooBigDialogOpen: false,
   isShareItemDialogOpen: false,
   isShareItemDialogOpenInPreviewView: false,
   isUploadItemsFailsDialogOpen: false,
@@ -148,9 +146,6 @@ export const uiSlice = createSlice({
     setCurrentUpgradePlanDialogInfo: (state: UISliceState, action: PayloadAction<UpgradePlanDialogInfo | null>) => {
       state.currentUpgradePlanDialogInfo = action.payload;
     },
-    setIsSharedFolderTooBigDialogOpen: (state: UISliceState, action: PayloadAction<boolean>) => {
-      state.isSharedFolderTooBigDialogOpen = action.payload;
-    },
     setIsShareItemDialogOpen: (state: UISliceState, action: PayloadAction<boolean>) => {
       state.isShareItemDialogOpen = action.payload;
     },
@@ -214,7 +209,6 @@ export const {
   setIsReachedPlanLimitDialogOpen,
   setIsUpgradePlanDialogOpen,
   setCurrentUpgradePlanDialogInfo,
-  setIsSharedFolderTooBigDialogOpen,
   setIsShareItemDialogOpen,
   setIsDeleteBackupDialog,
   setIsUploadItemsFailsDialogOpen,