update App.js

src/App.js

@@ -88,6 +88,7 @@ import TestComponentNew from "./components/TestComponentNew";
 import DateRangePicker from "./components/DateRangePicker";
 import BoxNextToEachOther from "./components/BoxNextToEachOther";
 import ProfileInfo from "./components/ProfileInfo";
+import UserProfileInfo from "./components/UserProfileInfo";
 
 function App() {
   return (
@@ -175,8 +176,8 @@ function App() {
         {/* <CustomToast /> */}
         {/* <DateRangePicker /> */}
         {/* <BoxNextToEachOther /> */}
-        <ProfileInfo />
+        {/* <ProfileInfo /> */}
-
+        <UserProfileInfo />
         {/* <div className="flex">
           <SidebarDesign2 className="w-1/5" />
           <span className="w-4/5 ">

src/components/UserProfileInfo/index.js

@@ -0,0 +1,7 @@
+import React from "react";
+
+const UserProfileInfo = () => {
+  return <div>UserProfileInfo</div>;
+};
+
+export default UserProfileInfo;