update 7 files and delete 5 files

src/App.js

@@ -5,8 +5,6 @@ import { Provider } from "react-redux";
 import store from "./redux/store";
 import "./App.scss";
 
-const MyMahdi = lazy(() => import("./mahdi"));
-
 // import "rc-slider/assets/index.css";
 // import "react-circular-progressbar/dist/styles.css";
 
@@ -20,19 +18,7 @@ function App() {
         </Provider>
       </Suspense>
     </>
-    //   <>
-    //   <div className="bg-red-400">mahdi lazy loaded</div>
-    //   <Suspense fallback={<div>Loading...</div>}>
-    //     <MyMahdi />
-    //   </Suspense>
-    // </>
   );
 }
 
 export default App;
-
-// return (
-//   <Provider store={store}>
-//     <Router />
-//   </Provider>
-// );

src/components/FileManager/index.js

@@ -5,7 +5,7 @@ import SearchBox from "../SearchDesign/SearchBox";
 import TitleSubtitle from "../MiniComponents/TitleSubtitle";
 import CardHolder from "../CardDesgin/CardHolder";
 import Button from "../ButtonDesign/Button";
-import Playlist from "../Playlist";
+import Playlist from "../MiniComponents/Playlist";
 import Folderlists from "../Folderlist";
 import UploadFile from "../UploadFile";
 

src/components/ProfilePicNextToEachOther/index.js

@@ -1,11 +1,5 @@
 import React from "react";
 
-import profilePic1 from "./images/profilePic1.svg";
-import profilePic2 from "./images/profilePic2.svg";
-import profilePic3 from "./images/profilePic3.svg";
-import profilePic4 from "./images/profilePic4.svg";
-import profilePic5 from "./images/profilePic5.svg";
-
 const ProfilePicNextToEachOther = ({
   users,
   num,
@@ -46,19 +40,19 @@ ProfilePicNextToEachOther.defaultProps = {
 
   users: [
     {
-      picture: profilePic1,
+      picture: "images/ProfilePicNextToEachOtherprofilePic1.svg",
     },
     {
-      picture: profilePic2,
+      picture: "images/ProfilePicNextToEachOtherprofilePic2.svg",
     },
     {
-      picture: profilePic3,
+      picture: "images/ProfilePicNextToEachOtherprofilePic3.svg",
     },
     {
-      picture: profilePic4,
+      picture: "images/ProfilePicNextToEachOtherprofilePic4.svg",
     },
     {
-      picture: profilePic5,
+      picture: "images/ProfilePicNextToEachOtherprofilePic5.svg",
     },
   ],
 };

src/components/ReactTable4/Buttons.js

@@ -4,7 +4,7 @@ import arrowIcon from "./arrow-icon.svg";
 import more from "./more2.svg";
 import edit from "./edit.svg";
 
-import DropDown from "../DropDown";
+import DropDown from "../MiniComponents/DropDown";
 
 export const Buttons = ({ row, addTab }) => {
   const [activeDetails, setActiveDetails] = useState(null);

src/components/ReactTable4/EditButtons.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import Table from "./BasicTable";
 
-import DropDown from "../DropDown";
+import DropDown from "../MiniComponents/DropDown";
 
 import filter from "./filter.svg";
 import plus from "./plus.svg";

src/components/ReactTable4/index.js

@@ -3,11 +3,11 @@
 import React, { useRef, useState } from "react";
 
 import BasicTable from "./BasicTable";
-import TitleSubtitle from "../TitleSubtitle";
+import TitleSubtitle from "../MiniComponents/BreadCrumb";
 
 import MultiRangeInput from "./MultiRangeInput";
 
-import BreadCrumb from "../BreadCrumb";
+import BreadCrumb from "../MiniComponents/BreadCrumb";
 
 const ReactTable4 = ({ breadCrumbs }) => {
   const [tabs, setTabs] = useState([