[#1130] missing sidebar on profile page

frontend/src/App.js

@@ -227,15 +227,15 @@ const RouteList = () => {
           element={<Private element={AddAssignment} alias="mobile" />}
         />
         <Route exact path="form/:formId" element={<Forms />} />
+        <Route
+          path="profile"
+          element={<Private element={Profile} alias="profile" />}
+        />
       </Route>
       <Route
         path="/settings"
         element={<Private element={Settings} alias="settings" />}
       />
-      <Route
-        path="/profile"
-        element={<Private element={Profile} alias="profile" />}
-      />
       <Route
         path="/reports"
         element={<Private element={Reports} alias="reports" />}

frontend/src/components/layout/Header.jsx

@@ -85,7 +85,11 @@ const Header = ({ className = "header", ...props }) => {
       {
         key: "profile",
         label: (
-          <Link key="profile" className="usermenu-menu-item" to="/profile">
+          <Link
+            key="profile"
+            className="usermenu-menu-item"
+            to="/control-center/profile"
+          >
             {text?.myProfile}
           </Link>
         ),

frontend/src/pages/approvals/style.scss

@@ -59,6 +59,10 @@
           }
         }
 
+        .ant-list-item-meta-title div {
+          font-size: 14px;
+        }
+
         .ant-table-row.table-row-expanded {
           color: $blue;
 

frontend/src/pages/profile/style.scss

@@ -1,11 +1,14 @@
 @import "../../variables";
 
 #root {
+  .ant-card {
+    height: auto;
+  }
   #profile {
+    padding: 24px;
     .ant-card {
       margin-top: 20px;
     }
-
     h1 {
       text-align: left;
       font: normal normal 600 $font-size-large $font-family;

frontend/src/util/date.js

@@ -34,3 +34,17 @@ export const eraseCookieFromAllPaths = (name) => {
       name + "=; expires=Thu, 01-Jan-1970 00:00:01 GMT;" + pathCurrent + ";";
   }
 };
+
+export const getTimeDifferenceText = (targetDate, format) => {
+  const targetDateTime = moment(targetDate, format);
+  const currentDateTime = moment();
+  const timeDifference = currentDateTime.diff(targetDateTime, "seconds");
+  const secondsInADay = 86400; // 24 hours * 60 minutes * 60 seconds
+
+  if (timeDifference < secondsInADay) {
+    const hoursAgo = Math.floor(timeDifference / 3600);
+    return hoursAgo <= 1 ? "an hour ago" : `${hoursAgo} hours ago`;
+  }
+  const daysAgo = Math.floor(timeDifference / secondsInADay);
+  return daysAgo === 1 ? "a day ago" : `${daysAgo} days ago`;
+};