From 6dc9de21f30ce2848927c2903da2e120a988678a Mon Sep 17 00:00:00 2001
From: kelvin <kelvin.kiprop96@gmail.com>
Date: Sun, 8 Dec 2024 20:16:13 +0300
Subject: [PATCH 1/2] feat: added file manager support and update dependencies

Introduced a new file manager route and associated types to handle file operations effectively. Added mock data for file activities and folders to simulate the file management functionality. Updated the Mantine and Tiptap dependencies to their latest versions for improved performance and new features.
---
 .../ActionButton/ActionButton.module.css      |  27 +
 .../components/ActionButton/ActionButton.tsx  |  31 +
 .../FileButton/FileButton.module.css          |  14 +
 .../components/FileButton/FileButton.tsx      |  41 +
 .../file-manager/components/FilesTable.tsx    | 111 +++
 app/apps/file-manager/components/index.ts     |   3 +
 app/apps/file-manager/layout.tsx              | 157 ++++
 app/apps/file-manager/page.module.css         |   0
 app/apps/file-manager/page.tsx                | 201 +++++
 app/apps/file-manager/types/index.ts          |  64 ++
 app/apps/file-manager/utils/index.ts          |  87 ++
 app/error.module.css                          |   2 +-
 app/error.tsx                                 |  16 +-
 app/layout.tsx                                |   2 +
 app/not-found.tsx                             |  10 +-
 components/Navigation/Navigation.tsx          |   6 +
 package.json                                  |  36 +-
 pnpm-lock.yaml                                | 816 +++++++++---------
 public/mocks/FileActivities.json              |  88 ++
 public/mocks/Files.json                       | 211 +++++
 public/mocks/Folders.json                     |  96 +++
 routes/index.ts                               |   3 +
 theme/index.ts                                |   4 +-
 23 files changed, 1611 insertions(+), 415 deletions(-)
 create mode 100644 app/apps/file-manager/components/ActionButton/ActionButton.module.css
 create mode 100644 app/apps/file-manager/components/ActionButton/ActionButton.tsx
 create mode 100644 app/apps/file-manager/components/FileButton/FileButton.module.css
 create mode 100644 app/apps/file-manager/components/FileButton/FileButton.tsx
 create mode 100644 app/apps/file-manager/components/FilesTable.tsx
 create mode 100644 app/apps/file-manager/components/index.ts
 create mode 100644 app/apps/file-manager/layout.tsx
 create mode 100644 app/apps/file-manager/page.module.css
 create mode 100644 app/apps/file-manager/page.tsx
 create mode 100644 app/apps/file-manager/types/index.ts
 create mode 100644 app/apps/file-manager/utils/index.ts
 create mode 100644 public/mocks/FileActivities.json
 create mode 100644 public/mocks/Files.json
 create mode 100644 public/mocks/Folders.json

