feat: add format to ddmmyyyy util function

src/layouts/Header/Header.tsx

@@ -20,6 +20,7 @@ import {
 } from "../../stores/store";
 import { accountSession } from "../../stores/slices/accountSlice";
 import { FaUserAlt } from "react-icons/fa";
+import { formatToDDMMYYYY } from "../../utils/utils";
 
 const devices = [
   {
@@ -106,7 +107,9 @@ const Header: React.FC = () => {
                   <p>
                     {t("session.activeTill")}:{" "}
                     {session.subDateEnd ? (
-                      <span className="text-success">{session.subDateEnd}</span>
+                      <span className="text-success">
+                        {formatToDDMMYYYY(session.subDateEnd)}
+                      </span>
                     ) : (
                       <span className="text-danger">
                         {t("session.noSubscription")}

src/utils/utils.ts

@@ -19,3 +19,12 @@ export const generateDeviceId = (): string => {
 
   return id;
 };
+
+export const formatToDDMMYYYY = (dateString: string) => {
+  const date = new Date(dateString);
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+
+  return `${day}/${month}/${year}`;
+};