update 5 files

src/App.js

@@ -140,7 +140,7 @@ function App() {
         {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
-        {/* <DistributedData /> */}
+        <DistributedData />
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
         {/* <LeafletMap /> */}

src/components/ProfileInfo/index.js

@@ -5,7 +5,7 @@ import arrowDown from "./arrow-down.svg";
 
 const ProfileInfo = ({ name, role }) => {
   return (
-    <div className="flex flex-row items-center justify-center">
+    <div className="flex flex-row items-center bg-red-500">
       <img src={profilePic} className="rounded-full" alt="profile-pic" />
       <div className="mx-4">
         <p className="text-[#0F0543] font-bold text-sm">{name}</p>

src/components/UserProfileInfo/index.js

@@ -5,18 +5,14 @@ import ProfileInfo from "../ProfileInfo";
 
 const UserProfileInfo = () => {
   return (
-    <div className="max-w-[380px] flex flex-row-reverse items-center justify-between divide-x bg-blue-200">
+    <div className="flex flex-col">
-      {/* ? date && time */}
+      {/* ? time */}
-      <div className="">
+      <div className="flex flex-row items-center mb-2">
-        {/* ? time */}
+        <span className="text-xs ml-2 text-[#0F0543] ">ساعت</span>
-        <div className="flex flex-row items-center mb-2">
+        <CurrentTime color={"text-[#2A527A]"} fontSize={"text-xs"} />
-          <span className="text-xs ml-2 text-[#0F0543] ">ساعت</span>
-          <CurrentTime color={"text-[#2A527A]"} fontSize={"text-xs"} />
-        </div>
-        {/* ? date */}
-        <CurrentDateShamsi color={"text-[#2A527A]"} fontSize={"text-xs"} />
       </div>
-      <ProfileInfo />
+      {/* ? date */}
+      <CurrentDateShamsi color={"text-[#2A527A]"} fontSize={"text-xs"} />
     </div>
   );
 };