diff --git a/app/apps/file-manager/components/ActionButton/ActionButton.module.css b/app/apps/file-manager/components/ActionButton/ActionButton.module.css
new file mode 100644
index 0000000..ff21713
--- /dev/null
+++ b/app/apps/file-manager/components/ActionButton/ActionButton.module.css
@@ -0,0 +1,27 @@
+.wrapper {
+  padding: var(--mantine-spacing-md);
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-7));
+  border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+  border-radius: var(--mantine-radius-default);
+  box-shadow: var(--mantine-shadow-md);
+
+  &[data-primary="true"] {
+    background-color: var(--mantine-primary-color-filled);
+    border-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-color-white);
+  }
+
+  @mixin hover {
+    transition: all ease 150ms;
+    border-color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-2));
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+
+    &[data-primary="true"] {
+      background-color: var(--mantine-primary-color-filled-hover);
+    }
+  }
+}
+
+.label {
+  font-weight: 500;
+}
diff --git a/app/apps/file-manager/components/ActionButton/ActionButton.tsx b/app/apps/file-manager/components/ActionButton/ActionButton.tsx
new file mode 100644
index 0000000..0ec4054
--- /dev/null
+++ b/app/apps/file-manager/components/ActionButton/ActionButton.tsx
@@ -0,0 +1,31 @@
+import { FC } from 'react';
+
+import { Text, UnstyledButton, UnstyledButtonProps } from '@mantine/core';
+
+import classes from './ActionButton.module.css';
+
+type ActionButtonProps = UnstyledButtonProps & {
+  icon: FC<any>;
+  label: string;
+  asPrimary?: boolean;
+};
+
+export function ActionButton({
+  icon: Icon,
+  label,
+  asPrimary = false,
+  ...others
+}: ActionButtonProps) {
+  return (
+    <UnstyledButton
+      {...others}
+      className={classes.wrapper}
+      data-primary={asPrimary}
+    >
+      <Icon size={24} />
+      <Text mt={4} className={classes.label}>
+        {label}
+      </Text>
+    </UnstyledButton>
+  );
+}
diff --git a/app/apps/file-manager/components/FileButton/FileButton.module.css b/app/apps/file-manager/components/FileButton/FileButton.module.css
new file mode 100644
index 0000000..24386f4
--- /dev/null
+++ b/app/apps/file-manager/components/FileButton/FileButton.module.css
@@ -0,0 +1,14 @@
+.wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--mantine-spacing-sm);
+  border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+  border-radius: var(--mantine-radius-default);
+  padding: var(--mantine-spacing-sm);
+
+  @mixin hover {
+    transition: all ease 150ms;
+    border-color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-3));
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+  }
+}
diff --git a/app/apps/file-manager/components/FileButton/FileButton.tsx b/app/apps/file-manager/components/FileButton/FileButton.tsx
new file mode 100644
index 0000000..4e953d0
--- /dev/null
+++ b/app/apps/file-manager/components/FileButton/FileButton.tsx
@@ -0,0 +1,41 @@
+import {
+  Flex,
+  Stack,
+  Text,
+  UnstyledButton,
+  UnstyledButtonProps,
+} from '@mantine/core';
+import { IconPointFilled } from '@tabler/icons-react';
+
+import { IFile } from '@/app/apps/file-manager/types';
+
+import classes from './FileButton.module.css';
+import { resolveFileIcon } from '../../utils';
+
+type FileButtonProps = UnstyledButtonProps & {
+  file: IFile;
+};
+
+export function FileButton({ file, ...others }: FileButtonProps) {
+  const Icon = resolveFileIcon(file.type);
+
+  return (
+    <UnstyledButton className={classes.wrapper} {...others}>
+      <Icon size={18} />
+      <Stack gap={2}>
+        <Text fz="sm" fw={700}>
+          {file.name}
+        </Text>
+        <Flex gap={4} align="center">
+          <Text fz="xs" tt="uppercase">
+            {file.size}
+          </Text>
+          <IconPointFilled color="gray" size={10} />
+          <Text fz="xs" tt="lowercase">
+            {file.type}
+          </Text>
+        </Flex>
+      </Stack>
+    </UnstyledButton>
+  );
+}
diff --git a/app/apps/file-manager/components/FilesTable.tsx b/app/apps/file-manager/components/FilesTable.tsx
new file mode 100644
index 0000000..1d11962
--- /dev/null
+++ b/app/apps/file-manager/components/FilesTable.tsx
@@ -0,0 +1,111 @@
+'use client';
+
+import React, { ReactNode, useEffect, useState } from 'react';
+
+import { Flex, Text, ThemeIcon } from '@mantine/core';
+import { useDebouncedValue } from '@mantine/hooks';
+import sortBy from 'lodash/sortBy';
+import {
+  DataTable,
+  DataTableProps,
+  DataTableSortStatus,
+} from 'mantine-datatable';
+
+import { IFile } from '@/app/apps/file-manager/types';
+import { resolveFileIcon } from '@/app/apps/file-manager/utils';
+import { ErrorAlert } from '@/components';
+
+const PAGE_SIZES = [10, 15, 20];
+
+type FilesTableProps = {
+  data: IFile[];
+  error?: ReactNode;
+  loading?: boolean;
+};
+
+export function FilesTable({ data, loading, error }: FilesTableProps) {
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(PAGE_SIZES[2]);
+  const [selectedRecords, setSelectedRecords] = useState<IFile[]>([]);
+  const [records, setRecords] = useState<IFile[]>(data.slice(0, pageSize));
+  const [sortStatus, setSortStatus] = useState<DataTableSortStatus>({
+    columnAccessor: 'product',
+    direction: 'asc',
+  });
+  const [query, setQuery] = useState('');
+  const [debouncedQuery] = useDebouncedValue(query, 200);
+  const [selectedStatuses, setSelectedStatuses] = useState<string[]>([]);
+
+  const columns: DataTableProps<IFile>['columns'] = [
+    {
+      accessor: 'name',
+      render: (item: IFile) => {
+        const Icon = resolveFileIcon(item.type);
+
+        return (
+          <Flex gap="xs" align="center">
+            <ThemeIcon variant="default">
+              <Icon size={16} />
+            </ThemeIcon>
+            <Text fz="sm">{item.name}</Text>
+          </Flex>
+        );
+      },
+    },
+    {
+      accessor: 'type',
+    },
+    {
+      accessor: 'size',
+    },
+    {
+      accessor: 'modified_at',
+    },
+    {
+      accessor: 'owner',
+    },
+  ];
+
+  useEffect(() => {
+    setPage(1);
+  }, [pageSize]);
+
+  useEffect(() => {
+    const from = (page - 1) * pageSize;
+    const to = from + pageSize;
+    const d = sortBy(data, sortStatus.columnAccessor) as IFile[];
+    const dd = d.slice(from, to) as IFile[];
+    let filtered = sortStatus.direction === 'desc' ? dd.reverse() : dd;
+
+    setRecords(filtered);
+  }, [sortStatus, data, page, pageSize, debouncedQuery, selectedStatuses]);
+
+  return error ? (
+    <ErrorAlert title="Error loading orders" message={error.toString()} />
+  ) : (
+    <DataTable
+      minHeight={200}
+      verticalSpacing="sm"
+      striped={true}
+      // @ts-ignore
+      columns={columns}
+      records={records}
+      selectedRecords={selectedRecords}
+      // @ts-ignore
+      onSelectedRecordsChange={setSelectedRecords}
+      totalRecords={
+        debouncedQuery || selectedStatuses.length > 0
+          ? records.length
+          : data.length
+      }
+      recordsPerPage={pageSize}
+      page={page}
+      onPageChange={(p) => setPage(p)}
+      recordsPerPageOptions={PAGE_SIZES}
+      onRecordsPerPageChange={setPageSize}
+      sortStatus={sortStatus}
+      onSortStatusChange={setSortStatus}
+      fetching={loading}
+    />
+  );
+}
diff --git a/app/apps/file-manager/components/index.ts b/app/apps/file-manager/components/index.ts
new file mode 100644
index 0000000..244166a
--- /dev/null
+++ b/app/apps/file-manager/components/index.ts
@@ -0,0 +1,3 @@
+export * from './ActionButton/ActionButton';
+export * from './FileButton/FileButton';
+export * from './FilesTable';
diff --git a/app/apps/file-manager/layout.tsx b/app/apps/file-manager/layout.tsx
new file mode 100644
index 0000000..3594d7e
--- /dev/null
+++ b/app/apps/file-manager/layout.tsx
@@ -0,0 +1,157 @@
+'use client';
+
+import { ReactNode } from 'react';
+
+import { DonutChart } from '@mantine/charts';
+import {
+  Button,
+  Container,
+  Flex,
+  Grid,
+  Paper,
+  PaperProps,
+  Stack,
+  Text,
+  ThemeIcon,
+  Timeline,
+  Title,
+  UnstyledButton,
+} from '@mantine/core';
+import { IconChevronRight, IconPointFilled } from '@tabler/icons-react';
+import Link from 'next/link';
+
+import { IFileActivity, IFolder } from '@/app/apps/file-manager/types';
+import {
+  resolveActionIcon,
+  resolveFileIcon,
+  resolveFolderIcon,
+} from '@/app/apps/file-manager/utils';
+import { useFetchData } from '@/hooks';
+
+const PAPER_PROPS: PaperProps = {
+  shadow: 'md',
+  radius: 'md',
+  p: 'md',
+  mb: 'md',
+};
+
+export default function FileManagerLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const {
+    data: foldersData,
+    loading: foldersLoading,
+    error: foldersError,
+  } = useFetchData('/mocks/Folders.json');
+  const {
+    data: fileActivityData,
+    loading: fileActivityLoading,
+    error: fileActivityError,
+  } = useFetchData('/mocks/FileActivities.json');
+
+  const folders = foldersData.slice(0, 5).map((folder: IFolder) => {
+    const Icon = resolveFolderIcon(folder.name);
+
+    return (
+      <Flex key={folder.name} component={UnstyledButton} gap="sm">
+        <ThemeIcon variant="default">
+          <Icon size={16} />
+        </ThemeIcon>
+        <Stack gap={2}>
+          <Text fz="sm" fw={600}>
+            {folder.name}
+          </Text>
+          <Flex gap={2} align="center">
+            <Text fz="xs">{folder.total_files} files</Text>
+            <IconPointFilled color="gray" size={12} />
+            <Text fz="xs">{folder.estimated_size}</Text>
+          </Flex>
+        </Stack>
+      </Flex>
+    );
+  });
+
+  const fileActivityItems = fileActivityData.map(
+    (fileActivity: IFileActivity) => {
+      const ActionIcon = resolveActionIcon(fileActivity.action);
+      const FileIcon = resolveFileIcon(fileActivity.file_type);
+
+      return (
+        <Timeline.Item
+          key={fileActivity.id}
+          bullet={<ActionIcon size={16} />}
+          lineVariant="dashed"
+          title={
+            <Flex gap={2}>
+              <Text fz="sm">{fileActivity.user}</Text>
+              <Text fz="sm" tt="lowercase">
+                {fileActivity.action} {fileActivity.file_type}
+              </Text>
+            </Flex>
+          }
+        >
+          <Flex gap={2} direction="column">
+            <Flex align="center" gap={2} component={Link} href="#">
+              <FileIcon size={16} />
+              <Text fz="sm">{fileActivity.file_name}</Text>
+            </Flex>
+            <Text fz="xs">{fileActivity.timestamp}</Text>
+          </Flex>
+        </Timeline.Item>
+      );
+    },
+  );
+
+  return (
+    <>
+      <>
+        <title>File Manager | DesignSparx</title>
+      </>
+      <Container fluid>
+        <Grid>
+          <Grid.Col span={{ base: 12, md: 6, lg: 8, xl: 9 }}>
+            {children}
+          </Grid.Col>
+          <Grid.Col span={{ base: 12, md: 6, lg: 4, xl: 3 }}>
+            <Paper {...PAPER_PROPS}>
+              <Title order={4} mb="md">
+                Storage usage
+              </Title>
+              <DonutChart
+                paddingAngle={8}
+                data={[
+                  {
+                    name: 'used',
+                    value: 70,
+                    color: 'var(--mantine-primary-color-filled)',
+                  },
+                  { name: 'free', value: 30, color: 'gray.3' },
+                ]}
+                h={220}
+                mx="auto"
+                chartLabel="125GB free"
+              />
+              <Stack gap="xs">{folders}</Stack>
+            </Paper>
+            <Paper {...PAPER_PROPS}>
+              <Flex align="center" justify="space-between" mb="md">
+                <Title order={4}>Activity</Title>
+                <Button
+                  variant="subtle"
+                  rightSection={<IconChevronRight size={16} />}
+                >
+                  See All
+                </Button>
+              </Flex>
+              <Timeline bulletSize={30} lineWidth={2}>
+                {fileActivityItems}
+              </Timeline>
+            </Paper>
+          </Grid.Col>
+        </Grid>
+      </Container>
+    </>
+  );
+}
diff --git a/app/apps/file-manager/page.module.css b/app/apps/file-manager/page.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/app/apps/file-manager/page.tsx b/app/apps/file-manager/page.tsx
new file mode 100644
index 0000000..1a77aa5
--- /dev/null
+++ b/app/apps/file-manager/page.tsx
@@ -0,0 +1,201 @@
+'use client';
+
+import React, { useMemo, useState } from 'react';
+
+import {
+  Anchor,
+  Button,
+  Flex,
+  Input,
+  Paper,
+  PaperProps,
+  SegmentedControl,
+  SimpleGrid,
+  Stack,
+  Text,
+  Title,
+  rem,
+} from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import {
+  IconChevronRight,
+  IconCloudUpload,
+  IconEdit,
+  IconFolderPlus,
+  IconPhotoVideo,
+  IconPlus,
+  IconSearch,
+  IconUpload,
+  IconX,
+} from '@tabler/icons-react';
+
+import {
+  ActionButton,
+  FileButton,
+  FilesTable,
+} from '@/app/apps/file-manager/components';
+import { PageHeader } from '@/components';
+import { useFetchData } from '@/hooks';
+import { PATH_DASHBOARD } from '@/routes';
+
+import { IFile, IFolder } from './types';
+
+const items = [
+  { title: 'Dashboard', href: PATH_DASHBOARD.default },
+  { title: 'Apps', href: '#' },
+  { title: 'File manager', href: '#' },
+].map((item, index) => (
+  <Anchor href={item.href} key={index}>
+    {item.title}
+  </Anchor>
+));
+
+const ICON_SIZE = 16;
+
+const PAPER_PROPS: PaperProps = {
+  shadow: 'md',
+  radius: 'md',
+  p: 'md',
+};
+
+function FileManager() {
+  const {
+    data: filesData,
+    loading: filesLoading,
+    error: filesError,
+  } = useFetchData('/mocks/Files.json');
+  const {
+    data: foldersData,
+    loading: foldersLoading,
+    error: foldersError,
+  } = useFetchData('/mocks/Folders.json');
+  const [value, setValue] = useState('View all');
+
+  const refinedFolders: IFolder[] = useMemo(() => {
+    return [{ name: 'View all', pinned: true }, ...foldersData].filter(
+      (folder: IFolder) => folder.pinned,
+    );
+  }, [foldersData]);
+
+  return (
+    <>
+      <>
+        <title>File Manager | DesignSparx</title>
+      </>
+      <Stack>
+        <PageHeader title="File manager" breadcrumbItems={items} />
+        <SimpleGrid cols={{ base: 1, sm: 2, md: 3, lg: 4, xl: 5 }}>
+          <ActionButton icon={IconPlus} label="Create" asPrimary />
+          <ActionButton icon={IconCloudUpload} label="Upload" />
+          <ActionButton icon={IconFolderPlus} label="Create folder" />
+          <ActionButton icon={IconPhotoVideo} label="Edit video" />
+          <ActionButton icon={IconEdit} label="Edit PDF" />
+        </SimpleGrid>
+        <Paper shadow="md">
+          <Dropzone
+            onDrop={(files) => console.log('accepted files', files)}
+            onReject={(files) => console.log('rejected files', files)}
+            maxSize={5 * 1024 ** 2}
+          >
+            <Flex
+              direction="column"
+              justify="center"
+              align="center"
+              gap="md"
+              p="md"
+              mih={80}
+              style={{ pointerEvents: 'none' }}
+            >
+              <Dropzone.Accept>
+                <IconUpload
+                  style={{
+                    width: rem(52),
+                    height: rem(52),
+                    color: 'var(--mantine-color-blue-6)',
+                  }}
+                  stroke={1.5}
+                />
+              </Dropzone.Accept>
+              <Dropzone.Reject>
+                <IconX
+                  style={{
+                    width: rem(52),
+                    height: rem(52),
+                    color: 'var(--mantine-color-red-6)',
+                  }}
+                  stroke={1.5}
+                />
+              </Dropzone.Reject>
+              <Dropzone.Idle>
+                <IconUpload
+                  style={{
+                    width: rem(52),
+                    height: rem(52),
+                    color: 'var(--mantine-color-dimmed)',
+                  }}
+                  stroke={1.5}
+                />
+              </Dropzone.Idle>
+
+              <div>
+                <Text>Click or drag and drop your file(s) here</Text>
+              </div>
+            </Flex>
+          </Dropzone>
+        </Paper>
+        <Paper {...PAPER_PROPS}>
+          <Flex justify="space-between" align="center" mb="md">
+            <Title order={4}>Recently modified</Title>
+            <Button
+              variant="subtle"
+              rightSection={<IconChevronRight size={16} />}
+            >
+              See all
+            </Button>
+          </Flex>
+          <SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }}>
+            {filesData.slice(0, 4).map((file: IFile) => (
+              <FileButton key={file.id} file={file} />
+            ))}
+          </SimpleGrid>
+        </Paper>
+        <Paper {...PAPER_PROPS}>
+          <Title order={4} mb="md">
+            All files
+          </Title>
+          <Flex
+            align={{ base: 'flex-start', lg: 'center' }}
+            justify="space-between"
+            direction={{ base: 'column', lg: 'row' }}
+            mb="md"
+            gap="sm"
+          >
+            <SegmentedControl
+              value={value}
+              onChange={setValue}
+              data={refinedFolders.map((folder: IFolder) => ({
+                label: folder.name,
+                value: folder.name,
+              }))}
+            />
+            <Input
+              leftSection={<IconSearch size={ICON_SIZE} />}
+              placeholder="Search"
+            />
+          </Flex>
+          <FilesTable
+            data={
+              value === 'View all'
+                ? filesData
+                : filesData.filter((file: IFile) => file.type === value)
+            }
+            error={filesError}
+            loading={filesLoading}
+          />
+        </Paper>
+      </Stack>
+    </>
+  );
+}
+
+export default FileManager;
diff --git a/app/apps/file-manager/types/index.ts b/app/apps/file-manager/types/index.ts
new file mode 100644
index 0000000..80c9a9b
--- /dev/null
+++ b/app/apps/file-manager/types/index.ts
@@ -0,0 +1,64 @@
+export type IFileType =
+  | 'Documents'
+  | 'Images'
+  | 'Code'
+  | 'Spreadsheet'
+  | 'Presentation'
+  | 'Text';
+
+export type IFile = {
+  id: string;
+  name: string;
+  type: IFileType;
+  size: string;
+  created_at: string;
+  modified_at: string;
+  owner: string;
+  path: string;
+  permissions: string;
+};
+
+export type IFolderType =
+  | 'Documents'
+  | 'Images'
+  | 'Videos'
+  | 'Music'
+  | 'Code'
+  | 'Downloads'
+  | 'Backups'
+  | 'Projects'
+  | 'Shared'
+  | 'Trash';
+
+export type IFolder = {
+  id: string;
+  name: IFolderType;
+  icon: IFileType;
+  description: string;
+  permissions: string;
+  created_at: string;
+  pinned?: boolean;
+  total_files: number;
+  estimated_size: string;
+};
+
+export type IFileAction =
+  | 'Created'
+  | 'Edited'
+  | 'Deleted'
+  | 'Viewed'
+  | 'Renamed'
+  | 'Downloaded'
+  | 'Uploaded'
+  | 'Shared'
+  | 'Moved'
+  | 'Copied';
+
+export type IFileActivity = {
+  id: string;
+  timestamp: string;
+  action: IFileAction;
+  file_name: string;
+  file_type: IFileType;
+  user: string;
+};
diff --git a/app/apps/file-manager/utils/index.ts b/app/apps/file-manager/utils/index.ts
new file mode 100644
index 0000000..ab92adc
--- /dev/null
+++ b/app/apps/file-manager/utils/index.ts
@@ -0,0 +1,87 @@
+import {
+  IconArchive,
+  IconArrowDown,
+  IconArrowsMoveHorizontal,
+  IconCode,
+  IconCopy,
+  IconDownload,
+  IconEye,
+  IconFile,
+  IconFileCode,
+  IconFilePlus,
+  IconFileSpreadsheet,
+  IconFileText,
+  IconFolder,
+  IconFolderPlus,
+  IconMusic,
+  IconPencil,
+  IconPhoto,
+  IconQuestionMark,
+  IconShare,
+  IconSlideshow,
+  IconTrash,
+  IconUpload,
+  IconUsers,
+  IconVideo,
+} from '@tabler/icons-react';
+
+import { IFileType, IFolderType } from '@/app/apps/file-manager/types';
+
+export function resolveFileIcon(fileType: IFileType) {
+  const iconMap: Record<IFileType, React.ElementType> = {
+    Documents: IconFileText,
+    Images: IconPhoto,
+    Code: IconFileCode,
+    Spreadsheet: IconFileSpreadsheet,
+    Presentation: IconSlideshow,
+    Text: IconFile,
+  };
+
+  return iconMap[fileType] || IconQuestionMark; // Default icon for unknown types
+}
+
+type FileAction =
+  | 'Created'
+  | 'Edited'
+  | 'Deleted'
+  | 'Viewed'
+  | 'Renamed'
+  | 'Downloaded'
+  | 'Uploaded'
+  | 'Shared'
+  | 'Moved'
+  | 'Copied';
+
+export function resolveActionIcon(action: FileAction) {
+  const actionIconMap: Record<FileAction, React.ElementType> = {
+    Created: IconFilePlus,
+    Edited: IconPencil,
+    Deleted: IconTrash,
+    Viewed: IconEye,
+    Renamed: IconFileText,
+    Downloaded: IconArrowDown,
+    Uploaded: IconUpload,
+    Shared: IconShare,
+    Moved: IconArrowsMoveHorizontal,
+    Copied: IconCopy,
+  };
+
+  return actionIconMap[action] || IconQuestionMark; // Default icon for unknown actions
+}
+
+export function resolveFolderIcon(folderType: IFolderType) {
+  const folderIconMap: Record<IFolderType, React.ElementType> = {
+    Documents: IconFolder,
+    Images: IconPhoto,
+    Videos: IconVideo,
+    Music: IconMusic,
+    Code: IconCode,
+    Downloads: IconDownload,
+    Backups: IconArchive,
+    Projects: IconFolderPlus,
+    Shared: IconUsers,
+    Trash: IconTrash,
+  };
+
+  return folderIconMap[folderType] || IconQuestionMark; // Default icon for unknown folder types
+}
diff --git a/app/error.module.css b/app/error.module.css
index ffb9a3f..ffaa966 100644
--- a/app/error.module.css
+++ b/app/error.module.css
@@ -7,7 +7,7 @@
   font-weight: 900;
   font-size: rem(220px);
   line-height: 1;
