chore: update time in real-time in dashboard and profile sidebar (#3489)

* chore: update dashboard and profile time in realtime

* chore: remove seconds

* fix: cycle and module sidebar datepicker

web/components/profile/sidebar.tsx

@@ -7,6 +7,8 @@ import { observer } from "mobx-react-lite";
 import { useUser } from "hooks/store";
 // services
 import { UserService } from "services/user.service";
+// components
+import { ProfileSidebarTime } from "./time";
 // ui
 import { Loader, Tooltip } from "@plane/ui";
 // icons
@@ -34,16 +36,6 @@ export const ProfileSidebar = observer(() => {
       : null
   );
 
-  // Create a date object for the current time in the specified timezone
-  const currentTime = new Date();
-  const formatter = new Intl.DateTimeFormat("en-US", {
-    timeZone: userProjectsData?.user_data.user_timezone,
-    hour12: false, // Use 24-hour format
-    hour: "2-digit",
-    minute: "2-digit",
-  });
-  const timeString = formatter.format(currentTime);
-
   const userDetails = [
     {
       label: "Joined on",
@@ -51,11 +43,7 @@ export const ProfileSidebar = observer(() => {
     },
     {
       label: "Timezone",
-      value: (
-        <span>
-          {timeString} <span className="text-custom-text-200">{userProjectsData?.user_data.user_timezone}</span>
-        </span>
-      ),
+      value: <ProfileSidebarTime timeZone={userProjectsData?.user_data.user_timezone} />,
     },
   ];