diff --git a/src/components/Playlist/images/document.svg b/public/images/Playlistdocument.svg
similarity index 100%
rename from src/components/Playlist/images/document.svg
rename to public/images/Playlistdocument.svg
diff --git a/src/components/Playlist/images/gallery.svg b/public/images/Playlistgallery.svg
similarity index 100%
rename from src/components/Playlist/images/gallery.svg
rename to public/images/Playlistgallery.svg
diff --git a/src/components/Playlist/images/music-square.svg b/public/images/Playlistmusic-square.svg
similarity index 100%
rename from src/components/Playlist/images/music-square.svg
rename to public/images/Playlistmusic-square.svg
diff --git a/src/components/Playlist/images/video-play.svg b/public/images/Playlistvideo-play.svg
similarity index 100%
rename from src/components/Playlist/images/video-play.svg
rename to public/images/Playlistvideo-play.svg
diff --git a/src/App.js b/src/App.js
index 59fc1bf..8bf9f8d 100644
--- a/src/App.js
+++ b/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>
-// );
diff --git a/src/components/FileManager/index.js b/src/components/FileManager/index.js
index 187680e..af18ca7 100644
--- a/src/components/FileManager/index.js
+++ b/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";
 
diff --git a/src/components/Playlist/index.js b/src/components/MiniComponents/Playlist/index.js
similarity index 100%
rename from src/components/Playlist/index.js
rename to src/components/MiniComponents/Playlist/index.js
diff --git a/src/components/ProfilePicNextToEachOther/index.js b/src/components/ProfilePicNextToEachOther/index.js
index a83a6e7..5369cf3 100644
--- a/src/components/ProfilePicNextToEachOther/index.js
+++ b/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",
     },
   ],
 };
diff --git a/src/components/ReactTable4/Buttons.js b/src/components/ReactTable4/Buttons.js
index efeef83..ba6afa8 100644
--- a/src/components/ReactTable4/Buttons.js
+++ b/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);
diff --git a/src/components/ReactTable4/EditButtons.js b/src/components/ReactTable4/EditButtons.js
index d6357ce..ef07c6a 100644
--- a/src/components/ReactTable4/EditButtons.js
+++ b/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";
diff --git a/src/components/ReactTable4/index.js b/src/components/ReactTable4/index.js
index 7bd174b..199693a 100644
--- a/src/components/ReactTable4/index.js
+++ b/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([