fix(deps): update dependency date-fns to v3 (#3619)

* fix(deps): update dependency date-fns to v3

* fix(deps): update usage of date-fns format

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>

web/components/admin/BannedIPsTable.tsx

@@ -1,6 +1,6 @@
 import { Table, Button } from 'antd';
-import format from 'date-fns/format';
 import { SortOrder } from 'antd/lib/table/interface';
+import { format } from 'date-fns';
 import React, { FC } from 'react';
 import dynamic from 'next/dynamic';
 import { User } from '../../types/chat';

web/components/admin/Chart.tsx

@@ -1,4 +1,4 @@
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 import { FC, useRef } from 'react';
 
 import { DownloadOutlined } from '@ant-design/icons';

web/components/admin/LogTable.tsx

@@ -2,7 +2,7 @@ import React, { FC, useState } from 'react';
 import { Table, Tag, Typography } from 'antd';
 import Linkify from 'react-linkify';
 import { SortOrder, TablePaginationConfig } from 'antd/lib/table/interface';
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 
 const { Title } = Typography;
 

web/components/admin/NewsFeed.tsx

@@ -2,7 +2,7 @@
 /* eslint-disable react/no-danger */
 import React, { useState, useEffect, FC } from 'react';
 import { Collapse, Typography, Skeleton } from 'antd';
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 
 import { fetchExternalData } from '../../utils/apis';
 

web/components/admin/UserPopover.tsx

@@ -2,8 +2,7 @@
 
 import { useState, ReactNode, FC } from 'react';
 import { Divider, Modal, Typography, Row, Col, Space, Tooltip } from 'antd';
-import formatDistanceToNow from 'date-fns/formatDistanceToNow';
-import format from 'date-fns/format';
+import { format, formatDistanceToNow } from 'date-fns';
 import { uniq } from 'lodash';
 
 import { BanUserButton } from './BanUserButton';

web/components/admin/UserTable.tsx

@@ -1,5 +1,5 @@
 import { Table } from 'antd';
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 import { SortOrder } from 'antd/lib/table/interface';
 import { FC } from 'react';
 import { User } from '../../types/chat';

web/components/chat/ChatModerationDetailsModal/ChatModerationDetailsModal.tsx

@@ -1,6 +1,6 @@
 import { Button, Col, Collapse, Row, Spin, Table, Tag } from 'antd';
 import { FC, useEffect, useState } from 'react';
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 import { ColumnsType } from 'antd/lib/table';
 import dynamic from 'next/dynamic';
 import { ErrorBoundary } from 'react-error-boundary';

web/components/ui/OfflineBanner/OfflineBanner.tsx

@@ -2,7 +2,7 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import { Divider } from 'antd';
 import { FC } from 'react';
-import formatDistanceToNow from 'date-fns/formatDistanceToNow';
+import { formatDistanceToNow } from 'date-fns';
 import dynamic from 'next/dynamic';
 import classNames from 'classnames';
 import styles from './OfflineBanner.module.scss';

web/components/ui/Statusbar/Statusbar.tsx

@@ -1,5 +1,4 @@
-import formatDistanceToNow from 'date-fns/formatDistanceToNow';
-import intervalToDuration from 'date-fns/intervalToDuration';
+import { intervalToDuration, formatDistanceToNow } from 'date-fns';
 import { FC, useEffect, useState } from 'react';
 import dynamic from 'next/dynamic';
 import classNames from 'classnames';