-  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+  color: var(--mantine-primary-color-filled);
 
   @media (max-width: $mantine-breakpoint-sm) {
     font-size: rem(120px);
diff --git a/app/error.tsx b/app/error.tsx
index dbe640e..343ed93 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -1,17 +1,20 @@
 'use client';
 
 import { useEffect } from 'react';
+
 import {
   Button,
   Center,
+  Code,
   Group,
   Stack,
   Text,
   Title,
   useMantineTheme,
 } from '@mantine/core';
-import { useRouter } from 'next/navigation';
 import { IconHome2, IconRefresh } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+
 import classes from './error.module.css';
 
 function Error({
@@ -49,9 +52,16 @@ function Error({
         <Stack>
           <div className={classes.label}>400</div>
           <Title className={classes.title}>Sorry, unexpected error..</Title>
-          <Text fz="md" ta="center" className={classes.description}>
+          <Code
+            block
+            color="red.1"
+            c="red.7"
+            fz="md"
+            ta="center"
+            className={classes.description}
+          >
             {error.toString()}
-          </Text>
+          </Code>
           <Group justify="center" mt="md">
             <Button
               size="md"
diff --git a/app/layout.tsx b/app/layout.tsx
index 9e82cc2..9916b83 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -12,6 +12,8 @@ import '@mantine/tiptap/styles.css';
 import '@mantine/carousel/styles.css';
 import '@mantine/notifications/styles.css';
 import 'mantine-datatable/styles.layer.css';
+import '@mantine/dropzone/styles.css';
+import '@mantine/charts/styles.css';
 import './globals.css';
 
 // If loading a variable font, you don't need to specify the font weight
diff --git a/app/not-found.tsx b/app/not-found.tsx
index f226121..7959eb1 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -9,10 +9,12 @@ import {
   Title,
   useMantineTheme,
 } from '@mantine/core';
-import Link from 'next/link';
-import { PATH_DASHBOARD } from '@/routes';
 import { IconChevronLeft, IconHome2 } from '@tabler/icons-react';
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
+
+import { PATH_DASHBOARD } from '@/routes';
+
 import classes from './error.module.css';
 
 function Error404() {
@@ -48,7 +50,7 @@ function Error404() {
           <Group justify="center" mt="md">
             <Button
               size="md"
-              variant="subtle"
+              variant="outline"
               leftSection={<IconChevronLeft size={18} />}
               onClick={() => {
                 router.back();
@@ -58,7 +60,7 @@ function Error404() {
             </Button>
             <Button
               size="md"
-              variant="subtle"
+              variant="outline"
               component={Link}
               leftSection={<IconHome2 size={18} />}
               href={PATH_DASHBOARD.default}
diff --git a/components/Navigation/Navigation.tsx b/components/Navigation/Navigation.tsx
index 454a42f..4a266e5 100644
--- a/components/Navigation/Navigation.tsx
+++ b/components/Navigation/Navigation.tsx
@@ -12,6 +12,7 @@ import {
   IconChartInfographic,
   IconExclamationCircle,
   IconFileInvoice,
+  IconFiles,
   IconLayersSubtract,
   IconLifebuoy,
   IconList,
@@ -79,6 +80,11 @@ const mockdata = [
       },
       { label: 'Tasks', icon: IconListDetails, link: PATH_APPS.tasks },
       { label: 'Calendar', icon: IconCalendar, link: PATH_APPS.calendar },
+      {
+        label: 'File Manager',
+        icon: IconFiles,
+        link: PATH_APPS.fileManager.root,
+      },
     ],
   },
   {
diff --git a/package.json b/package.json
index a3dc702..55c41b0 100644
--- a/package.json
+++ b/package.json
@@ -29,31 +29,31 @@
     "@fullcalendar/interaction": "^6.1.8",
     "@fullcalendar/react": "^6.1.8",
     "@fullcalendar/timegrid": "^6.1.8",
-    "@mantine/carousel": "^7.13.5",
-    "@mantine/charts": "^7.13.5",
-    "@mantine/code-highlight": "^7.13.5",
-    "@mantine/core": "^7.13.5",
-    "@mantine/dates": "^7.13.5",
-    "@mantine/dropzone": "^7.13.5",
-    "@mantine/form": "^7.13.5",
-    "@mantine/hooks": "^7.13.5",
-    "@mantine/modals": "^7.13.5",
+    "@mantine/carousel": "^7.14.3",
+    "@mantine/charts": "^7.14.3",
+    "@mantine/code-highlight": "^7.14.3",
+    "@mantine/core": "^7.14.3",
+    "@mantine/dates": "^7.14.3",
+    "@mantine/dropzone": "^7.14.3",
+    "@mantine/form": "^7.14.3",
+    "@mantine/hooks": "^7.14.3",
+    "@mantine/modals": "^7.14.3",
     "@mantine/next": "^6.0.16",
-    "@mantine/notifications": "^7.13.5",
-    "@mantine/nprogress": "^7.13.5",
-    "@mantine/spotlight": "^7.13.5",
-    "@mantine/tiptap": "^7.13.5",
+    "@mantine/notifications": "^7.14.3",
+    "@mantine/nprogress": "^7.14.3",
+    "@mantine/spotlight": "^7.14.3",
+    "@mantine/tiptap": "^7.14.3",
     "@tabler/icons-react": "^2.40.0",
     "@tiptap/extension-highlight": "^2.1.12",
-    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/extension-link": "^2.10.3",
     "@tiptap/extension-placeholder": "^2.0.4",
     "@tiptap/extension-subscript": "^2.1.12",
     "@tiptap/extension-superscript": "^2.1.12",
     "@tiptap/extension-text-align": "^2.1.12",
     "@tiptap/extension-underline": "^2.1.12",
-    "@tiptap/pm": "^2.9.1",
-    "@tiptap/react": "^2.9.1",
-    "@tiptap/starter-kit": "^2.9.1",
+    "@tiptap/pm": "^2.10.3",
+    "@tiptap/react": "^2.10.3",
+    "@tiptap/starter-kit": "^2.10.3",
     "@types/node": "20.4.4",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
@@ -74,7 +74,7 @@
     "react-countup": "^6.4.2",
     "react-dom": "^18.2.0",
     "react-simple-maps": "^3.0.0",
-    "recharts": "2",
+    "recharts": "^2.14.1",
     "typescript": "5.1.6"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 64f1ffc..cf4f665 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,80 +42,80 @@ importers:
         specifier: ^6.1.8
         version: 6.1.15(@fullcalendar/core@6.1.15)
       '@mantine/carousel':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(embla-carousel-react@7.1.0(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(embla-carousel-react@7.1.0(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/charts':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(recharts@2.13.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(recharts@2.14.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@mantine/code-highlight':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/core':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/dates':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(dayjs@1.11.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(dayjs@1.11.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/dropzone':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/form':
-        specifier: ^7.13.5
-        version: 7.13.5(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(react@18.3.1)
       '@mantine/hooks':
-        specifier: ^7.13.5
-        version: 7.13.5(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(react@18.3.1)
       '@mantine/modals':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/next':
         specifier: ^6.0.16
         version: 6.0.22(@emotion/react@11.13.3(@types/react@18.3.12)(react@18.3.1))(@emotion/server@11.11.0)(next@14.2.17(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/notifications':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/nprogress':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/spotlight':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@mantine/tiptap':
-        specifier: ^7.13.5
-        version: 7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(@tiptap/extension-link@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1))(@tiptap/react@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^7.14.3
+        version: 7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(@tiptap/extension-link@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3))(@tiptap/react@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@tabler/icons-react':
         specifier: ^2.40.0
         version: 2.47.0(react@18.3.1)
       '@tiptap/extension-highlight':
         specifier: ^2.1.12
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
+        version: 2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
       '@tiptap/extension-link':
-        specifier: ^2.9.1
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
+        specifier: ^2.10.3
+        version: 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
       '@tiptap/extension-placeholder':
         specifier: ^2.0.4
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
+        version: 2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
       '@tiptap/extension-subscript':
         specifier: ^2.1.12
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
+        version: 2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
       '@tiptap/extension-superscript':
         specifier: ^2.1.12
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
+        version: 2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
       '@tiptap/extension-text-align':
         specifier: ^2.1.12
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
+        version: 2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
       '@tiptap/extension-underline':
         specifier: ^2.1.12
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
+        version: 2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
       '@tiptap/pm':
-        specifier: ^2.9.1
-        version: 2.9.1
+        specifier: ^2.10.3
+        version: 2.10.3
       '@tiptap/react':
-        specifier: ^2.9.1
-        version: 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^2.10.3
+        version: 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@tiptap/starter-kit':
-        specifier: ^2.9.1
-        version: 2.9.1
+        specifier: ^2.10.3
+        version: 2.10.3
       '@types/node':
         specifier: 20.4.4
         version: 20.4.4
@@ -154,7 +154,7 @@ importers:
         version: 4.17.21
       mantine-datatable:
         specifier: ^7.1.7
-        version: 7.12.4(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(clsx@2.1.1)(react@18.3.1)
+        version: 7.12.4(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(clsx@2.1.1)(react@18.3.1)
       next:
         specifier: ^14.2.12
         version: 14.2.17(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -177,8 +177,8 @@ importers:
         specifier: ^3.0.0
         version: 3.0.0(prop-types@15.8.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       recharts:
-        specifier: '2'
-        version: 2.13.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^2.14.1
+        version: 2.14.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       typescript:
         specifier: 5.1.6
         version: 5.1.6
@@ -212,7 +212,7 @@ importers:
         version: 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@storybook/nextjs':
         specifier: 7.5.3
-        version: 7.5.3(@swc/core@1.9.1(@swc/helpers@0.5.5))(@swc/helpers@0.5.5)(@types/react-dom@18.3.1)(@types/react@18.3.12)(esbuild@0.18.20)(next@14.2.17(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.26.1)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))
+        version: 7.5.3(@swc/core@1.9.1(@swc/helpers@0.5.5))(@swc/helpers@0.5.5)(@types/react-dom@18.3.1)(@types/react@18.3.12)(esbuild@0.18.20)(next@14.2.17(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.30.0)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))
       '@storybook/react':
         specifier: 7.5.3
         version: 7.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.1.6)
@@ -1093,11 +1093,11 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
-  '@emotion/babel-plugin@11.12.0':
-    resolution: {integrity: sha512-y2WQb+oP8Jqvvclh8Q55gLUyb7UFvgv7eJfsj7td5TToBrIUtPay2kMrZi4xjq9qw2vD0ZR5fSho0yqoFgX7Rw==}
+  '@emotion/babel-plugin@11.13.5':
+    resolution: {integrity: sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==}
 
-  '@emotion/cache@11.13.1':
-    resolution: {integrity: sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==}
+  '@emotion/cache@11.13.5':
+    resolution: {integrity: sha512-Z3xbtJ+UcK76eWkagZ1onvn/wAVb1GOMuR15s30Fm2wrMgC7jzpnO2JZXr4eujTTqoQFUrZIw/rT0c6Zzjca1g==}
 
   '@emotion/hash@0.9.2':
     resolution: {integrity: sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==}
@@ -1114,8 +1114,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@emotion/serialize@1.3.2':
-    resolution: {integrity: sha512-grVnMvVPK9yUVE6rkKfAJlYZgo0cu3l9iMC77V7DW6E1DUIrU68pSEXRmFZFOFB1QFo57TncmOcvcbMDWsL4yA==}
+  '@emotion/serialize@1.3.3':
+    resolution: {integrity: sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==}
 
   '@emotion/server@11.11.0':
     resolution: {integrity: sha512-6q89fj2z8VBTx9w93kJ5n51hsmtYuFPtZgnc1L8VzRx9ti4EU6EyvF6Nn1H1x3vcCQCF7u2dB2lY4AYJwUW4PA==}
@@ -1136,8 +1136,8 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
-  '@emotion/utils@1.4.1':
-    resolution: {integrity: sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA==}
+  '@emotion/utils@1.4.2':
+    resolution: {integrity: sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==}
 
   '@emotion/weak-memoize@0.4.0':
     resolution: {integrity: sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==}
@@ -1307,8 +1307,8 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@floating-ui/react@0.26.27':
-    resolution: {integrity: sha512-jLP72x0Kr2CgY6eTYi/ra3VA9LOkTo4C+DUTrbFgFOExKy3omYVmwMjNKqxAHdsnyLS96BIDLcO2SlnsNf8KUQ==}
+  '@floating-ui/react@0.26.28':
+    resolution: {integrity: sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
@@ -1406,71 +1406,71 @@ packages:
   '@juggle/resize-observer@3.4.0':
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 
-  '@mantine/carousel@7.13.5':
-    resolution: {integrity: sha512-LHqoaYaIgV3kr9hwBEkx92DLlquENENfLiAWF3u8pCDAHq4N51gtJUgQIdvd0B850s6T55k0G/pBj1GedVkIqw==}
+  '@mantine/carousel@7.14.3':
+    resolution: {integrity: sha512-NUa0Q834wxcCMMKCuaDz2UfFh1qeiJOCMQnaBLAkBhaL7Goi3bWU3aVSJQRf9vezqO4jVjy86TwvX10TuzgyDw==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       embla-carousel-react: '>=7.0.0'
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/charts@7.13.5':
-    resolution: {integrity: sha512-UvK84jsrJ9k8DBmc9iA9Rqp6sv3IETSF3q2TEqYSENgxHg2+3LL0MfvCeHKv0AYmEnnUXdn7onMmicxZ4wpK/Q==}
+  '@mantine/charts@7.14.3':
+    resolution: {integrity: sha512-IS8G0oU4Wzqe8RDPaKm4gHJRoPGdntUXexftdti7zXl0lVCypoUfHfgkITRu5jlS1uKpuJZzzv2Jq3pw5E+XhQ==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
       recharts: ^2.13.3
 
-  '@mantine/code-highlight@7.13.5':
-    resolution: {integrity: sha512-GVMRitF0PwtSK0wiGXL1SxB3tiUtAuYGfQsuuB3DYn5GoiDyoRdVoZ/dBUnVrXjdA+1qDcB69aW37Uswz96k5Q==}
+  '@mantine/code-highlight@7.14.3':
+    resolution: {integrity: sha512-iTdirW7R4A8qhacwNJwzBRteLX3hlVlxc8TKEfBJ4KM9Ke5wZ7hrsclzXg3vsFDQHd+oKLtWUBsehecre4VR2Q==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/core@7.13.5':
-    resolution: {integrity: sha512-1m0C0qH9eIWJZy19M06kKNWbbSLZhsTDvHPqTxMgvFg6JuSN7a6r3v6fqCbvaI1kTQiK51NMe+9vMNVnw4zOsA==}
+  '@mantine/core@7.14.3':
+    resolution: {integrity: sha512-niAi+ZYBr4KrG+X2Mx+muvEzUOOHc/Rx0vsbIGYeNe7urwHSm/xNEGsaapmCqeRC0CSL4KI6TJOq8QhnSuQZcw==}
     peerDependencies:
-      '@mantine/hooks': 7.13.5
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/dates@7.13.5':
-    resolution: {integrity: sha512-1Wkl9BWUR5EM1PJQ7AV0haiK3hItKmMHrujNuzHsgzDh5Y1lLzVuiQiNokQurAh/Z5g+qHodRG+109RYcODS1A==}
+  '@mantine/dates@7.14.3':
+    resolution: {integrity: sha512-vE+eCbGkas4h1DP6og9nnatL/cBJUvDu0v5+ZH4YdI8mBpjuxmabvbGrpLoWuKocQOFdyCzrlYFQF8ai0jXABg==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       dayjs: '>=1.0.0'
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/dropzone@7.13.5':
-    resolution: {integrity: sha512-+CNC0hV7bxoiK4M1BXYHEM8J8mIZbpFr7RYUfoSC2dmZ49FYYWV1t59tUHDfygEOCHTUY1U+RB0hDGGBwoa0SA==}
+  '@mantine/dropzone@7.14.3':
+    resolution: {integrity: sha512-9ExiWRod5/gBHBd4hsUnPk7Rles0BiJr5FE2Kuq7lqeEXbtYfuSognJD/f5atMgu/5mMEkkyK/Bq5XesZBumBQ==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/form@7.13.5':
-    resolution: {integrity: sha512-BnHbGFPRlIfzpetg+igjn81MUuI38qEcLhiC3s7grolaJncAnvcxSEVUTiwUJP2KS6mqxtNHKOcaqEs7rH8Umg==}
+  '@mantine/form@7.14.3':
+    resolution: {integrity: sha512-NquXVQz3IRCT5WTWCEdQjQzThMj7FpX/u0PDD+8XydiMPB7zJGPM9IdV88mWDI2ghT9vS6rBn22XWjTYsKa8+A==}
     peerDependencies:
       react: ^18.x || ^19.x
 
-  '@mantine/hooks@7.13.5':
-    resolution: {integrity: sha512-hxFOQn6NeN7fP37VXZh7z5KxwqA9HYmydivIay0jyQTYA4Falc8Pb4ozSxnyFbXyxzUWcFIQL4xayHRvedgE+Q==}
+  '@mantine/hooks@7.14.3':
+    resolution: {integrity: sha512-cU3R9b8GLs6aCvpsVC56ZOOJCUIoDqX3RcLWkcfpA5a47LjWa/rzegP4YWfNW6/E9vodPJT4AEbYXVffYlyNwA==}
     peerDependencies:
       react: ^18.x || ^19.x
 
-  '@mantine/modals@7.13.5':
-    resolution: {integrity: sha512-baYeRR7VB2GpdydJGYlsAvorToN021hWCJArLY0PqjDRNXMQK1luDPDHpKEJQWkMqr67axow0LIiSPUDkk7F1A==}
+  '@mantine/modals@7.14.3':
+    resolution: {integrity: sha512-wn2eMSROG7bPbeSH2OnTp8iVv1wH9L9tLeBt88mTEXLg3vIPfQtWD9g/kFrjhoCjygYYtyJeqMQFYPUkHQMXDw==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
@@ -1481,27 +1481,27 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@mantine/notifications@7.13.5':
-    resolution: {integrity: sha512-LGxTnqBtZRfACCv8qjL+RGVFwpXXjwIekC1V9JalcNt8/PxZ9H50V/H7lOgTvw5wpnA0W6Jzcdph/gRoZfhwug==}
+  '@mantine/notifications@7.14.3':
+    resolution: {integrity: sha512-7N9u4upi1On8TL94UvrUNhpDGxp1sAkbcgiNcu6zhvy4j29TPFapoXB5CRE9zzjAf3CYq3AigE96bXlCDm9xuQ==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/nprogress@7.13.5':
-    resolution: {integrity: sha512-WyUaQDEWVU28zPbrDxtdqUeiyZ9RxNI3iTIJf3yGtue1yWQIJV5tng+FpBczAfsqUDGqAEeaIogrCVd0IeRujQ==}
+  '@mantine/nprogress@7.14.3':
+    resolution: {integrity: sha512-LDhe+sLq3AWB15v+cXvnV6fn/pDf5qbGT5N7nkZ44Vn6x0X7mE2ChlLZuvu22PAEx7XqEHhCgOiUemKHT9QhSQ==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
-  '@mantine/spotlight@7.13.5':
-    resolution: {integrity: sha512-gVwhyDNJxjnvKZG44O99g4fKVsVJEmo3CZC/aMkoRoz9IvKrRpWx11pPfsk/eQJ5kp5nsy49fNRX24yKRkW7Mg==}
+  '@mantine/spotlight@7.14.3':
+    resolution: {integrity: sha512-+WIJJr/KP0tSEyYNkS0x71gnuwSUquuj0GtPvKNH4OY4mLnMnfYDlkdpLVfakXM2P3qKRUMsbM475SVIEXaqJw==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       react: ^18.x || ^19.x
       react-dom: ^18.x || ^19.x
 
@@ -1513,8 +1513,8 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@mantine/store@7.13.5':
-    resolution: {integrity: sha512-+enhEaZpVKn0x3PLN3Txlk/06eIuq2wQhlFQnBe4dnD+C9VZZhXdff/IYCtXwB4XojwJl3rln7BSL4Ih4rSGmw==}
+  '@mantine/store@7.14.3':
+    resolution: {integrity: sha512-o15vbTUNlLqD/yLOtEClnc4fY2ONDaCZiaL9REUy0xhCDbVTeeqnu9BV604yuym50ZH5mhMHix1TX3K9vGsWvA==}
     peerDependencies:
       react: ^18.x || ^19.x
 
@@ -1525,11 +1525,11 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@mantine/tiptap@7.13.5':
-    resolution: {integrity: sha512-dLITQDwurSjywso4dqglXZpfVvqUnvommrb6seIibY3q017CHQlydBiZEW1t1xNoJyYllNInuzDRv8+FXbOn3A==}
+  '@mantine/tiptap@7.14.3':
+    resolution: {integrity: sha512-3bWMtohuW1/8EpU2cWlayWL2TUFJwTww8N21mBS7TO17aO34B9enpFZ1qoyeINQBka+PMMaofFeKjdvNIpCb0g==}
     peerDependencies:
-      '@mantine/core': 7.13.5
-      '@mantine/hooks': 7.13.5
+      '@mantine/core': 7.14.3
+      '@mantine/hooks': 7.14.3
       '@tiptap/extension-link': '>=2.1.12'
       '@tiptap/react': '>=2.1.12'
       react: ^18.x || ^19.x
@@ -2559,73 +2559,73 @@ packages:
     peerDependencies:
       '@testing-library/dom': '>=7.21.4'
 
-  '@tiptap/core@2.9.1':
-    resolution: {integrity: sha512-tifnLL/ARzQ6/FGEJjVwj9UT3v+pENdWHdk9x6F3X0mB1y0SeCjV21wpFLYESzwNdBPAj8NMp8Behv7dBnhIfw==}
+  '@tiptap/core@2.10.3':
+    resolution: {integrity: sha512-wAG/0/UsLeZLmshWb6rtWNXKJftcmnned91/HLccHVQAuQZ1UWH+wXeQKu/mtodxEO7JcU2mVPR9mLGQkK0McQ==}
     peerDependencies:
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-blockquote@2.9.1':
-    resolution: {integrity: sha512-Y0jZxc/pdkvcsftmEZFyG+73um8xrx6/DMfgUcNg3JAM63CISedNcr+OEI11L0oFk1KFT7/aQ9996GM6Kubdqg==}
+  '@tiptap/extension-blockquote@2.10.3':
+    resolution: {integrity: sha512-u9Mq4r8KzoeGVT8ms6FQDIMN95dTh3TYcT7fZpwcVM96mIl2Oyt+Bk66mL8z4zuFptfRI57Cu9QdnHEeILd//w==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-bold@2.9.1':
-    resolution: {integrity: sha512-e2P1zGpnnt4+TyxTC5pX/lPxPasZcuHCYXY0iwQ3bf8qRQQEjDfj3X7EI+cXqILtnhOiviEOcYmeu5op2WhQDg==}
+  '@tiptap/extension-bold@2.10.3':
+    resolution: {integrity: sha512-xnF1tS2BsORenr11qyybW120gHaeHKiKq+ZOP14cGA0MsriKvWDnaCSocXP/xMEYHy7+2uUhJ0MsKkHVj4bPzQ==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-bubble-menu@2.9.1':
-    resolution: {integrity: sha512-DWUF6NG08/bZDWw0jCeotSTvpkyqZTi4meJPomG9Wzs/Ol7mEwlNCsCViD999g0+IjyXFatBk4DfUq1YDDu++Q==}
+  '@tiptap/extension-bubble-menu@2.10.3':
+    resolution: {integrity: sha512-e9a4yMjQezuKy0rtyyzxbV2IAE1bm1PY3yoZEFrcaY0o47g1CMUn2Hwe+9As2HdntEjQpWR7NO1mZeKxHlBPYA==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-bullet-list@2.9.1':
-    resolution: {integrity: sha512-0hizL/0j9PragJObjAWUVSuGhN1jKjCFnhLQVRxtx4HutcvS/lhoWMvFg6ZF8xqWgIa06n6A7MaknQkqhTdhKA==}
+  '@tiptap/extension-bullet-list@2.10.3':
+    resolution: {integrity: sha512-PTkwJOVlHi4RR4Wrs044tKMceweXwNmWA6EoQ93hPUVtQcwQL990Es5Izp+i88twTPLuGD9dH+o9QDyH9SkWdA==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-code-block@2.9.1':
-    resolution: {integrity: sha512-A/50wPWDqEUUUPhrwRKILP5gXMO5UlQ0F6uBRGYB9CEVOREam9yIgvONOnZVJtszHqOayjIVMXbH/JMBeq11/g==}
+  '@tiptap/extension-code-block@2.10.3':
+    resolution: {integrity: sha512-yiDVNg22fYkzsFk5kBlDSHcjwVJgajvO/M5fDXA+Hfxwo2oNcG6aJyyHXFe+UaXTVjdkPej0J6kcMKrTMCiFug==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-code@2.9.1':
-    resolution: {integrity: sha512-WQqcVGe7i/E+yO3wz5XQteU1ETNZ00euUEl4ylVVmH2NM4Dh0KDjEhbhHlCM0iCfLUo7jhjC7dmS+hMdPUb+Tg==}
+  '@tiptap/extension-code@2.10.3':
+    resolution: {integrity: sha512-JyLbfyY3cPctq9sVdpcRWTcoUOoq3/MnGE1eP6eBNyMTHyBPcM9TPhOkgj+xkD1zW/884jfelB+wa70RT/AMxQ==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-document@2.9.1':
-    resolution: {integrity: sha512-1a+HCoDPnBttjqExfYLwfABq8MYdiowhy/wp8eCxVb6KGFEENO53KapstISvPzqH7eOi+qRjBB1KtVYb/ZXicg==}
+  '@tiptap/extension-document@2.10.3':
+    resolution: {integrity: sha512-6i8+xbS2zB6t8iFzli1O/QB01MmwyI5Hqiiv4m5lOxqavmJwLss2sRhoMC2hB3CyFg5UmeODy/f/RnI6q5Vixg==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-dropcursor@2.9.1':
-    resolution: {integrity: sha512-wJZspSmJRkDBtPkzFz1g7gvZOEOayk8s93UHsgbJxcV4VWHYleZ5XhT74sZunSjefNDm3qC6v2BSgLp3vNHVKQ==}
+  '@tiptap/extension-dropcursor@2.10.3':
+    resolution: {integrity: sha512-wzWf82ixWzZQr0hxcf/A0ul8NNxgy1N63O+c56st6OomoLuKUJWOXF+cs9O7V+/5rZKWdbdYYoRB5QLvnDBAlQ==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-floating-menu@2.9.1':
-    resolution: {integrity: sha512-MxZ7acNNsoNaKpetxfwi3Z11Bgrh0T2EJlCV77v9N1vWK38+st3H1WJanmLbPNtc2ocvhHJrz+DjDz3CWxQ9rQ==}
+  '@tiptap/extension-floating-menu@2.10.3':
+    resolution: {integrity: sha512-Prg8rYLxeyzHxfzVu1mDkkUWMnD9ZN3y370O/1qy55e+XKVw9jFkTSuz0y0+OhMJG6bulYpDUMtb+N3+2xOWlQ==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-gapcursor@2.9.1':
-    resolution: {integrity: sha512-jsRBmX01vr+5H02GljiHMo0n5H1vzoMLmFarxe0Yq2d2l9G/WV2VWX2XnGliqZAYWd1bI0phs7uLQIN3mxGQTw==}
+  '@tiptap/extension-gapcursor@2.10.3':
+    resolution: {integrity: sha512-FskZi2DqDSTH1WkgLF2OLy0xU7qj3AgHsKhVsryeAtld4jAK5EsonneWgaipbz0e/MxuIvc1oyacfZKABpLaNg==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-hard-break@2.9.1':
-    resolution: {integrity: sha512-fCuaOD/b7nDjm47PZ58oanq7y4ccS2wjPh42Qm0B0yipu/1fmC8eS1SmaXmk28F89BLtuL6uOCtR1spe+lZtlQ==}
+  '@tiptap/extension-hard-break@2.10.3':
+    resolution: {integrity: sha512-2rFlimUKAgKDwT6nqAMtPBjkrknQY8S7oBNyIcDOUGyFkvbDUl3Jd0PiC929S5F3XStJRppnMqhpNDAlWmvBLA==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-heading@2.9.1':
-    resolution: {integrity: sha512-SjZowzLixOFaCrV2cMaWi1mp8REK0zK1b3OcVx7bCZfVSmsOETJyrAIUpCKA8o60NwF7pwhBg0MN8oXlNKMeFw==}
+  '@tiptap/extension-heading@2.10.3':
+    resolution: {integrity: sha512-AlxXXPCWIvw8hQUDFRskasj32iMNB8Sb19VgyFWqwvntGs2/UffNu8VdsVqxD2HpZ0g5rLYCYtSW4wigs9R3og==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
@@ -2634,41 +2634,41 @@ packages:
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-history@2.9.1':
-    resolution: {integrity: sha512-wp9qR1NM+LpvyLZFmdNaAkDq0d4jDJ7z7Fz7icFQPu31NVxfQYO3IXNmvJDCNu8hFAbImpA5aG8MBuwzRo0H9w==}
+  '@tiptap/extension-history@2.10.3':
+    resolution: {integrity: sha512-HaSiMdx9Im9Pb9qGlVud7W8bweRDRMez33Uzs5a2x0n1RWkelfH7TwYs41Y3wus8Ujs7kw6qh7jyhvPpQBKaSA==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-horizontal-rule@2.9.1':
-    resolution: {integrity: sha512-ydUhABeaBI1CoJp+/BBqPhXINfesp1qMNL/jiDcMsB66fsD4nOyphpAJT7FaRFZFtQVF06+nttBtFZVkITQVqg==}
+  '@tiptap/extension-horizontal-rule@2.10.3':
+    resolution: {integrity: sha512-1a2IWhD00tgUNg/91RLnBvfENL7DLCui5L245+smcaLu+OXOOEpoBHawx59/M4hEpsjqvRRM79TzO9YXfopsPw==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-italic@2.9.1':
-    resolution: {integrity: sha512-VkNA6Vz96+/+7uBlsgM7bDXXx4b62T1fDam/3UKifA72aD/fZckeWrbT7KrtdUbzuIniJSbA0lpTs5FY29+86Q==}
+  '@tiptap/extension-italic@2.10.3':
+    resolution: {integrity: sha512-wAiO6ZxoHx2H90phnKttLWGPjPZXrfKxhOCsqYrK8BpRByhr48godOFRuGwYnKaiwoVjpxc63t+kDJDWvqmgMw==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-link@2.9.1':
-    resolution: {integrity: sha512-yG+e3e8cCCN9dZjX4ttEe3e2xhh58ryi3REJV4MdiEkOT9QF75Bl5pUbMIS4tQ8HkOr04QBFMHKM12kbSxg1BA==}
+  '@tiptap/extension-link@2.10.3':
+    resolution: {integrity: sha512-8esKlkZBzEiNcpt7I8Cd6l1mWmCc/66pPbUq9LfnIniDXE3U+ahBf4m3TJltYFBGbiiTR/xqMtJyVHOpuLDtAw==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-list-item@2.9.1':
-    resolution: {integrity: sha512-6O4NtYNR5N2Txi4AC0/4xMRJq9xd4+7ShxCZCDVL0WDVX37IhaqMO7LGQtA6MVlYyNaX4W1swfdJaqrJJ5HIUw==}
+  '@tiptap/extension-list-item@2.10.3':
+    resolution: {integrity: sha512-9sok81gvZfSta2K1Dwrq5/HSz1jk4zHBpFqCx0oydzodGslx6X1bNxdca+eXJpXZmQIWALK7zEr4X8kg3WZsgw==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-ordered-list@2.9.1':
-    resolution: {integrity: sha512-6J9jtv1XP8dW7/JNSH/K4yiOABc92tBJtgCsgP8Ep4+fjfjdj4HbjS1oSPWpgItucF2Fp/VF8qg55HXhjxHjTw==}
+  '@tiptap/extension-ordered-list@2.10.3':
+    resolution: {integrity: sha512-/SFuEDnbJxy3jvi72LeyiPHWkV+uFc0LUHTUHSh20vwyy+tLrzncJfXohGbTIv5YxYhzExQYZDRD4VbSghKdlw==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-paragraph@2.9.1':
-    resolution: {integrity: sha512-JOmT0xd4gd3lIhLwrsjw8lV+ZFROKZdIxLi0Ia05XSu4RLrrvWj0zdKMSB+V87xOWfSB3Epo95zAvnPox5Q16A==}
+  '@tiptap/extension-paragraph@2.10.3':
+    resolution: {integrity: sha512-sNkTX/iN+YoleDiTJsrWSBw9D7c4vsYwnW5y/G5ydfuJMIRQMF78pWSIWZFDRNOMkgK5UHkhu9anrbCFYgBfaA==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
@@ -2678,8 +2678,8 @@ packages:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
 
-  '@tiptap/extension-strike@2.9.1':
-    resolution: {integrity: sha512-V5aEXdML+YojlPhastcu7w4biDPwmzy/fWq0T2qjfu5Te/THcqDmGYVBKESBm5x6nBy5OLkanw2O+KHu2quDdg==}
+  '@tiptap/extension-strike@2.10.3':
+    resolution: {integrity: sha512-jYoPy6F6njYp3txF3u23bgdRy/S5ATcWDO9LPZLHSeikwQfJ47nqb+EUNo5M8jIOgFBTn4MEbhuZ6OGyhnxopA==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
@@ -2698,13 +2698,13 @@ packages:
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-text-style@2.9.1':
-    resolution: {integrity: sha512-LAxc0SeeiPiAVBwksczeA7BJSZb6WtVpYhy5Esvy9K0mK5kttB4KxtnXWeQzMIJZQbza65yftGKfQlexf/Y7yg==}
+  '@tiptap/extension-text-style@2.10.3':
+    resolution: {integrity: sha512-TalYIdlF7vBA4afFhmido7AORdBbu3sV+HCByda0FiNbM6cjng3Nr9oxHOCVJy+ChqrcgF4m54zDfLmamdyu5Q==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/extension-text@2.9.1':
-    resolution: {integrity: sha512-3wo9uCrkLVLQFgbw2eFU37QAa1jq1/7oExa+FF/DVxdtHRS9E2rnUZ8s2hat/IWzvPUHXMwo3Zg2XfhoamQpCA==}
+  '@tiptap/extension-text@2.10.3':
+    resolution: {integrity: sha512-7p9XiRprsRZm8y9jvF/sS929FCELJ5N9FQnbzikOiyGNUx5mdI+exVZlfvBr9xOD5s7fBLg6jj9Vs0fXPNRkPg==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
@@ -2713,19 +2713,19 @@ packages:
     peerDependencies:
       '@tiptap/core': ^2.7.0
 
-  '@tiptap/pm@2.9.1':
-    resolution: {integrity: sha512-mvV86fr7kEuDYEApQ2uMPCKL2uagUE0BsXiyyz3KOkY1zifyVm1fzdkscb24Qy1GmLzWAIIihA+3UHNRgYdOlQ==}
+  '@tiptap/pm@2.10.3':
+    resolution: {integrity: sha512-771p53aU0KFvujvKpngvq2uAxThlEsjYaXcVVmwrhf0vxSSg+psKQEvqvWvHv/3BwkPVCGwmEKNVJZjaXFKu4g==}
 
-  '@tiptap/react@2.9.1':
-    resolution: {integrity: sha512-LQJ34ZPfXtJF36SZdcn4Fiwsl2WxZ9YRJI87OLnsjJ45O+gV/PfBzz/4ap+LF8LOS0AbbGhTTjBOelPoNm+aYA==}
+  '@tiptap/react@2.10.3':
+    resolution: {integrity: sha512-5GBL3arWai8WZuCl1MMA7bT5aWwqDi5AOQhX+hovKjwHvttpKDogRoUBL5k6Eds/eQMBMGTpsfmZlGNiFxSv1g==}
     peerDependencies:
       '@tiptap/core': ^2.7.0
       '@tiptap/pm': ^2.7.0
-      react: ^17.0.0 || ^18.0.0
-      react-dom: ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tiptap/starter-kit@2.9.1':
-    resolution: {integrity: sha512-nsw6UF/7wDpPfHRhtGOwkj1ipIEiWZS1VGw+c14K61vM1CNj0uQ4jogbHwHZqN1dlL5Hh+FCqUHDPxG6ECbijg==}
+  '@tiptap/starter-kit@2.10.3':
+    resolution: {integrity: sha512-oq8xdVIMqohSs91ofHSr7i5dCp2F56Lb9aYIAI25lZmwNwQJL2geGOYjMSfL0IC4cQHPylIuSKYCg7vRFdZmAA==}
 
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
@@ -2763,6 +2763,9 @@ packages:
   '@types/d3-color@2.0.6':
     resolution: {integrity: sha512-tbaFGDmJWHqnenvk3QGSvD3RVwr631BjKRD7Sc7VLRgrdX5mk5hTyoeBL6rXZaeoXzmZwIl1D2HPogEdt1rHBg==}
 
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
   '@types/d3-dsv@3.0.7':
     resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
 
@@ -2796,6 +2799,9 @@ packages:
   '@types/d3-time@3.0.3':
     resolution: {integrity: sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw==}
 
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
   '@types/d3-timer@3.0.2':
     resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
 
@@ -3027,8 +3033,8 @@ packages:
     resolution: {integrity: sha512-7N/+lztJqH4Mrf0lb10R/CbI1EaAMMGyF5y0oJvFoAhafwgiRA7TXyd8TFn8FC8k5y2dTsYogg238qavRGNnlw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@ungap/structured-clone@1.2.0':
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+  '@ungap/structured-clone@1.2.1':
+    resolution: {integrity: sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==}
 
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
@@ -3811,6 +3817,10 @@ packages:
     resolution: {integrity: sha512-ZVJrKKYunU38/76t0RMOulHOnUcbU9GbpWKAOZ0mhjr7CX6FVrH+4FrAapSOekrgFQ3f/8gwMEuIft0aKq6Hug==}
     engines: {node: '>= 8'}
 
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
   crypto-browserify@3.12.1:
     resolution: {integrity: sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==}
     engines: {node: '>= 0.10'}
@@ -4000,6 +4010,15 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.4.0:
+    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   decamelize-keys@1.1.1:
     resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
     engines: {node: '>=0.10.0'}
@@ -5388,8 +5407,8 @@ packages:
   linkify-it@5.0.0:
     resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
 
-  linkifyjs@4.1.3:
-    resolution: {integrity: sha512-auMesunaJ8yfkHvK4gfg1K0SaKX/6Wn9g2Aac/NwX+l5VdmFZzo/hdPGxEOETj+ryRa4/fiOPjeeKURSAJx1sg==}
+  linkifyjs@4.2.0:
+    resolution: {integrity: sha512-pCj3PrQyATaoTYKHrgWRF3SJwsm61udVh+vuls/Rl6SptiDhgE7ziUIudAedRY9QEfynmM7/RmLEfPUyw1HPCw==}
 
   lint-staged@15.2.10:
     resolution: {integrity: sha512-5dY5t743e1byO19P9I4b3x8HJwalIznL5E1FWYnU6OWw33KxNBSLAc6Cy7F2PsFEO8FKnLwjwm5hx7aMF0jzZg==}
@@ -6280,14 +6299,14 @@ packages:
   prosemirror-menu@1.2.4:
     resolution: {integrity: sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==}
 
-  prosemirror-model@1.23.0:
-    resolution: {integrity: sha512-Q/fgsgl/dlOAW9ILu4OOhYWQbc7TQd4BwKH/RwmUjyVf8682Be4zj3rOYdLnYEcGzyg8LL9Q5IWYKD8tdToreQ==}
+  prosemirror-model@1.24.0:
+    resolution: {integrity: sha512-Ft7epNnycoQSM+2ObF35SBbBX+5WY39v8amVlrtlAcpglhlHs2tCTnWl7RX5tbp/PsMKcRcWV9cXPuoBWq0AIQ==}
 
   prosemirror-schema-basic@1.2.3:
     resolution: {integrity: sha512-h+H0OQwZVqMon1PNn0AG9cTfx513zgIG2DY00eJ00Yvgb3UD+GQ/VlWW5rcaxacpCGT1Yx8nuhwXk4+QbXUfJA==}
 
-  prosemirror-schema-list@1.4.1:
-    resolution: {integrity: sha512-jbDyaP/6AFfDfu70VzySsD75Om2t3sXTOdl5+31Wlxlg62td1haUpty/ybajSfJ1pkGadlOfwQq9kgW5IMo1Rg==}
+  prosemirror-schema-list@1.5.0:
+    resolution: {integrity: sha512-gg1tAfH1sqpECdhIHOA/aLg2VH3ROKBWQ4m8Qp9mBKrOxQRW61zc+gMCI8nh22gnBzd1t2u1/NPLmO3nAa3ssg==}
 
   prosemirror-state@1.4.3:
     resolution: {integrity: sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==}
@@ -6305,8 +6324,8 @@ packages:
   prosemirror-transform@1.10.2:
     resolution: {integrity: sha512-2iUq0wv2iRoJO/zj5mv8uDUriOHWzXRnOTVgCzSXnktS/2iQRa3UUQwVlkBlYZFtygw6Nh1+X4mGqoYBINn5KQ==}
 
-  prosemirror-view@1.36.0:
-    resolution: {integrity: sha512-U0GQd5yFvV5qUtT41X1zCQfbw14vkbbKwLlQXhdylEmgpYVHkefXYcC4HHwWOfZa3x6Y8wxDLUBv7dxN5XQ3nA==}
+  prosemirror-view@1.37.0:
+    resolution: {integrity: sha512-z2nkKI1sJzyi7T47Ji/ewBPuIma1RNvQCCYVdV+MqWBV7o4Sa1n94UJCJJ1aQRF/xRkFfyqLGlGFWitIcCOtbg==}
 
   proxy-addr@2.0.7:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
@@ -6425,8 +6444,8 @@ packages:
     peerDependencies:
       react: ^18.3.1
 
-  react-dropzone-esm@15.0.1:
-    resolution: {integrity: sha512-RdeGpqwHnoV/IlDFpQji7t7pTtlC2O1i/Br0LWkRZ9hYtLyce814S71h5NolnCZXsIN5wrZId6+8eQj2EBnEzg==}
+  react-dropzone-esm@15.2.0:
+    resolution: {integrity: sha512-pPwR8xWVL+tFLnbAb8KVH5f6Vtl397tck8dINkZ1cPMxHWH+l9dFmIgRWgbh7V7jbjIcuKXCsVrXbhQz68+dVA==}
     engines: {node: '>= 10.13'}
     peerDependencies:
       react: '>= 16.8 || 18.0.0'
@@ -6504,8 +6523,8 @@ packages:
       react: ^16.8.0 || 17.x || 18.x
       react-dom: ^16.8.0 || 17.x || 18.x
 
-  react-smooth@4.0.1:
-    resolution: {integrity: sha512-OE4hm7XqR0jNOq3Qmk9mFLyd6p2+j6bvbPJ7qlB7+oo0eNcL2l7WQzG6MBnT3EXY6xzkLMUBec3AfewJdA0J8w==}
+  react-smooth@4.0.3:
+    resolution: {integrity: sha512-PyxIrra8WZWrMRFcCiJsZ+JqFaxEINAt+v/w++wQKQlmO99Eh3+JTLeKApdTsLX2roBdWYXqPsaS8sO4UmdzIg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6520,8 +6539,8 @@ packages:
       '@types/react':
         optional: true
 
-  react-textarea-autosize@8.5.4:
-    resolution: {integrity: sha512-eSSjVtRLcLfFwFcariT77t9hcbVJHQV76b51QjQGarQIHml2+gM2lms0n3XrhnDmgK5B+/Z7TmQk5OHNzqYm/A==}
+  react-textarea-autosize@8.5.5:
+    resolution: {integrity: sha512-CVA94zmfp8m4bSHtWwmANaBR8EPsKy2aZ7KwqhoS4Ftib87F9Kvi7XQhOixypPLMc6kVYgOXvKFuuzZDpHGRPg==}
     engines: {node: '>=10'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6577,8 +6596,8 @@ packages:
   recharts-scale@0.4.5:
     resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
 
-  recharts@2.13.3:
-    resolution: {integrity: sha512-YDZ9dOfK9t3ycwxgKbrnDlRC4BHdjlY73fet3a0C1+qGMjXVZe6+VXmpOIIhzkje5MMEL8AN4hLIe4AMskBzlA==}
+  recharts@2.14.1:
+    resolution: {integrity: sha512-xtWulflkA+/xu4/QClBdtZYN30dbvTHjxjkh5XTMrH/CQ3WGDDPHHa/LLKCbgoqz0z3UaSH2/blV1i6VNMeh1g==}
     engines: {node: '>=14'}
     peerDependencies:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0
@@ -7352,8 +7371,8 @@ packages:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
 
-  type-fest@4.26.1:
-    resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
+  type-fest@4.30.0:
+    resolution: {integrity: sha512-G6zXWS1dLj6eagy6sVhOMQiLtJdxQBHIA9Z6HFUNLOlr6MFOgzV8wvmidtPONfPtEUv0uZsy77XJNzTAfwPDaA==}
     engines: {node: '>=16'}
 
   type-is@1.6.18:
@@ -7483,11 +7502,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  use-isomorphic-layout-effect@1.1.2:
-    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
+  use-isomorphic-layout-effect@1.2.0:
+    resolution: {integrity: sha512-q6ayo8DWoPZT0VdG4u3D3uxcgONP3Mevx2i2b0434cwWBoL+aelL1DzkXI6w3PhTZzUeR2kaVlZn70iCiseP6w==}
     peerDependencies:
       '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -7522,6 +7541,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
 
+  use-sync-external-store@1.4.0:
+    resolution: {integrity: sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -8953,13 +8977,13 @@ snapshots:
       react: 18.3.1
       tslib: 2.8.1
 
-  '@emotion/babel-plugin@11.12.0':
+  '@emotion/babel-plugin@11.13.5':
     dependencies:
       '@babel/helper-module-imports': 7.25.9
       '@babel/runtime': 7.26.0
       '@emotion/hash': 0.9.2
       '@emotion/memoize': 0.9.0
-      '@emotion/serialize': 1.3.2
+      '@emotion/serialize': 1.3.3
       babel-plugin-macros: 3.1.0
       convert-source-map: 1.9.0
       escape-string-regexp: 4.0.0
@@ -8969,11 +8993,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@emotion/cache@11.13.1':
+  '@emotion/cache@11.13.5':
     dependencies:
       '@emotion/memoize': 0.9.0
       '@emotion/sheet': 1.4.0
-      '@emotion/utils': 1.4.1
+      '@emotion/utils': 1.4.2
       '@emotion/weak-memoize': 0.4.0
       stylis: 4.2.0
 
@@ -8984,11 +9008,11 @@ snapshots:
   '@emotion/react@11.13.3(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.26.0
-      '@emotion/babel-plugin': 11.12.0
-      '@emotion/cache': 11.13.1
-      '@emotion/serialize': 1.3.2
+      '@emotion/babel-plugin': 11.13.5
+      '@emotion/cache': 11.13.5
+      '@emotion/serialize': 1.3.3
       '@emotion/use-insertion-effect-with-fallbacks': 1.1.0(react@18.3.1)
-      '@emotion/utils': 1.4.1
+      '@emotion/utils': 1.4.2
       '@emotion/weak-memoize': 0.4.0
       hoist-non-react-statics: 3.3.2
       react: 18.3.1
@@ -8997,17 +9021,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@emotion/serialize@1.3.2':
+  '@emotion/serialize@1.3.3':
     dependencies:
       '@emotion/hash': 0.9.2
       '@emotion/memoize': 0.9.0
       '@emotion/unitless': 0.10.0
-      '@emotion/utils': 1.4.1
+      '@emotion/utils': 1.4.2
       csstype: 3.1.3
 
   '@emotion/server@11.11.0':
     dependencies:
-      '@emotion/utils': 1.4.1
+      '@emotion/utils': 1.4.2
       html-tokenize: 2.0.1
       multipipe: 1.0.2
       through: 2.3.8
@@ -9020,7 +9044,7 @@ snapshots:
     dependencies:
       react: 18.3.1
 
-  '@emotion/utils@1.4.1': {}
+  '@emotion/utils@1.4.2': {}
 
   '@emotion/weak-memoize@0.4.0': {}
 
@@ -9100,7 +9124,7 @@ snapshots:
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.7
+      debug: 4.4.0
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.2
@@ -9130,7 +9154,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@floating-ui/react@0.26.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@floating-ui/react@0.26.28(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@floating-ui/utils': 0.2.8
@@ -9166,7 +9190,7 @@ snapshots:
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.7
+      debug: 4.4.0
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -9259,76 +9283,76 @@ snapshots:
 
   '@juggle/resize-observer@3.4.0': {}
 
-  '@mantine/carousel@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(embla-carousel-react@7.1.0(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/carousel@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(embla-carousel-react@7.1.0(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       embla-carousel-react: 7.1.0(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@mantine/charts@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(recharts@2.13.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@mantine/charts@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(recharts@2.14.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      recharts: 2.13.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      recharts: 2.14.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  '@mantine/code-highlight@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/code-highlight@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       clsx: 2.1.1
       highlight.js: 11.10.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@floating-ui/react': 0.26.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@floating-ui/react': 0.26.28(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       clsx: 2.1.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-number-format: 5.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-remove-scroll: 2.6.0(@types/react@18.3.12)(react@18.3.1)
-      react-textarea-autosize: 8.5.4(@types/react@18.3.12)(react@18.3.1)
-      type-fest: 4.26.1
+      react-textarea-autosize: 8.5.5(@types/react@18.3.12)(react@18.3.1)
+      type-fest: 4.30.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@mantine/dates@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(dayjs@1.11.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/dates@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(dayjs@1.11.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       clsx: 2.1.1
       dayjs: 1.11.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@mantine/dropzone@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/dropzone@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-dropzone-esm: 15.0.1(react@18.3.1)
+      react-dropzone-esm: 15.2.0(react@18.3.1)
 
-  '@mantine/form@7.13.5(react@18.3.1)':
+  '@mantine/form@7.14.3(react@18.3.1)':
     dependencies:
       fast-deep-equal: 3.1.3
       klona: 2.0.6
       react: 18.3.1
 
-  '@mantine/hooks@7.13.5(react@18.3.1)':
+  '@mantine/hooks@7.14.3(react@18.3.1)':
     dependencies:
       react: 18.3.1
 
-  '@mantine/modals@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/modals@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -9343,28 +9367,28 @@ snapshots:
       - '@emotion/react'
       - '@emotion/server'
 
-  '@mantine/notifications@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/notifications@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
-      '@mantine/store': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
+      '@mantine/store': 7.14.3(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  '@mantine/nprogress@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/nprogress@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
-      '@mantine/store': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
+      '@mantine/store': 7.14.3(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@mantine/spotlight@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/spotlight@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
-      '@mantine/store': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
+      '@mantine/store': 7.14.3(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -9377,7 +9401,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@mantine/store@7.13.5(react@18.3.1)':
+  '@mantine/store@7.14.3(react@18.3.1)':
     dependencies:
       react: 18.3.1
 
@@ -9389,12 +9413,12 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@mantine/tiptap@7.13.5(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(@tiptap/extension-link@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1))(@tiptap/react@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@mantine/tiptap@7.14.3(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(@tiptap/extension-link@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3))(@tiptap/react@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
-      '@tiptap/extension-link': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/react': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
+      '@tiptap/extension-link': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/react': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -9496,7 +9520,7 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
-  '@pmmmwh/react-refresh-webpack-plugin@0.5.15(react-refresh@0.11.0)(type-fest@4.26.1)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))':
+  '@pmmmwh/react-refresh-webpack-plugin@0.5.15(react-refresh@0.11.0)(type-fest@4.30.0)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))':
     dependencies:
       ansi-html: 0.0.9
       core-js-pure: 3.39.0
@@ -9508,7 +9532,7 @@ snapshots:
       source-map: 0.7.4
       webpack: 5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20)
     optionalDependencies:
-      type-fest: 4.26.1
+      type-fest: 4.30.0
       webpack-hot-middleware: 2.26.1
 
   '@popperjs/core@2.11.8': {}
@@ -10667,7 +10691,7 @@ snapshots:
 
   '@storybook/mdx2-csf@1.1.0': {}
 
-  '@storybook/nextjs@7.5.3(@swc/core@1.9.1(@swc/helpers@0.5.5))(@swc/helpers@0.5.5)(@types/react-dom@18.3.1)(@types/react@18.3.12)(esbuild@0.18.20)(next@14.2.17(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.26.1)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))':
+  '@storybook/nextjs@7.5.3(@swc/core@1.9.1(@swc/helpers@0.5.5))(@swc/helpers@0.5.5)(@types/react-dom@18.3.1)(@types/react@18.3.12)(esbuild@0.18.20)(next@14.2.17(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.30.0)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.26.0)
@@ -10687,7 +10711,7 @@ snapshots:
       '@storybook/core-common': 7.5.3
       '@storybook/core-events': 7.5.3
       '@storybook/node-logger': 7.5.3
-      '@storybook/preset-react-webpack': 7.5.3(@babel/core@7.26.0)(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.26.1)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)
+      '@storybook/preset-react-webpack': 7.5.3(@babel/core@7.26.0)(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.30.0)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)
       '@storybook/preview-api': 7.5.3
       '@storybook/react': 7.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.1.6)
       '@types/node': 18.19.64
@@ -10743,11 +10767,11 @@ snapshots:
 
   '@storybook/postinstall@7.5.3': {}
 
-  '@storybook/preset-react-webpack@7.5.3(@babel/core@7.26.0)(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.26.1)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)':
+  '@storybook/preset-react-webpack@7.5.3(@babel/core@7.26.0)(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(type-fest@4.30.0)(typescript@5.1.6)(webpack-hot-middleware@2.26.1)':
     dependencies:
       '@babel/preset-flow': 7.25.9(@babel/core@7.26.0)
       '@babel/preset-react': 7.25.9(@babel/core@7.26.0)
-      '@pmmmwh/react-refresh-webpack-plugin': 0.5.15(react-refresh@0.11.0)(type-fest@4.26.1)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))
+      '@pmmmwh/react-refresh-webpack-plugin': 0.5.15(react-refresh@0.11.0)(type-fest@4.30.0)(webpack-hot-middleware@2.26.1)(webpack@5.96.1(@swc/core@1.9.1(@swc/helpers@0.5.5))(esbuild@0.18.20))
       '@storybook/core-webpack': 7.5.3
       '@storybook/docs-tools': 7.5.3
       '@storybook/node-logger': 7.5.3
@@ -11049,135 +11073,135 @@ snapshots:
     dependencies:
       '@testing-library/dom': 9.3.4
 
-  '@tiptap/core@2.9.1(@tiptap/pm@2.9.1)':
+  '@tiptap/core@2.10.3(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/pm': 2.9.1
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-blockquote@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-blockquote@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-bold@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-bold@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-bubble-menu@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-bubble-menu@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
       tippy.js: 6.3.7
 
-  '@tiptap/extension-bullet-list@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-bullet-list@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-code-block@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-code-block@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-code@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-code@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-document@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-document@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-dropcursor@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-dropcursor@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-floating-menu@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-floating-menu@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
       tippy.js: 6.3.7
 
-  '@tiptap/extension-gapcursor@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-gapcursor@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-hard-break@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-hard-break@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-heading@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-heading@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-highlight@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-highlight@2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-history@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-history@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-horizontal-rule@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-horizontal-rule@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-italic@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-italic@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-link@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-link@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
-      linkifyjs: 4.1.3
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
+      linkifyjs: 4.2.0
 
-  '@tiptap/extension-list-item@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-list-item@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-ordered-list@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-ordered-list@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-paragraph@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-paragraph@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-placeholder@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)':
+  '@tiptap/extension-placeholder@2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
 
-  '@tiptap/extension-strike@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-strike@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-subscript@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-subscript@2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-superscript@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-superscript@2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-text-align@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-text-align@2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-text-style@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-text-style@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-text@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-text@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/extension-underline@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))':
+  '@tiptap/extension-underline@2.9.1(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
 
-  '@tiptap/pm@2.9.1':
+  '@tiptap/pm@2.10.3':
     dependencies:
       prosemirror-changeset: 2.2.1
       prosemirror-collab: 1.3.1
@@ -11189,50 +11213,50 @@ snapshots:
       prosemirror-keymap: 1.2.2
       prosemirror-markdown: 1.13.1
       prosemirror-menu: 1.2.4
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-schema-basic: 1.2.3
-      prosemirror-schema-list: 1.4.1
+      prosemirror-schema-list: 1.5.0
       prosemirror-state: 1.4.3
       prosemirror-tables: 1.6.1
-      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.23.0)(prosemirror-state@1.4.3)(prosemirror-view@1.36.0)
+      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.24.0)(prosemirror-state@1.4.3)(prosemirror-view@1.37.0)
       prosemirror-transform: 1.10.2
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
 
-  '@tiptap/react@2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@tiptap/react@2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/extension-bubble-menu': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/extension-floating-menu': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/pm': 2.9.1
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/extension-bubble-menu': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/extension-floating-menu': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/pm': 2.10.3
       '@types/use-sync-external-store': 0.0.6
       fast-deep-equal: 3.1.3
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      use-sync-external-store: 1.2.2(react@18.3.1)
-
-  '@tiptap/starter-kit@2.9.1':
-    dependencies:
-      '@tiptap/core': 2.9.1(@tiptap/pm@2.9.1)
-      '@tiptap/extension-blockquote': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-bold': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-bullet-list': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-code': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-code-block': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/extension-document': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-dropcursor': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/extension-gapcursor': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/extension-hard-break': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-heading': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-history': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/extension-horizontal-rule': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))(@tiptap/pm@2.9.1)
-      '@tiptap/extension-italic': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-list-item': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-ordered-list': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-paragraph': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-strike': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-text': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/extension-text-style': 2.9.1(@tiptap/core@2.9.1(@tiptap/pm@2.9.1))
-      '@tiptap/pm': 2.9.1
+      use-sync-external-store: 1.4.0(react@18.3.1)
+
+  '@tiptap/starter-kit@2.10.3':
+    dependencies:
+      '@tiptap/core': 2.10.3(@tiptap/pm@2.10.3)
+      '@tiptap/extension-blockquote': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-bold': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-bullet-list': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-code': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-code-block': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/extension-document': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-dropcursor': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/extension-gapcursor': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/extension-hard-break': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-heading': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-history': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/extension-horizontal-rule': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))(@tiptap/pm@2.10.3)
+      '@tiptap/extension-italic': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-list-item': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-ordered-list': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-paragraph': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-strike': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-text': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/extension-text-style': 2.10.3(@tiptap/core@2.10.3(@tiptap/pm@2.10.3))
+      '@tiptap/pm': 2.10.3
 
   '@types/aria-query@5.0.4': {}
 
@@ -11283,6 +11307,8 @@ snapshots:
 
   '@types/d3-color@2.0.6': {}
 
+  '@types/d3-color@3.1.3': {}
+
   '@types/d3-dsv@3.0.7': {}
 
   '@types/d3-ease@3.0.2': {}
@@ -11301,7 +11327,7 @@ snapshots:
 
   '@types/d3-interpolate@3.0.4':
     dependencies:
-      '@types/d3-color': 2.0.6
+      '@types/d3-color': 3.1.3
 
   '@types/d3-path@3.1.0': {}
 
@@ -11317,6 +11343,8 @@ snapshots:
 
   '@types/d3-time@3.0.3': {}
 
+  '@types/d3-time@3.0.4': {}
+
   '@types/d3-timer@3.0.2': {}
 
   '@types/d3-zoom@2.0.7':
@@ -11578,7 +11606,7 @@ snapshots:
       '@typescript-eslint/types': 8.13.0
       eslint-visitor-keys: 3.4.3
 
-  '@ungap/structured-clone@1.2.0': {}
+  '@ungap/structured-clone@1.2.1': {}
 
   '@webassemblyjs/ast@1.14.1':
     dependencies:
@@ -12477,6 +12505,12 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
   crypto-browserify@3.12.1:
     dependencies:
       browserify-cipher: 1.0.1
@@ -12666,6 +12700,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.4.0:
+    dependencies:
+      ms: 2.1.3
+
   decamelize-keys@1.1.1:
     dependencies:
       decamelize: 1.2.0
@@ -13228,11 +13266,11 @@ snapshots:
       '@humanwhocodes/config-array': 0.13.0
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.2.0
+      '@ungap/structured-clone': 1.2.1
       ajv: 6.12.6
       chalk: 4.1.2
-      cross-spawn: 7.0.5
-      debug: 4.3.7
+      cross-spawn: 7.0.6
+      debug: 4.4.0
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -14337,7 +14375,7 @@ snapshots:
     dependencies:
       uc.micro: 2.1.0
 
-  linkifyjs@4.1.3: {}
+  linkifyjs@4.2.0: {}
 
   lint-staged@15.2.10:
     dependencies:
@@ -14476,10 +14514,10 @@ snapshots:
     dependencies:
       tmpl: 1.0.5
 
-  mantine-datatable@7.12.4(@mantine/core@7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.13.5(react@18.3.1))(clsx@2.1.1)(react@18.3.1):
+  mantine-datatable@7.12.4(@mantine/core@7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.14.3(react@18.3.1))(clsx@2.1.1)(react@18.3.1):
     dependencies:
-      '@mantine/core': 7.13.5(@mantine/hooks@7.13.5(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@mantine/hooks': 7.13.5(react@18.3.1)
+      '@mantine/core': 7.14.3(@mantine/hooks@7.14.3(react@18.3.1))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 7.14.3(react@18.3.1)
       clsx: 2.1.1
       react: 18.3.1
 
@@ -15224,7 +15262,7 @@ snapshots:
 
   prosemirror-commands@1.6.2:
     dependencies:
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-state: 1.4.3
       prosemirror-transform: 1.10.2
 
@@ -15232,20 +15270,20 @@ snapshots:
     dependencies:
       prosemirror-state: 1.4.3
       prosemirror-transform: 1.10.2
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
 
   prosemirror-gapcursor@1.3.2:
     dependencies:
       prosemirror-keymap: 1.2.2
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-state: 1.4.3
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
 
   prosemirror-history@1.4.1:
     dependencies:
       prosemirror-state: 1.4.3
       prosemirror-transform: 1.10.2
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
       rope-sequence: 1.3.4
 
   prosemirror-inputrules@1.4.0:
@@ -15262,7 +15300,7 @@ snapshots:
     dependencies:
       '@types/markdown-it': 14.1.2
       markdown-it: 14.1.0
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
 
   prosemirror-menu@1.2.4:
     dependencies:
@@ -15271,49 +15309,49 @@ snapshots:
       prosemirror-history: 1.4.1
       prosemirror-state: 1.4.3
 
-  prosemirror-model@1.23.0:
+  prosemirror-model@1.24.0:
     dependencies:
       orderedmap: 2.1.1
 
   prosemirror-schema-basic@1.2.3:
     dependencies:
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
 
-  prosemirror-schema-list@1.4.1:
+  prosemirror-schema-list@1.5.0:
     dependencies:
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-state: 1.4.3
       prosemirror-transform: 1.10.2
 
   prosemirror-state@1.4.3:
     dependencies:
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-transform: 1.10.2
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
 
   prosemirror-tables@1.6.1:
     dependencies:
       prosemirror-keymap: 1.2.2
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-state: 1.4.3
       prosemirror-transform: 1.10.2
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
 
-  prosemirror-trailing-node@3.0.0(prosemirror-model@1.23.0)(prosemirror-state@1.4.3)(prosemirror-view@1.36.0):
+  prosemirror-trailing-node@3.0.0(prosemirror-model@1.24.0)(prosemirror-state@1.4.3)(prosemirror-view@1.37.0):
     dependencies:
       '@remirror/core-constants': 3.0.0
       escape-string-regexp: 4.0.0
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-state: 1.4.3
-      prosemirror-view: 1.36.0
+      prosemirror-view: 1.37.0
 
   prosemirror-transform@1.10.2:
     dependencies:
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
 
-  prosemirror-view@1.36.0:
+  prosemirror-view@1.37.0:
     dependencies:
-      prosemirror-model: 1.23.0
+      prosemirror-model: 1.24.0
       prosemirror-state: 1.4.3
       prosemirror-transform: 1.10.2
 
@@ -15460,7 +15498,7 @@ snapshots:
       react: 18.3.1
       scheduler: 0.23.2
 
-  react-dropzone-esm@15.0.1(react@18.3.1):
+  react-dropzone-esm@15.2.0(react@18.3.1):
     dependencies:
       prop-types: 15.8.1
       react: 18.3.1
@@ -15534,7 +15572,7 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       topojson-client: 3.1.0
 
-  react-smooth@4.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-smooth@4.0.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       fast-equals: 5.0.1
       prop-types: 15.8.1
@@ -15551,7 +15589,7 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.12
 
-  react-textarea-autosize@8.5.4(@types/react@18.3.12)(react@18.3.1):
+  react-textarea-autosize@8.5.5(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.26.0
       react: 18.3.1
@@ -15647,7 +15685,7 @@ snapshots:
     dependencies:
       decimal.js-light: 2.5.1
 
-  recharts@2.13.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  recharts@2.14.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       clsx: 2.1.1
       eventemitter3: 4.0.7
@@ -15655,7 +15693,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-is: 18.3.1
-      react-smooth: 4.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-smooth: 4.0.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       recharts-scale: 0.4.5
       tiny-invariant: 1.3.3
       victory-vendor: 36.9.2
@@ -16468,7 +16506,7 @@ snapshots:
 
   type-fest@2.19.0: {}
 
-  type-fest@4.26.1: {}
+  type-fest@4.30.0: {}
 
   type-is@1.6.18:
     dependencies:
@@ -16596,7 +16634,7 @@ snapshots:
     dependencies:
       react: 18.3.1
 
-  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.12)(react@18.3.1):
+  use-isomorphic-layout-effect@1.2.0(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
     optionalDependencies:
@@ -16605,7 +16643,7 @@ snapshots:
   use-latest@1.2.1(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.12)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.2.0(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.12
 
@@ -16627,6 +16665,10 @@ snapshots:
     dependencies:
       react: 18.3.1
 
+  use-sync-external-store@1.4.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   util-deprecate@1.0.2: {}
 
   util@0.12.5:
@@ -16665,7 +16707,7 @@ snapshots:
       '@types/d3-interpolate': 3.0.4
       '@types/d3-scale': 4.0.8
       '@types/d3-shape': 3.1.6
-      '@types/d3-time': 3.0.3
+      '@types/d3-time': 3.0.4
       '@types/d3-timer': 3.0.2
       d3-array: 3.2.4
       d3-ease: 3.0.1
diff --git a/public/mocks/FileActivities.json b/public/mocks/FileActivities.json
new file mode 100644
index 0000000..822ac8d
--- /dev/null
+++ b/public/mocks/FileActivities.json
@@ -0,0 +1,88 @@
+[
+  {
+    "id": "a1d3e5b7-9c4a-4f6d-b8e7-c9a5f3b7e6d4",
+    "timestamp": "2024-12-08T08:30:00Z",
+    "action": "Created",
+    "file_name": "ProjectProposal.pdf",
+    "file_type": "Documents",
+    "user": "Alice Johnson"
+  },
+  {
+    "id": "b2e7f3c9-a4d6-4b8e-c9a7-d5f8b7e3c6a5",
+    "timestamp": "2024-12-08T09:00:00Z",
+    "action": "Edited",
+    "file_name": "MarketingPlan.xlsx",
+    "file_type": "Spreadsheet",
+    "user": "Bob Smith"
+  },
+  {
+    "id": "c3f9a7d5-b6c8-4e7d-a9b3-e5d7f3b9c4a6",
+    "timestamp": "2024-12-08T09:30:00Z",
+    "action": "Deleted",
+    "file_name": "OldLogo.png",
+    "file_type": "Images",
+    "user": "Charlie Brown"
+  },
+  {
+    "id": "d4b8e7f3-c9a5-4d6c-a7b9-f3c6a5b8e7d9",
+    "timestamp": "2024-12-08T10:15:00Z",
+    "action": "Viewed",
+    "file_name": "FinancialReport2023.docx",
+    "file_type": "Documents",
+    "user": "Diana Prince"
+  },
+  {
+    "id": "e5d9c7f3-a6b4-4e8c-d5a7-b8f7c3a9e6b8",
+    "timestamp": "2024-12-08T11:00:00Z",
+    "action": "Renamed",
+    "file_name": "UpdatedPresentation.pptx",
+    "file_type": "Presentation",
+    "previousName": "TeamMeeting.pptx",
+    "user": "Ethan Hunt"
+  },
+  {
+    "id": "f6a7b9c3-d4e5-4f8a-c7b9-e3d5a9c7f6b8",
+    "timestamp": "2024-12-08T11:30:00Z",
+    "action": "Downloaded",
+    "file_name": "ProjectProposal.pdf",
+    "file_type": "Documents",
+    "user": "Alice Johnson"
+  },
+  {
+    "id": "g7c9a5f3-b8e4-4d7c-a9f6-c3d7e5b9a8f7",
+    "timestamp": "2024-12-08T12:00:00Z",
+    "action": "Uploaded",
+    "file_name": "CompanyLogo.svg",
+    "file_type": "Images",
+    "user": "Bob Smith"
+  },
+  {
+    "id": "h8d5f3b9-c7a6-4b9e-a8f7-d9e5c7a6f3b9",
+    "timestamp": "2024-12-08T12:45:00Z",
+    "action": "Shared",
+    "file_name": "Budget2024.xlsx",
+    "file_type": "Spreadsheet",
+    "user": "Charlie Brown",
+    "sharedWith": ["Diana Prince", "Ethan Hunt"]
+  },
+  {
+    "id": "i9f3b8d7-a6c5-4e7b-d9f6-c7a9e5f3d8a7",
+    "timestamp": "2024-12-08T13:15:00Z",
+    "action": "Moved",
+    "file_name": "ArchivedNotes.txt",
+    "file_type": "Text",
+    "from": "Documents",
+    "to": "Archive",
+    "user": "Diana Prince"
+  },
+  {
+    "id": "j1a5f3d9-b8e7-4c9a-d7f6-e3c7a5b9f3b6",
+    "timestamp": "2024-12-08T13:45:00Z",
+    "action": "Copied",
+    "file_name": "TeamPhoto.png",
+    "file_type": "Images",
+    "from": "Shared",
+    "to": "Gallery",
+    "user": "Ethan Hunt"
+  }
+]
diff --git a/public/mocks/Files.json b/public/mocks/Files.json
new file mode 100644
index 0000000..fca9779
--- /dev/null
+++ b/public/mocks/Files.json
@@ -0,0 +1,211 @@
+[
+  {
+    "id": "e7329d87-9c4b-4c9e-89fc-11c21a6d82c9",
+    "name": "Project Proposal.pdf",
+    "type": "Documents",
+    "size": "1.2 MB",
+    "created_at": "2024-11-01T14:30:00Z",
+    "modified_at": "2024-11-05T10:20:00Z",
+    "owner": "Kelvin Kiprop",
+    "path": "/Documentss/Projects",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "40ab573f-4f87-4c8d-a1b3-8ed7c9b74d8f",
+    "name": "logo.png",
+    "type": "Images",
+    "size": "512 KB",
+    "created_at": "2024-10-20T09:15:00Z",
+    "modified_at": "2024-10-22T08:50:00Z",
+    "owner": "Design Team",
+    "path": "/Media/Logos",
+    "permissions": "Read-Only"
+  },
+  {
+    "id": "a829c5c3-3e62-47e6-9295-47e725c5cc77",
+    "name": "server.ts",
+    "type": "Code",
+    "size": "32 KB",
+    "created_at": "2024-11-10T11:45:00Z",
+    "modified_at": "2024-11-15T12:30:00Z",
+    "owner": "Kelvin Kiprop",
+    "path": "/Projects/Backend",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "c2e68c6a-5a94-4ea4-9d59-6a8c2e37f29c",
+    "name": "meeting-notes.docx",
+    "type": "Documents",
+    "size": "640 KB",
+    "created_at": "2024-11-12T15:00:00Z",
+    "modified_at": "2024-11-13T18:00:00Z",
+    "owner": "Kelvin Kiprop",
+    "path": "/Documentss/Meetings",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "d1247c6c-d589-4f63-9c98-5872e2d9c492",
+    "name": "background.jpg",
+    "type": "Images",
+    "size": "3.5 MB",
+    "created_at": "2024-09-10T08:10:00Z",
+    "modified_at": "2024-10-01T07:30:00Z",
+    "owner": "Design Team",
+    "path": "/Media/Backgrounds",
+    "permissions": "Read-Only"
+  },
+  {
+    "id": "fc6c8d59-a9e3-4b7b-8cc6-7e8e7a29f71d",
+    "name": "database_backup.sql",
+    "type": "Code",
+    "size": "1.8 MB",
+    "created_at": "2024-11-01T00:00:00Z",
+    "modified_at": "2024-11-20T14:15:00Z",
+    "owner": "Admin",
+    "path": "/Backups",
+    "permissions": "Admin-Only"
+  },
+  {
+    "id": "4e9a70d8-6226-41c6-b9d7-94c6d5f4b5b6",
+    "name": "expense-report.xlsx",
+    "type": "Spreadsheet",
+    "size": "256 KB",
+    "created_at": "2024-10-05T09:25:00Z",
+    "modified_at": "2024-11-01T11:00:00Z",
+    "owner": "Finance",
+    "path": "/Documents/Finance",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "ae02d359-8a64-41b4-944e-e7b9c67b56b7",
+    "name": "team-photo.jpg",
+    "type": "Images",
+    "size": "2.1 MB",
+    "created_at": "2024-07-10T12:30:00Z",
+    "modified_at": "2024-08-01T15:40:00Z",
+    "owner": "HR",
+    "path": "/Media/Photos",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "6b3e1a6c-6a3b-4a4e-97cd-b86a5c874ae9",
+    "name": "project_plan.xlsx",
+    "type": "Spreadsheet",
+    "size": "740 KB",
+    "created_at": "2024-08-10T16:15:00Z",
+    "modified_at": "2024-08-20T18:45:00Z",
+    "owner": "Project Management",
+    "path": "/Documents/Projects",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "5d7b64b9-939e-4a6a-b6e4-e5b4a8d6d63f",
+    "name": "release-notes.md",
+    "type": "Documentss",
+    "size": "8 KB",
+    "created_at": "2024-10-01T14:10:00Z",
+    "modified_at": "2024-10-15T09:25:00Z",
+    "owner": "DevOps",
+    "path": "/Documents/ReleaseNotes",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "38d4f48b-7d53-4c96-bcc8-a5e37b93a5c1",
+    "name": "user-manual.pdf",
+    "type": "Documents",
+    "size": "5 MB",
+    "created_at": "2024-05-10T13:30:00Z",
+    "modified_at": "2024-07-01T15:00:00Z",
+    "owner": "Support",
+    "path": "/Documents/Manuals",
+    "permissions": "Read-Only"
+  },
+  {
+    "id": "b5c3a4a7-88d5-4b6d-bc67-97c7e8b56a9e",
+    "name": "presentation.pptx",
+    "type": "Presentation",
+    "size": "4.2 MB",
+    "created_at": "2024-09-25T11:45:00Z",
+    "modified_at": "2024-10-10T13:20:00Z",
+    "owner": "Marketing",
+    "path": "/Documents/Presentations",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "94f84d2c-47d3-4c78-a86c-3e62b9e3c72d",
+    "name": "app-icon.svg",
+    "type": "Images",
+    "size": "48 KB",
+    "created_at": "2024-06-15T14:00:00Z",
+    "modified_at": "2024-07-01T16:30:00Z",
+    "owner": "UI Team",
+    "path": "/Media/Icons",
+    "permissions": "Read-Only"
+  },
+  {
+    "id": "837dc5f9-4c7d-4e5b-a849-3c57d8b69d25",
+    "name": "style-guide.pdf",
+    "type": "Documents",
+    "size": "1.5 MB",
+    "created_at": "2024-08-01T10:20:00Z",
+    "modified_at": "2024-08-15T12:00:00Z",
+    "owner": "Design Team",
+    "path": "/Documents/Guides",
+    "permissions": "Read-Only"
+  },
+  {
+    "id": "5b74d3f9-a8b4-47e3-b5c6-78e4c56a9c7b",
+    "name": "debug-log.txt",
+    "type": "Documents",
+    "size": "128 KB",
+    "created_at": "2024-09-10T20:15:00Z",
+    "modified_at": "2024-09-15T22:10:00Z",
+    "owner": "DevOps",
+    "path": "/Logs",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "6a4e93b7-8e5c-40a3-a94b-e7c5d6b3a7c8",
+    "name": "annual-report.pdf",
+    "type": "Documents",
+    "size": "12 MB",
+    "created_at": "2024-11-01T10:00:00Z",
+    "modified_at": "2024-11-20T15:30:00Z",
+    "owner": "Finance",
+    "path": "/Documents/Reports",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "c3d6b7a5-49d2-4c56-86e7-4e9a72f93b74",
+    "name": "client-feedback.csv",
+    "type": "Spreadsheet",
+    "size": "3 KB",
+    "created_at": "2024-07-15T13:10:00Z",
+    "modified_at": "2024-08-01T14:50:00Z",
+    "owner": "Sales",
+    "path": "/Documents/Feedback",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "6d4f5b8c-3a9d-47c6-b8e9-d7c8a2f5c6b9",
+    "name": "index.html",
+    "type": "Code",
+    "size": "16 KB",
+    "created_at": "2024-09-01T12:45:00Z",
+    "modified_at": "2024-09-10T13:30:00Z",
+    "owner": "Web Team",
+    "path": "/Projects/WebApp",
+    "permissions": "Read-Write"
+  },
+  {
+    "id": "4d7c8f6b-93a5-43c6-b9e4-f85d6a7b4c9e",
+    "name": "terms-and-conditions.pdf",
+    "type": "Documents",
+    "size": "2 MB",
+    "created_at": "2024-01-01T00:00:00Z",
+    "modified_at": "2024-06-01T10:00:00Z",
+    "owner": "Legal",
+    "path": "/Documents/Legal",
+    "permissions": "Read-Only"
+  }
+]
diff --git a/public/mocks/Folders.json b/public/mocks/Folders.json
new file mode 100644
index 0000000..c231b3f
--- /dev/null
+++ b/public/mocks/Folders.json
@@ -0,0 +1,96 @@
+[
+  {
+    "id": "f1bda5c1-8b5f-4a3a-93c7-0e5b5a7f9c3d",
+    "name": "Documents",
+    "icon": "IconFolder",
+    "description": "Contains text files, PDFs, Word documents, and other written content.",
+    "permissions": "Read-Write",
+    "created_at": "2024-01-01T10:00:00Z",
+    "pinned": true,
+    "total_files": 120,
+    "estimated_size": "50MB"
+  },
+  {
+    "id": "d4c7f8a9-93b4-4a6b-a3e5-8c6b4f8d9a2e",
+    "name": "Images",
+    "icon": "IconPhoto",
+    "description": "Stores image files such as PNG, JPG, and SVG.",
+    "permissions": "Read-Write",
+    "created_at": "2024-01-10T12:30:00Z",
+    "pinned": true,
+    "total_files": 340,
+    "estimated_size": "1.2GB"
+  },
+  {
+    "id": "a7e6f9c8-5c3b-4d6a-8e4f-7a8b5c9d4f6a",
+    "name": "Videos",
+    "icon": "IconVideo",
+    "description": "Holds video files in formats like MP4, AVI, and MOV.",
+    "permissions": "Read-Only",
+    "created_at": "2024-01-15T08:45:00Z",
+    "pinned": true,
+    "total_files": 45,
+    "estimated_size": "20GB"
+  },
+  {
+    "id": "f9c7a3d5-8b4c-4a6e-a3d9-e7b6f9d3c7e8",
+    "name": "Music",
+    "icon": "IconMusic",
+    "description": "Contains audio files such as MP3, WAV, and FLAC.",
+    "permissions": "Read-Write",
+    "created_at": "2024-02-01T09:20:00Z",
+    "pinned": true,
+    "total_files": 150,
+    "estimated_size": "3.5GB"
+  },
+  {
+    "id": "c8f5b3a7-d4a9-4e6c-a9d7-5c7a8f9e6b3a",
+    "name": "Code",
+    "icon": "IconCode",
+    "description": "Stores programming files including source code, scripts, and configuration files.",
+    "permissions": "Admin-Only",
+    "created_at": "2024-02-10T11:10:00Z",
+    "total_files": 600,
+    "estimated_size": "150MB"
+  },
+  {
+    "id": "a4c7e5d9-b6f3-4a9c-8e7d-3c8f5b7a6e9f",
+    "name": "Backups",
+    "icon": "IconArchive",
+    "description": "Reserved for backup files.",
+    "permissions": "Admin-Only",
+    "created_at": "2024-03-01T07:30:00Z",
+    "total_files": 20,
+    "estimated_size": "50GB"
+  },
+  {
+    "id": "b5f7c9a4-8e3d-4a6c-b9a7-4e5f8c7a9b6d",
+    "name": "Projects",
+    "icon": "IconFolderPlus",
+    "description": "Used for project-related files and resources.",
+    "permissions": "Read-Write",
+    "created_at": "2024-03-10T13:15:00Z",
+    "total_files": 80,
+    "estimated_size": "500MB"
+  },
+  {
+    "id": "e7b9f3c5-a6d4-4c9a-8f7e-5b3d9a6c8e7f",
+    "name": "Shared",
+    "icon": "IconUsers",
+    "description": "Folder shared among multiple users.",
+    "permissions": "Read-Write",
+    "created_at": "2024-03-20T16:40:00Z",
+    "total_files": 250,
+    "estimated_size": "2GB"
+  },
+  {
+    "id": "f3a6b7e9-d4c5-4a9b-b8e4-a9f8c7e3b5d6",
+    "name": "Trash",
+    "icon": "IconTrash",
+    "description": "Temporary storage for deleted items.",
+    "permissions": "Read-Only",
+    "created_at": "2024-03-25T20:10:00Z",
+    "total_files": 30,
+    "estimated_size": "1GB"
+  }
+]
diff --git a/routes/index.ts b/routes/index.ts
index 77814be..53df186 100644
--- a/routes/index.ts
+++ b/routes/index.ts
@@ -38,6 +38,9 @@ export const PATH_APPS = {
   projects: path(ROOT_APPS, '/projects'),
   settings: path(ROOT_APPS, '/settings'),
   tasks: path(ROOT_APPS, '/tasks'),
+  fileManager: {
+    root: path(ROOT_APPS, '/file-manager'),
+  },
 };
 
 export const PATH_PAGES = {
diff --git a/theme/index.ts b/theme/index.ts
index e5feea5..9105221 100644
--- a/theme/index.ts
+++ b/theme/index.ts
@@ -1,9 +1,9 @@
-import { ActionIcon, createTheme, Loader } from '@mantine/core';
+import { ActionIcon, Loader, createTheme } from '@mantine/core';
 
 export const myTheme = createTheme({
   primaryColor: 'indigo',
   defaultRadius: 'md',
-  focusRing: 'always',
+  focusRing: 'auto',
   fontFamily: 'Open Sans, sans-serif',
   headings: { fontFamily: 'Open Sans, sans-serif' },
   components: {

From 2821176d3775821a475a7c62edda215ebaa48bff Mon Sep 17 00:00:00 2001
From: Kelvin Kiprop <kelvin.kiprop96@gmail.com>
Date: Sun, 8 Dec 2024 20:22:06 +0300
Subject: [PATCH 2/2] Create gold-rocks-appear.md

---
 .changeset/gold-rocks-appear.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/gold-rocks-appear.md

diff --git a/.changeset/gold-rocks-appear.md b/.changeset/gold-rocks-appear.md
new file mode 100644
index 0000000..e75fbb8
--- /dev/null
+++ b/.changeset/gold-rocks-appear.md
@@ -0,0 +1,5 @@
+---
+"mantine-analytics-dashboard": patch
+---
+
+feat: added file manager route and update dependencies