chore(deps,api): update date-fns and add date-fns-tz (freeCodeCamp#61048)

Author: moT01

api/package.json

@@ -20,7 +20,7 @@
     "@types/pino": "^7.0.5",
     "ajv": "8.12.0",
     "ajv-formats": "2.1.1",
-    "date-fns": "2.30.0",
+    "date-fns": "4.1.0",
     "dotenv": "16.4.5",
     "fast-uri": "2.3.0",
     "fastify": "5.2.0",

client/package.json

@@ -66,7 +66,8 @@
     "browser-cookies": "1.2.0",
     "canvas-confetti": "^1.6.0",
     "crypto-browserify": "3.12.0",
-    "date-fns": "2.30.0",
+    "date-fns": "4.1.0",
+    "date-fns-tz": "3.2.0",
     "final-form": "4.20.10",
     "gatsby": "3.15.0",
     "gatsby-cli": "3.15.0",

client/src/components/profile/components/heat-map.tsx

@@ -1,18 +1,8 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import CalendarHeatMap from 'react-calendar-heatmap';
-// TODO: Check if we can import { addDays, addMonths ... } from 'date-fns'
-// without bundling all of the package then we can remove the disable-next-line
-// comments.
-
-// eslint-disable-next-line import/no-duplicates
-import addDays from 'date-fns/addDays';
-// eslint-disable-next-line import/no-duplicates
-import addMonths from 'date-fns/addMonths';
-// eslint-disable-next-line import/no-duplicates
-import isEqual from 'date-fns/isEqual';
-// eslint-disable-next-line import/no-duplicates
-import startOfDay from 'date-fns/startOfDay';
+
+import { addDays, addMonths, isEqual, startOfDay } from 'date-fns';
 import React, { Component } from 'react';
 import type { TFunction } from 'i18next';
 import { useTranslation } from 'react-i18next';
@@ -22,8 +12,6 @@ import { Row, Spacer } from '@freecodecamp/ui';
 import 'react-calendar-heatmap/dist/styles.css';
 import './heatmap.css';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import envData from '../../../../config/env.json';
 import { getLangCode } from '../../../../../shared/config/i18n';
 import { User } from '../../../redux/prop-types';