From 9fa4da499774a960fb99343f812a6411a633b122 Mon Sep 17 00:00:00 2001
From: 49659410+tx0c <>
Date: Mon, 26 Jun 2023 23:53:42 +0000
Subject: [PATCH 01/62] feat(search-version): add new search version for
 web-next testing

---
 src/components/Search/SearchQuickResult/gql.ts | 12 ++++++++++--
 .../Search/SearchQuickResult/index.tsx         | 18 ++++++++++++++++--
 src/views/Search/AggregateResults/Articles.tsx |  3 ++-
 src/views/Search/AggregateResults/Tags.tsx     |  3 ++-
 src/views/Search/AggregateResults/Users.tsx    |  3 ++-
 src/views/Search/AggregateResults/gql.ts       |  6 ++++++
 src/views/Search/AggregateResults/index.tsx    |  7 ++++---
 7 files changed, 42 insertions(+), 10 deletions(-)

diff --git a/src/components/Search/SearchQuickResult/gql.ts b/src/components/Search/SearchQuickResult/gql.ts
index 6293954c27..ef12409e59 100644
--- a/src/components/Search/SearchQuickResult/gql.ts
+++ b/src/components/Search/SearchQuickResult/gql.ts
@@ -4,7 +4,7 @@ import { TagDigest } from '~/components/TagDigest'
 import { UserDigest } from '~/components/UserDigest'
 
 export const QUICK_RESULT = gql`
-  query QuickResult($key: String!) {
+  query QuickResult($key: String!, $version: SearchAPIVersion = v20230601) {
     user: search(
       input: {
         type: User
@@ -12,6 +12,7 @@ export const QUICK_RESULT = gql`
         record: true
         first: 5
         key: $key
+        version: $version
       }
     ) {
       edges {
@@ -24,7 +25,14 @@ export const QUICK_RESULT = gql`
       }
     }
     tag: search(
-      input: { type: Tag, quicksearch: true, record: true, first: 5, key: $key }
+      input: {
+        type: Tag
+        quicksearch: true
+        record: true
+        first: 5
+        key: $key
+        version: $version
+      }
     ) {
       edges {
         cursor
diff --git a/src/components/Search/SearchQuickResult/index.tsx b/src/components/Search/SearchQuickResult/index.tsx
index b600377232..48c04f2942 100644
--- a/src/components/Search/SearchQuickResult/index.tsx
+++ b/src/components/Search/SearchQuickResult/index.tsx
@@ -7,7 +7,15 @@ import {
   SEARCH_START_FLAG,
 } from '~/common/enums'
 import { analytics, toPath } from '~/common/utils'
-import { Media, Menu, Spinner, TagDigest, UserDigest } from '~/components'
+import {
+  Media,
+  Menu,
+  // Spacer,
+  Spinner,
+  TagDigest,
+  UserDigest,
+  useRoute,
+} from '~/components'
 import { QuickResultQuery } from '~/gql/graphql'
 
 import { QUICK_RESULT } from './gql'
@@ -23,6 +31,9 @@ interface QuickSearchProps {
 }
 
 export const SearchQuickResult = (props: QuickSearchProps) => {
+  const { getQuery } = useRoute()
+  const version = getQuery('version')
+
   const { searchKey, inPage, activeItem, onUpdateData, closeDropdown } = props
   const client = useApolloClient()
   const [data, setData] = useState<QuickResultQuery>()
@@ -63,7 +74,10 @@ export const SearchQuickResult = (props: QuickSearchProps) => {
       // https://github.com/apollographql/apollo-client/issues/5912
       const response = await client.query({
         query: QUICK_RESULT,
-        variables: { key: searchKey },
+        variables: {
+          key: searchKey,
+          version: version === '' ? undefined : version,
+        },
         fetchPolicy: 'no-cache',
       })
       analytics.trackEvent('load_more', {
diff --git a/src/views/Search/AggregateResults/Articles.tsx b/src/views/Search/AggregateResults/Articles.tsx
index 515dcc2608..ef2beb8136 100644
--- a/src/views/Search/AggregateResults/Articles.tsx
+++ b/src/views/Search/AggregateResults/Articles.tsx
@@ -28,6 +28,7 @@ import { SEARCH_AGGREGATE_ARTICLES_PUBLIC } from './gql'
 const AggregateArticleResults = () => {
   const { getQuery } = useRoute()
   const q = getQuery('q')
+  const version = getQuery('version')
 
   /**
    * Data Fetching
@@ -37,7 +38,7 @@ const AggregateArticleResults = () => {
     usePublicQuery<SearchAggregateArticlesPublicQuery>(
       SEARCH_AGGREGATE_ARTICLES_PUBLIC,
       {
-        variables: { key: q },
+        variables: { key: q, version: version === '' ? undefined : version },
       }
     )
 
diff --git a/src/views/Search/AggregateResults/Tags.tsx b/src/views/Search/AggregateResults/Tags.tsx
index 6dba9be476..88142f0f8e 100644
--- a/src/views/Search/AggregateResults/Tags.tsx
+++ b/src/views/Search/AggregateResults/Tags.tsx
@@ -24,6 +24,7 @@ import styles from './styles.module.css'
 const AggregateTagResults = () => {
   const { getQuery } = useRoute()
   const q = getQuery('q')
+  const version = getQuery('version')
 
   /**
    * Data Fetching
@@ -32,7 +33,7 @@ const AggregateTagResults = () => {
   const { data, loading, fetchMore } =
     usePublicQuery<SearchAggregateTagsPublicQuery>(
       SEARCH_AGGREGATE_TAGS_PUBLIC,
-      { variables: { key: q } }
+      { variables: { key: q, version: version === '' ? undefined : version } }
     )
 
   useEffect(() => {
diff --git a/src/views/Search/AggregateResults/Users.tsx b/src/views/Search/AggregateResults/Users.tsx
index cdbe452da3..edd494bdfd 100644
--- a/src/views/Search/AggregateResults/Users.tsx
+++ b/src/views/Search/AggregateResults/Users.tsx
@@ -24,6 +24,7 @@ import styles from './styles.module.css'
 const AggregateUserResults = () => {
   const { getQuery } = useRoute()
   const q = getQuery('q')
+  const version = getQuery('version')
 
   /**
    * Data Fetching
@@ -32,7 +33,7 @@ const AggregateUserResults = () => {
   const { data, loading, fetchMore } =
     usePublicQuery<SearchAggregateUsersPublicQuery>(
       SEARCH_AGGREGATE_USERS_PUBLIC,
-      { variables: { key: q } }
+      { variables: { key: q, version: version === '' ? undefined : version } }
     )
 
   useEffect(() => {
diff --git a/src/views/Search/AggregateResults/gql.ts b/src/views/Search/AggregateResults/gql.ts
index b2fdb87d58..36763b009f 100644
--- a/src/views/Search/AggregateResults/gql.ts
+++ b/src/views/Search/AggregateResults/gql.ts
@@ -7,6 +7,7 @@ export const SEARCH_AGGREGATE_ARTICLES_PUBLIC = gql`
     $key: String!
     $first: first_Int_min_0 = 30
     $after: String
+    $version: SearchAPIVersion = v20230601
   ) {
     search(
       input: {
@@ -15,6 +16,7 @@ export const SEARCH_AGGREGATE_ARTICLES_PUBLIC = gql`
         first: $first
         key: $key
         after: $after
+        version: $version
       }
     ) {
       totalCount
@@ -41,6 +43,7 @@ export const SEARCH_AGGREGATE_TAGS_PUBLIC = gql`
     $key: String!
     $first: first_Int_min_0 = 30
     $after: String
+    $version: SearchAPIVersion = v20230601
   ) {
     search(
       input: {
@@ -49,6 +52,7 @@ export const SEARCH_AGGREGATE_TAGS_PUBLIC = gql`
         first: $first
         key: $key
         after: $after
+        version: $version
       }
     ) {
       pageInfo {
@@ -74,6 +78,7 @@ export const SEARCH_AGGREGATE_USERS_PUBLIC = gql`
     $key: String!
     $first: first_Int_min_0 = 30
     $after: String
+    $version: SearchAPIVersion = v20230601
   ) {
     search(
       input: {
@@ -82,6 +87,7 @@ export const SEARCH_AGGREGATE_USERS_PUBLIC = gql`
         first: $first
         key: $key
         after: $after
+        version: $version
       }
     ) {
       pageInfo {
diff --git a/src/views/Search/AggregateResults/index.tsx b/src/views/Search/AggregateResults/index.tsx
index 883f231b30..0afb2629a4 100644
--- a/src/views/Search/AggregateResults/index.tsx
+++ b/src/views/Search/AggregateResults/index.tsx
@@ -27,6 +27,7 @@ const AggregateResults = () => {
     getSearchType(getQuery('type')) || Type.ARTICLE
   )
   const q = getQuery('q')
+  const version = getQuery('version')
 
   const isArticle = type === Type.ARTICLE
   const isUser = type === Type.USER
@@ -41,17 +42,17 @@ const AggregateResults = () => {
   useEffect(() => {
     client.query({
       query: SEARCH_AGGREGATE_ARTICLES_PUBLIC,
-      variables: { key: q },
+      variables: { key: q, version: version === '' ? undefined : version },
       fetchPolicy: 'network-only',
     })
     client.query({
       query: SEARCH_AGGREGATE_USERS_PUBLIC,
-      variables: { key: q },
+      variables: { key: q, version: version === '' ? undefined : version },
       fetchPolicy: 'network-only',
     })
     client.query({
       query: SEARCH_AGGREGATE_TAGS_PUBLIC,
-      variables: { key: q },
+      variables: { key: q, version: version === '' ? undefined : version },
       fetchPolicy: 'network-only',
     })
   }, [q])

From a8cef313799899bd944ef8244a36186c4042fc16 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 2 Nov 2023 20:58:54 +0800
Subject: [PATCH 02/62] feat(test): add tests for utils/datetime

---
 src/common/utils/datetime/absolute.test.ts | 71 ++++++++++++++++++++++
 src/common/utils/datetime/relative.test.ts | 61 +++++++++++++++++++
 2 files changed, 132 insertions(+)
 create mode 100644 src/common/utils/datetime/absolute.test.ts
 create mode 100644 src/common/utils/datetime/relative.test.ts

diff --git a/src/common/utils/datetime/absolute.test.ts b/src/common/utils/datetime/absolute.test.ts
new file mode 100644
index 0000000000..32ae623af3
--- /dev/null
+++ b/src/common/utils/datetime/absolute.test.ts
@@ -0,0 +1,71 @@
+import { describe, expect, it } from 'vitest'
+
+import toAbsoluteDate from './absolute'
+
+describe('datetime/absolute', () => {
+  it('should parse a string date', () => {
+    const date = '2022-01-01'
+    const result = toAbsoluteDate(date, 'en')
+    expect(typeof result).toBe('string')
+  })
+
+  it("should format today's date correctly", () => {
+    const date = new Date()
+    const result = toAbsoluteDate(date, 'en')
+    expect(result).toContain('Today')
+  })
+
+  it("should format yesterday's date correctly", () => {
+    const date = new Date()
+    date.setDate(date.getDate() - 1)
+    const result = toAbsoluteDate(date, 'en')
+    expect(result).toContain('Yesterday')
+  })
+
+  it("should format this year's date correctly", () => {
+    // two days ago
+    const date = new Date()
+    date.setDate(date.getDate() - 2)
+
+    const thisYear = new Date().getFullYear()
+    const thisYearDate = new Date(`${thisYear}-01-01`)
+
+    // skip test
+    if (thisYearDate > date) {
+      return
+    }
+
+    const result = toAbsoluteDate(thisYearDate, 'en')
+    expect(result).toBe('Jan 1')
+  })
+
+  it('should format a date in the past correctly', () => {
+    const date = new Date('2021-01-01')
+    const result = toAbsoluteDate(date, 'en')
+    expect(result).toBe('Jan 1, 2021')
+  })
+
+  it('should format a date in the future correctly', () => {
+    const now = new Date()
+    const date = new Date(now.getTime() + 1000 * 60 * 60 * 24 * 365)
+    const result = toAbsoluteDate(date, 'en')
+    expect(result).toContain(date.getFullYear())
+  })
+
+  it('should format different types of dates correctly', () => {
+    // string
+    const stringDate = '2021-01-01'
+    const stringResult = toAbsoluteDate(stringDate, 'en')
+    expect(stringResult).toBe('Jan 1, 2021')
+
+    // number
+    const numberDate = 1609459200000
+    const numberResult = toAbsoluteDate(numberDate, 'en')
+    expect(numberResult).toBe('Jan 1, 2021')
+
+    // Date
+    const date = new Date('2021-01-01')
+    const dateResult = toAbsoluteDate(date, 'en')
+    expect(dateResult).toBe('Jan 1, 2021')
+  })
+})
diff --git a/src/common/utils/datetime/relative.test.ts b/src/common/utils/datetime/relative.test.ts
new file mode 100644
index 0000000000..956bdb5092
--- /dev/null
+++ b/src/common/utils/datetime/relative.test.ts
@@ -0,0 +1,61 @@
+import { describe, expect, it } from 'vitest'
+
+import toRelativeDate from './relative'
+
+describe('datetime/relative', () => {
+  it('should parse a string date', () => {
+    const date = '2022-01-01'
+    const result = toRelativeDate(date, 'en')
+    expect(typeof result).toBe('string')
+  })
+
+  it('should format a date within this minute correctly', () => {
+    const date = new Date()
+    const result = toRelativeDate(date, 'en')
+    expect(result).toBe('just now')
+  })
+
+  it('should format a date within this hour but not this minute correctly', () => {
+    const now = new Date()
+    const date = new Date(now.getTime() - 1000 * 60)
+    const result = toRelativeDate(date, 'en')
+    expect(result).toBe('1 minute ago')
+  })
+
+  it('should format a date within today but not this hour correctly', () => {
+    const now = new Date()
+    const date = new Date(now.getTime() - 1000 * 60 * 60)
+    const result = toRelativeDate(date, 'en')
+    expect(result).toBe('1 hour ago')
+  })
+
+  it('should format a date within this week but not today correctly', () => {
+    const now = new Date()
+    const date = new Date(now.getTime() - 1000 * 60 * 60 * 24)
+    const result = toRelativeDate(date, 'en')
+    expect(result).toBe('1 day ago')
+  })
+
+  it('should format a date within this year but not this week correctly', () => {
+    const date = new Date('2021-01-01')
+    const result = toRelativeDate(date, 'en')
+    expect(result).toBe('Jan 1, 2021')
+  })
+
+  it('should format different types of dates correctly', () => {
+    // string
+    const stringDate = '2021-01-01'
+    const stringResult = toRelativeDate(stringDate, 'en')
+    expect(stringResult).toBe('Jan 1, 2021')
+
+    // number
+    const numberDate = 1609459200000
+    const numberResult = toRelativeDate(numberDate, 'en')
+    expect(numberResult).toBe('Jan 1, 2021')
+
+    // Date
+    const date = new Date('2021-01-01')
+    const dateResult = toRelativeDate(date, 'en')
+    expect(dateResult).toBe('Jan 1, 2021')
+  })
+})

From 602cc7150e22203414281cab658cabd8679440c3 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 2 Nov 2023 21:17:28 +0800
Subject: [PATCH 03/62] feat(test): add tests for utils/number

---
 src/common/utils/datetime/absolute.test.ts |  2 +-
 src/common/utils/datetime/relative.test.ts |  2 +-
 src/common/utils/number/abbr.test.ts       | 64 ++++++++++++++++++++++
 src/common/utils/number/index.test.ts      | 38 +++++++++++++
 src/common/utils/number/index.ts           |  2 +-
 5 files changed, 105 insertions(+), 3 deletions(-)
 create mode 100644 src/common/utils/number/abbr.test.ts
 create mode 100644 src/common/utils/number/index.test.ts

diff --git a/src/common/utils/datetime/absolute.test.ts b/src/common/utils/datetime/absolute.test.ts
index 32ae623af3..0284ac28e4 100644
--- a/src/common/utils/datetime/absolute.test.ts
+++ b/src/common/utils/datetime/absolute.test.ts
@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest'
 
 import toAbsoluteDate from './absolute'
 
-describe('datetime/absolute', () => {
+describe('utils/datetime/absolute', () => {
   it('should parse a string date', () => {
     const date = '2022-01-01'
     const result = toAbsoluteDate(date, 'en')
diff --git a/src/common/utils/datetime/relative.test.ts b/src/common/utils/datetime/relative.test.ts
index 956bdb5092..9892ec03bc 100644
--- a/src/common/utils/datetime/relative.test.ts
+++ b/src/common/utils/datetime/relative.test.ts
@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest'
 
 import toRelativeDate from './relative'
 
-describe('datetime/relative', () => {
+describe('utils/datetime/relative', () => {
   it('should parse a string date', () => {
     const date = '2022-01-01'
     const result = toRelativeDate(date, 'en')
diff --git a/src/common/utils/number/abbr.test.ts b/src/common/utils/number/abbr.test.ts
new file mode 100644
index 0000000000..ea4c0412aa
--- /dev/null
+++ b/src/common/utils/number/abbr.test.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from 'vitest'
+
+import { abbr } from './abbr'
+
+describe('utils/number/abbr', () => {
+  it('should abbreviate thousands correctly', () => {
+    expect(abbr(1500, 2)).toBe('1.5k')
+    expect(abbr(1550, 2)).toBe('1.55k')
+    expect(abbr(1000, 2)).toBe('1k')
+    expect(abbr(1001, 2)).toBe('1k')
+    expect(abbr(1001.5, 2)).toBe('1k')
+  })
+
+  it('should abbreviate millions correctly', () => {
+    expect(abbr(1500000, 2)).toBe('1.5m')
+    expect(abbr(1554000, 2)).toBe('1.55m')
+    expect(abbr(1555000, 2)).toBe('1.56m')
+    expect(abbr(1000000, 2)).toBe('1m')
+    expect(abbr(1001400, 2)).toBe('1m')
+    expect(abbr(1001321.5, 2)).toBe('1m')
+  })
+
+  it('should abbreviate billions correctly', () => {
+    expect(abbr(1500000000, 2)).toBe('1.5b')
+    expect(abbr(1550000000, 2)).toBe('1.55b')
+    expect(abbr(1000000000, 2)).toBe('1b')
+    expect(abbr(1001000000, 2)).toBe('1b')
+    expect(abbr(1001000000.5, 2)).toBe('1b')
+  })
+
+  it('should abbreviate trillions correctly', () => {
+    expect(abbr(1500000000000, 2)).toBe('1.5t')
+    expect(abbr(1550000000000, 2)).toBe('1.55t')
+    expect(abbr(1000000000000, 2)).toBe('1t')
+    expect(abbr(1001000000000, 2)).toBe('1t')
+    expect(abbr(1001000000000.5, 2)).toBe('1t')
+  })
+
+  it('should abbreviate negative numbers correctly', () => {
+    expect(abbr(-1500, 2)).toBe('-1.5k')
+    expect(abbr(-1550, 2)).toBe('-1.55k')
+    expect(abbr(-1000, 2)).toBe('-1k')
+    expect(abbr(-1001, 2)).toBe('-1k')
+    expect(abbr(-1001.5, 2)).toBe('-1k')
+  })
+
+  it('should abbreviate numbers with no decimal places correctly', () => {
+    expect(abbr(1500, 0)).toBe('2k')
+    expect(abbr(1540, 0)).toBe('2k')
+    expect(abbr(1550, 0)).toBe('2k')
+    expect(abbr(1000, 0)).toBe('1k')
+    expect(abbr(1001, 0)).toBe('1k')
+    expect(abbr(1001.5, 0)).toBe('1k')
+  })
+
+  it('should abbreviate numbers with 3 decimal place correctly', () => {
+    expect(abbr(1500, 3)).toBe('1.5k')
+    expect(abbr(1540, 3)).toBe('1.54k')
+    expect(abbr(1550, 3)).toBe('1.55k')
+    expect(abbr(1000, 3)).toBe('1k')
+    expect(abbr(1001, 3)).toBe('1.001k')
+    expect(abbr(1001.5, 3)).toBe('1.002k')
+  })
+})
diff --git a/src/common/utils/number/index.test.ts b/src/common/utils/number/index.test.ts
new file mode 100644
index 0000000000..504fc6990f
--- /dev/null
+++ b/src/common/utils/number/index.test.ts
@@ -0,0 +1,38 @@
+import { describe, expect, it } from 'vitest'
+
+import { numPrefix, numRound } from './'
+
+describe('utils/number/numPrefix', () => {
+  it('should add a plus sign to positive numbers', () => {
+    const result = numPrefix(1500)
+    expect(result).toBe('+1500')
+  })
+
+  it('should not add a plus sign to zero', () => {
+    const result = numPrefix(0)
+    expect(result).toBe('0')
+  })
+
+  it('should not add a plus sign to negative numbers', () => {
+    const result = numPrefix(-2000)
+    expect(result).toBe('-2000')
+  })
+})
+
+describe('utils/number/numRound', () => {
+  it('should round to the correct decimal places', () => {
+    expect(numRound(123.4563, 2)).toBe(123.46)
+    expect(numRound(123.4563, 3)).toBe(123.456)
+    expect(numRound(123.4333, 1)).toBe(123.4)
+  })
+
+  it('should round to the correct decimal places when the number is negative', () => {
+    const result = numRound(-123.456, 2)
+    expect(result).toBe(-123.46)
+  })
+
+  it('should round to the correct decimal places when the number is zero', () => {
+    const result = numRound(0, 2)
+    expect(result).toBe(0)
+  })
+})
diff --git a/src/common/utils/number/index.ts b/src/common/utils/number/index.ts
index 802ab682d9..f86dbd84be 100644
--- a/src/common/utils/number/index.ts
+++ b/src/common/utils/number/index.ts
@@ -6,7 +6,7 @@ NP.enableBoundaryChecking(false)
 
 export const numPrefix = (num: number | string) => {
   const parsedNum = parseFloat(num + '')
-  return parsedNum > 0 ? `+${num}` : num
+  return parsedNum > 0 ? `+${num}` : `${num}`
 }
 
 export const numAbbr = (num: number, decPlaces: number = 1) =>

From da2e7019ab28d8e205bc87357478218ec1469b98 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 2 Nov 2023 21:22:21 +0800
Subject: [PATCH 04/62] feat(test): add tests for utils/detect

---
 src/common/utils/detect.test.ts            | 31 ++++++++++++++++++++++
 src/common/utils/{browser.ts => detect.ts} |  6 -----
 src/common/utils/index.ts                  |  2 +-
 3 files changed, 32 insertions(+), 7 deletions(-)
 create mode 100644 src/common/utils/detect.test.ts
 rename src/common/utils/{browser.ts => detect.ts} (63%)

diff --git a/src/common/utils/detect.test.ts b/src/common/utils/detect.test.ts
new file mode 100644
index 0000000000..e2737bbc50
--- /dev/null
+++ b/src/common/utils/detect.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from 'vitest'
+
+import { getUserAgent, isMobile } from './detect'
+
+describe('utils/detect/getUserAgent', () => {
+  it('should return the user agent in lowercase', () => {
+    Object.defineProperty(window.navigator, 'userAgent', {
+      value: 'TestAgent',
+      configurable: true,
+    })
+    expect(getUserAgent()).toBe('testagent')
+  })
+})
+
+describe('utils/detect/isMobile', () => {
+  it('should return true for mobile user agents', () => {
+    Object.defineProperty(window.navigator, 'userAgent', {
+      value: 'iPhone',
+      configurable: true,
+    })
+    expect(isMobile()).toBe(true)
+  })
+
+  it('should return false for non-mobile user agents', () => {
+    Object.defineProperty(window.navigator, 'userAgent', {
+      value: 'Windows NT',
+      configurable: true,
+    })
+    expect(isMobile()).toBe(false)
+  })
+})
diff --git a/src/common/utils/browser.ts b/src/common/utils/detect.ts
similarity index 63%
rename from src/common/utils/browser.ts
rename to src/common/utils/detect.ts
index 41c461af62..63dd3af964 100644
--- a/src/common/utils/browser.ts
+++ b/src/common/utils/detect.ts
@@ -1,12 +1,6 @@
 export const getUserAgent = () =>
   ((navigator && navigator.userAgent) || '').toLowerCase()
 
-export const isSafari = () => {
-  const userAgent = getUserAgent()
-  const match = userAgent.match(/version\/(\d+).+?safari/)
-  return match !== null
-}
-
 export const isMobile = () => {
   const userAgent = getUserAgent()
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
diff --git a/src/common/utils/index.ts b/src/common/utils/index.ts
index 64483765b5..b2b2922a3f 100644
--- a/src/common/utils/index.ts
+++ b/src/common/utils/index.ts
@@ -1,12 +1,12 @@
 export * from './abis'
 export * from './analytics'
 export * from './audioPlayer'
-export * from './browser'
 export * from './comment'
 export * from './connections'
 export * from './cookie'
 export * from './crypto'
 export * from './datetime'
+export * from './detect'
 export * from './dom'
 export * from './form'
 export * from './globalId'

From 39ac06b063cb917dbc709213d137107e33733bd6 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 2 Nov 2023 21:26:43 +0800
Subject: [PATCH 05/62] feat(test): add tests for utils/dom

---
 src/common/utils/dom.test.ts | 29 +++++++++++++++++++++++++++++
 src/common/utils/dom.ts      | 24 ------------------------
 2 files changed, 29 insertions(+), 24 deletions(-)
 create mode 100644 src/common/utils/dom.test.ts

diff --git a/src/common/utils/dom.test.ts b/src/common/utils/dom.test.ts
new file mode 100644
index 0000000000..acb9bc194f
--- /dev/null
+++ b/src/common/utils/dom.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from 'vitest'
+
+import { dom } from './dom'
+
+describe('utils/dom/getAttributes', () => {
+  it('should return an empty array if no matches are found', () => {
+    const result = dom.getAttributes('src', '<div></div>')
+    expect(result).toEqual([])
+  })
+
+  it('should return an array of matches', () => {
+    const result = dom.getAttributes(
+      'src',
+      '<img src="image1.jpg"><img src="image2.jpg">'
+    )
+    expect(result).toEqual(['image1.jpg', 'image2.jpg'])
+
+    const result2 = dom.getAttributes(
+      'data-id',
+      '<img data-id="123" data-id="345">'
+    )
+    expect(result2).toEqual(['123', '345'])
+  })
+
+  it('should ignore empty attributes', () => {
+    const result = dom.getAttributes('src', '<img src=""><img src="image.jpg">')
+    expect(result).toEqual(['image.jpg'])
+  })
+})
diff --git a/src/common/utils/dom.ts b/src/common/utils/dom.ts
index 0254a20a6a..e008f9a0d1 100644
--- a/src/common/utils/dom.ts
+++ b/src/common/utils/dom.ts
@@ -1,27 +1,6 @@
-// Select
 export const $ = (selector: string) => document.querySelector(selector)
 export const $$ = (selector: string) => document.querySelectorAll(selector)
 
-// Size
-const getWindowHeight = () =>
-  window.innerHeight ||
-  document.documentElement.clientHeight ||
-  document.body.clientHeight
-const getWindowWidth = () =>
-  window.innerWidth ||
-  document.documentElement.clientWidth ||
-  document.body.clientWidth
-
-// Position
-const offset = (el: HTMLElement) => {
-  const rect = el.getBoundingClientRect()
-
-  return {
-    top: rect.top + document.body.scrollTop,
-    left: rect.left + document.body.scrollLeft,
-  }
-}
-
 const getAttributes = (name: string, str: string): string[] | [] => {
   const re = new RegExp(`${name}="(.*?)"`, 'g')
   const matches = []
@@ -36,8 +15,5 @@ const getAttributes = (name: string, str: string): string[] | [] => {
 export const dom = {
   $,
   $$,
-  getWindowHeight,
-  getWindowWidth,
-  offset,
   getAttributes,
 }

From 02b13be48a95fd45543437e0550981e4e7f66c89 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Fri, 3 Nov 2023 15:29:55 +0800
Subject: [PATCH 06/62] feat(test): add tests for utils/crpyto, utils/globalId,
 utils/locale and utils/pad

---
 src/common/utils/crypto.test.ts        | 21 ++++++++
 src/common/utils/crypto.ts             |  3 ++
 src/common/utils/globalId.test.ts      | 19 +++++++
 src/common/utils/index.ts              |  5 +-
 src/common/utils/language.ts           | 68 --------------------------
 src/common/utils/locale.test.ts        | 33 +++++++++++++
 src/common/utils/locale.ts             | 64 ++++++++++++++++++++++++
 src/common/utils/pad.test.ts           | 25 ++++++++++
 src/common/utils/random.ts             |  2 -
 src/common/utils/test.tsx              |  2 +-
 src/common/utils/{time.ts => timer.ts} |  0
 tests/mutateArticle.spec.ts            |  2 +-
 tests/switchBetweenMultiUser.spec.ts   |  2 +-
 13 files changed, 170 insertions(+), 76 deletions(-)
 create mode 100644 src/common/utils/crypto.test.ts
 create mode 100644 src/common/utils/globalId.test.ts
 delete mode 100644 src/common/utils/language.ts
 create mode 100644 src/common/utils/locale.test.ts
 create mode 100644 src/common/utils/locale.ts
 create mode 100644 src/common/utils/pad.test.ts
 delete mode 100644 src/common/utils/random.ts
 rename src/common/utils/{time.ts => timer.ts} (100%)

diff --git a/src/common/utils/crypto.test.ts b/src/common/utils/crypto.test.ts
new file mode 100644
index 0000000000..0f533f16ab
--- /dev/null
+++ b/src/common/utils/crypto.test.ts
@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest'
+
+import { randomString } from './crypto'
+
+describe('utils/crypto/randomString', () => {
+  it('should generate a random string', () => {
+    const result = randomString()
+    const result2 = randomString()
+    expect(result).toHaveLength(9)
+    expect(result2).toHaveLength(9)
+    expect(result).not.toBe(result2)
+  })
+
+  it('should generate a random string with a custom length', () => {
+    const result = randomString(5)
+    const result2 = randomString(5)
+    expect(result).toHaveLength(5)
+    expect(result2).toHaveLength(5)
+    expect(result).not.toBe(result2)
+  })
+})
diff --git a/src/common/utils/crypto.ts b/src/common/utils/crypto.ts
index 7606664651..72aa186bd6 100644
--- a/src/common/utils/crypto.ts
+++ b/src/common/utils/crypto.ts
@@ -11,3 +11,6 @@ export const generateChallenge = async (code_verifier: string) => {
     .replace(/\+/g, '-')
     .replace(/=/g, '')
 }
+
+export const randomString = (length = 9) =>
+  Math.random().toString(36).substr(2, length)
diff --git a/src/common/utils/globalId.test.ts b/src/common/utils/globalId.test.ts
new file mode 100644
index 0000000000..bbf9c5b03e
--- /dev/null
+++ b/src/common/utils/globalId.test.ts
@@ -0,0 +1,19 @@
+import { Base64 } from 'js-base64'
+import { describe, expect, it } from 'vitest'
+
+import { fromGlobalId, toGlobalId } from './globalId'
+
+describe('utils/globalId/toGlobalId', () => {
+  it('should encode the type and id correctly', () => {
+    const result = toGlobalId({ type: 'User', id: '123' })
+    expect(result).toBe(Base64.encodeURI('User:123'))
+  })
+})
+
+describe('utils/globalId/fromGlobalId', () => {
+  it('should decode the globalId correctly', () => {
+    const globalId = Base64.encodeURI('User:123')
+    const result = fromGlobalId(globalId)
+    expect(result).toEqual({ type: 'User', id: '123' })
+  })
+})
diff --git a/src/common/utils/index.ts b/src/common/utils/index.ts
index b2b2922a3f..e7f35eac9d 100644
--- a/src/common/utils/index.ts
+++ b/src/common/utils/index.ts
@@ -11,18 +11,17 @@ export * from './dom'
 export * from './form'
 export * from './globalId'
 export * from './iscnLink'
-export * from './language'
+export * from './locale'
 export * from './number'
 export * from './oauth'
 export * from './pad'
 export * from './payment'
-export * from './random'
 export * from './response'
 export * from './route'
 export * from './search'
 export * from './storage'
 export * from './text'
-export * from './time'
+export * from './timer'
 export * from './translate'
 export * from './url'
 export * from './validator'
diff --git a/src/common/utils/language.ts b/src/common/utils/language.ts
deleted file mode 100644
index 39abf233eb..0000000000
--- a/src/common/utils/language.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { UserLanguage } from '~/gql/graphql'
-
-export const toUserLanguage = (lang: string) => {
-  lang = lang.toLowerCase()
-
-  // zh_hans
-  if (['zh-cn', 'zh-hans', 'zh_hans'].indexOf(lang) >= 0) {
-    return UserLanguage.ZhHans
-  }
-
-  // zh_hant
-  if (['zh', 'zh-tw', 'zh-hk', 'zh-hant', 'zh_hant'].indexOf(lang) >= 0) {
-    return UserLanguage.ZhHant
-  }
-
-  // en
-  if (['en', 'en-us', 'en-au', 'en-za', 'en-gb'].indexOf(lang) >= 0) {
-    return UserLanguage.En
-  }
-
-  return ''
-}
-
-export const toLocale = (lang: string) => {
-  lang = lang.toLowerCase()
-
-  // zh_hans
-  if (['zh-cn', 'zh_cn', 'zh-hans', 'zh_hans'].indexOf(lang) >= 0) {
-    return 'zh-Hans'
-  }
-
-  // zh_hant
-  if (
-    ['zh', 'zh_tw', 'zh-tw', 'zh_hk', 'zh-hk', 'zh-hant', 'zh_hant'].indexOf(
-      lang
-    ) >= 0
-  ) {
-    return 'zh-Hant'
-  }
-
-  // en
-  if (['en', 'en-us', 'en-au', 'en-za', 'en-gb'].indexOf(lang) >= 0) {
-    return 'en'
-  }
-
-  return ''
-}
-
-export const toOGLanguage = (lang: string) => {
-  lang = lang.toLowerCase()
-
-  // zh_hans
-  if (['zh-cn', 'zh-hans', 'zh_hans'].indexOf(lang) >= 0) {
-    return 'zh_CN'
-  }
-
-  // zh_hant
-  if (['zh', 'zh-tw', 'zh-hk', 'zh-hant', 'zh_hant'].indexOf(lang) >= 0) {
-    return 'zh_TW'
-  }
-
-  // en
-  if (['en', 'en-us', 'en-au', 'en-za', 'en-gb'].indexOf(lang) >= 0) {
-    return 'en'
-  }
-
-  return ''
-}
diff --git a/src/common/utils/locale.test.ts b/src/common/utils/locale.test.ts
new file mode 100644
index 0000000000..21dc4d5e4b
--- /dev/null
+++ b/src/common/utils/locale.test.ts
@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest'
+
+import { toLocale, toOGLanguage, toUserLanguage } from './locale'
+
+describe('utils/locale/toUserLanguage', () => {
+  it('should convert to zh_Hans', () => {
+    expect(toUserLanguage('zh-cn')).toBe('zh_hans')
+    expect(toUserLanguage('zh_cn')).toBe('zh_hans')
+    expect(toUserLanguage('zh-hans')).toBe('zh_hans')
+    expect(toUserLanguage('zh_hans')).toBe('zh_hans')
+    expect(toUserLanguage('zh-CN')).toBe('zh_hans')
+  })
+})
+
+describe('utils/locale/toLocale', () => {
+  it('should convert to zh-Hans', () => {
+    expect(toLocale('zh-cn')).toBe('zh-Hans')
+    expect(toLocale('zh_cn')).toBe('zh-Hans')
+    expect(toLocale('zh-hans')).toBe('zh-Hans')
+    expect(toLocale('zh_hans')).toBe('zh-Hans')
+    expect(toLocale('zh-CN')).toBe('zh-Hans')
+  })
+})
+
+describe('utils/locale/toOGLanguage', () => {
+  it('should convert to zh_CN', () => {
+    expect(toOGLanguage('zh-cn')).toBe('zh_CN')
+    expect(toOGLanguage('zh_cn')).toBe('zh_CN')
+    expect(toOGLanguage('zh-hans')).toBe('zh_CN')
+    expect(toOGLanguage('zh_hans')).toBe('zh_CN')
+    expect(toOGLanguage('zh-CN')).toBe('zh_CN')
+  })
+})
diff --git a/src/common/utils/locale.ts b/src/common/utils/locale.ts
new file mode 100644
index 0000000000..f5a11350bc
--- /dev/null
+++ b/src/common/utils/locale.ts
@@ -0,0 +1,64 @@
+import { UserLanguage } from '~/gql/graphql'
+
+export const toUserLanguage = (lang: string) => {
+  lang = lang.toLowerCase().replace(/-/g, '_')
+
+  // zh_hans
+  if (['zh_cn', 'zh_hans'].indexOf(lang) >= 0) {
+    return UserLanguage.ZhHans
+  }
+
+  // zh_hant
+  if (['zh', 'zh_tw', 'zh_hk', 'zh_hant'].indexOf(lang) >= 0) {
+    return UserLanguage.ZhHant
+  }
+
+  // en
+  if (lang.startsWith('en')) {
+    return UserLanguage.En
+  }
+
+  return ''
+}
+
+export const toLocale = (lang: string) => {
+  lang = lang.toLowerCase().replace(/-/g, '_')
+
+  // zh_hans
+  if (['zh_cn', 'zh_hans'].indexOf(lang) >= 0) {
+    return 'zh-Hans'
+  }
+
+  // zh_hant
+  if (['zh', 'zh_tw', 'zh_hk', 'zh_hant'].indexOf(lang) >= 0) {
+    return 'zh-Hant'
+  }
+
+  // en
+  if (lang.startsWith('en')) {
+    return 'en'
+  }
+
+  return ''
+}
+
+export const toOGLanguage = (lang: string) => {
+  lang = lang.toLowerCase().replace(/-/g, '_')
+
+  // zh_hans
+  if (['zh_cn', 'zh_hans'].indexOf(lang) >= 0) {
+    return 'zh_CN'
+  }
+
+  // zh_hant
+  if (['zh', 'zh_tw', 'zh_hk', 'zh_hant'].indexOf(lang) >= 0) {
+    return 'zh_TW'
+  }
+
+  // en
+  if (lang.startsWith('en')) {
+    return 'en'
+  }
+
+  return ''
+}
diff --git a/src/common/utils/pad.test.ts b/src/common/utils/pad.test.ts
new file mode 100644
index 0000000000..0d203c39a3
--- /dev/null
+++ b/src/common/utils/pad.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest'
+
+import { leftPad } from './pad'
+
+describe('utils/pad', () => {
+  it('should pad a string on the left', () => {
+    const result = leftPad('abc', 5)
+    expect(result).toBe('  abc')
+  })
+
+  it('should not pad a string if its length is equal to the target length', () => {
+    const result = leftPad('abcd', 4)
+    expect(result).toBe('abcd')
+  })
+
+  it('should not pad a string if its length is greater than the target length', () => {
+    const result = leftPad('abcde', 4)
+    expect(result).toBe('abcde')
+  })
+
+  it('should pad a string with a custom character', () => {
+    const result = leftPad('abc', 5, '-')
+    expect(result).toBe('--abc')
+  })
+})
diff --git a/src/common/utils/random.ts b/src/common/utils/random.ts
deleted file mode 100644
index 855fa87c23..0000000000
--- a/src/common/utils/random.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const randomString = (length = 9) =>
-  Math.random().toString(36).substr(2, length)
diff --git a/src/common/utils/test.tsx b/src/common/utils/test.tsx
index 91b2aeec4e..c2ee81890e 100644
--- a/src/common/utils/test.tsx
+++ b/src/common/utils/test.tsx
@@ -27,7 +27,7 @@ import GlobalDialogs from '~/components/GlobalDialogs'
 import { UserLanguage } from '~/gql/graphql'
 import { MOCK_USER } from '~/stories/mocks'
 
-import { toLocale } from './language'
+import { toLocale } from './locale'
 
 const TranslationsProvider = ({ children }: { children: React.ReactNode }) => {
   const { lang } = useContext(LanguageContext)
diff --git a/src/common/utils/time.ts b/src/common/utils/timer.ts
similarity index 100%
rename from src/common/utils/time.ts
rename to src/common/utils/timer.ts
diff --git a/tests/mutateArticle.spec.ts b/tests/mutateArticle.spec.ts
index 881d51dfed..5cd9a8448e 100644
--- a/tests/mutateArticle.spec.ts
+++ b/tests/mutateArticle.spec.ts
@@ -2,8 +2,8 @@ import { expect, test } from '@playwright/test'
 import _random from 'lodash/random'
 
 import { TEST_ID } from '~/common/enums'
+import { sleep } from '~/common/utils'
 import { stripSpaces } from '~/common/utils/text'
-import { sleep } from '~/common/utils/time'
 
 import { publishDraft } from './common'
 import {
diff --git a/tests/switchBetweenMultiUser.spec.ts b/tests/switchBetweenMultiUser.spec.ts
index 6d096a4c97..dcba589e7e 100644
--- a/tests/switchBetweenMultiUser.spec.ts
+++ b/tests/switchBetweenMultiUser.spec.ts
@@ -1,7 +1,7 @@
 import { expect, test } from '@playwright/test'
 
 import { TEST_ID } from '~/common/enums'
-import { sleep } from '~/common/utils/time'
+import { sleep } from '~/common/utils'
 
 import {
   ArticleDetailPage,

From 107e7d1fc713c5c91743cb71836e08e0d073adcd Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sat, 4 Nov 2023 10:22:47 +0800
Subject: [PATCH 07/62] feat(test): add tests for utils/storage

---
 src/common/utils/storage.test.ts | 35 ++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/common/utils/storage.test.ts

diff --git a/src/common/utils/storage.test.ts b/src/common/utils/storage.test.ts
new file mode 100644
index 0000000000..a9bb082140
--- /dev/null
+++ b/src/common/utils/storage.test.ts
@@ -0,0 +1,35 @@
+import { beforeEach, describe, expect, it } from 'vitest'
+
+import { sessionStorage as sssstorage, storage } from './storage'
+
+describe('utils/storage', () => {
+  beforeEach(() => {
+    localStorage.clear()
+  })
+
+  it('should set, get and remove the item in localStorage', () => {
+    const key = 'testKey'
+    const value = { data: 'testData' }
+
+    storage.set(key, value)
+    expect(localStorage.getItem(key)).toBe(JSON.stringify(value))
+    expect(storage.get(key)).toEqual(value)
+
+    storage.remove(key)
+    expect(localStorage.getItem(key)).toBe(null)
+    expect(storage.get(key)).toEqual(null)
+  })
+
+  it('should set, get and remove the item in sessionStorage', () => {
+    const key = 'testKey'
+    const value = { data: 'testData' }
+
+    sssstorage.set(key, value)
+    expect(sessionStorage.getItem(key)).toBe(JSON.stringify(value))
+    expect(sssstorage.get(key)).toEqual(value)
+
+    sssstorage.remove(key)
+    expect(sessionStorage.getItem(key)).toBe(null)
+    expect(sssstorage.get(key)).toEqual(null)
+  })
+})

From aef090f448ed66fd7dac940f4f70b68de4054ada Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sat, 4 Nov 2023 10:50:09 +0800
Subject: [PATCH 08/62] feat(test): add tests for utils/url

---
 src/common/utils/url.test.ts | 43 ++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/common/utils/url.test.ts

diff --git a/src/common/utils/url.test.ts b/src/common/utils/url.test.ts
new file mode 100644
index 0000000000..ba9e90c10b
--- /dev/null
+++ b/src/common/utils/url.test.ts
@@ -0,0 +1,43 @@
+import { describe, expect, it } from 'vitest'
+
+import { isUrl } from './url'
+
+describe('utils/url', () => {
+  it('should return true for valid URLs', () => {
+    expect(isUrl('example.com')).toBe(true)
+    expect(isUrl('http://example.com')).toBe(true)
+    expect(isUrl('https://example.com')).toBe(true)
+    expect(isUrl('https://www.example.com')).toBe(true)
+    expect(isUrl('https://example.com/path')).toBe(true)
+    expect(isUrl('https://example.com/path?query=param')).toBe(true)
+    expect(
+      isUrl(
+        'https://example.com/@userName/10010-%E4%BA%94-bafybeidlgjmkj6tgtmeyeor'
+      )
+    ).toBe(true)
+    expect(isUrl('https://example.com/#hash')).toBe(true)
+    expect(isUrl('https://example.com/?query=param#hash')).toBe(true)
+    expect(isUrl('http://example.com:8080')).toBe(true)
+    expect(isUrl('http://example.com:8080/path')).toBe(true)
+    expect(isUrl('http://example.com:8080/path?query=param')).toBe(true)
+    expect(isUrl('http://example.com:8080/#hash')).toBe(true)
+
+    // unusual but valid
+    expect(isUrl('http:/example.com')).toBe(false)
+    expect(isUrl('http://example')).toBe(false)
+    expect(isUrl('https://example')).toBe(false)
+    expect(isUrl('http://.com')).toBe(false)
+    expect(isUrl('https://example.com:')).toBe(false)
+  })
+
+  it('should return false for invalid URLs', () => {
+    expect(isUrl('example')).toBe(false)
+    expect(isUrl('http://example.com:port')).toBe(false)
+    expect(isUrl('https://example.com:port')).toBe(false)
+    expect(isUrl('https://example.com:port/path')).toBe(false)
+    expect(isUrl('https://example.com:port/path?query=param')).toBe(false)
+    expect(isUrl('https://example.com:port/#hash')).toBe(false)
+    expect(isUrl('https://example.com:port/?query=param#hash')).toBe(false)
+    expect(isUrl('http://example.com:port:8080')).toBe(false)
+  })
+})

From 3bd4259df7d77523906a9f08f59d9533bbc87109 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sat, 4 Nov 2023 12:13:45 +0800
Subject: [PATCH 09/62] feat(test): add tests for utils/url and utils/validator

---
 src/common/utils/url.test.ts                  | 190 +++++++++++++++++-
 src/common/utils/url.ts                       |  47 +----
 src/common/utils/validator.test.ts            |  64 ++++++
 .../CollectionArticles/index.tsx              |   4 +-
 4 files changed, 258 insertions(+), 47 deletions(-)
 create mode 100644 src/common/utils/validator.test.ts

diff --git a/src/common/utils/url.test.ts b/src/common/utils/url.test.ts
index ba9e90c10b..9d4edd86b0 100644
--- a/src/common/utils/url.test.ts
+++ b/src/common/utils/url.test.ts
@@ -1,8 +1,14 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
-import { isUrl } from './url'
+import {
+  isUrl,
+  parseSorter,
+  parseURL,
+  stringifySorter,
+  toSizedImageURL,
+} from './url'
 
-describe('utils/url', () => {
+describe('utils/url/isUrl', () => {
   it('should return true for valid URLs', () => {
     expect(isUrl('example.com')).toBe(true)
     expect(isUrl('http://example.com')).toBe(true)
@@ -21,17 +27,17 @@ describe('utils/url', () => {
     expect(isUrl('http://example.com:8080/path')).toBe(true)
     expect(isUrl('http://example.com:8080/path?query=param')).toBe(true)
     expect(isUrl('http://example.com:8080/#hash')).toBe(true)
+    expect(isUrl('https://example.com:')).toBe(true)
+  })
 
-    // unusual but valid
+  it('should return false for invalid URLs', () => {
+    expect(isUrl('example')).toBe(false)
+    expect(isUrl('mailto:alice@example.com')).toBe(false)
+    expect(isUrl('tel:88888888')).toBe(false)
     expect(isUrl('http:/example.com')).toBe(false)
     expect(isUrl('http://example')).toBe(false)
     expect(isUrl('https://example')).toBe(false)
     expect(isUrl('http://.com')).toBe(false)
-    expect(isUrl('https://example.com:')).toBe(false)
-  })
-
-  it('should return false for invalid URLs', () => {
-    expect(isUrl('example')).toBe(false)
     expect(isUrl('http://example.com:port')).toBe(false)
     expect(isUrl('https://example.com:port')).toBe(false)
     expect(isUrl('https://example.com:port/path')).toBe(false)
@@ -41,3 +47,169 @@ describe('utils/url', () => {
     expect(isUrl('http://example.com:port:8080')).toBe(false)
   })
 })
+
+describe('utils/url/parseURL', () => {
+  it('should parse URL', () => {
+    expect(parseURL('https://example.com:8080/path?query=param#hash')).toEqual({
+      protocol: 'https:',
+      host: 'example.com:8080',
+      hostname: 'example.com',
+      port: '8080',
+      pathname: '/path',
+      search: '?query=param',
+      hash: '#hash',
+    })
+
+    expect(parseURL('http://example.com')).toEqual({
+      protocol: 'http:',
+      host: 'example.com',
+      hostname: 'example.com',
+      port: '',
+      pathname: '/',
+      search: '',
+      hash: '',
+    })
+
+    expect(
+      parseURL(
+        'https://example.com/@userName/10010-%E4%BA%94-bafybeidlgjmkj6tgtmeyeor'
+      )
+    ).toEqual({
+      protocol: 'https:',
+      host: 'example.com',
+      hostname: 'example.com',
+      port: '',
+      pathname: '/@userName/10010-%E4%BA%94-bafybeidlgjmkj6tgtmeyeor',
+      search: '',
+      hash: '',
+    })
+
+    // uncommon URLs
+    expect(parseURL('example.com').hostname).not.toBe('example.com')
+    expect(parseURL('').hostname).not.toBe('example.com')
+  })
+})
+
+describe('utils/url/parseSorter', () => {
+  it('should parse sorter', () => {
+    expect(parseSorter('')).toEqual({})
+    expect(parseSorter('date:')).toEqual({ date: '' })
+    expect(parseSorter('date')).toEqual({ date: '' })
+    expect(parseSorter('date:asc')).toEqual({ date: 'asc' })
+    expect(parseSorter('date: asc')).toEqual({ date: 'asc' })
+    expect(parseSorter('date:asc,')).toEqual({ date: 'asc' })
+    expect(parseSorter('date:asc, ')).toEqual({ date: 'asc' })
+    expect(parseSorter('date:asc,like:desc')).toEqual({
+      date: 'asc',
+      like: 'desc',
+    })
+    expect(parseSorter('date:asc, like:desc')).toEqual({
+      date: 'asc',
+      like: 'desc',
+    })
+  })
+})
+
+describe('utils/url/stringifySorter', () => {
+  it('should stringify sorter', () => {
+    expect(stringifySorter({})).toBe('')
+    expect(stringifySorter({ date: '' })).toBe('date:')
+    expect(stringifySorter({ date: 'asc' })).toBe('date:asc')
+    expect(stringifySorter({ date: 'asc', like: 'desc' })).toBe(
+      'date:asc,like:desc'
+    )
+    expect(stringifySorter({ date: 'asc', like: 'desc', comment: '' })).toBe(
+      'date:asc,like:desc,comment:'
+    )
+  })
+})
+
+describe('utils/url/toSizedImageURL', () => {
+  it('should return image URL with asset domain', () => {
+    const NEXT_PUBLIC_CF_IMAGE_URL = 'https://imagedelivery.net/abc/prod'
+    vi.stubEnv('NEXT_PUBLIC_CF_IMAGE_URL', NEXT_PUBLIC_CF_IMAGE_URL)
+
+    // with `/public` suffix
+    expect(
+      toSizedImageURL({
+        url: 'https://imagedelivery.net/abc/prod/image.jpeg/public',
+        width: 72,
+      })
+    ).toBe(
+      'https://imagedelivery.net/abc/prod/image.jpeg/w=72,h=288,fit=scale-down'
+    )
+
+    // width
+    expect(
+      toSizedImageURL({
+        url: 'https://imagedelivery.net/abc/prod/image.jpeg',
+        width: 72,
+      })
+    ).toBe(
+      'https://imagedelivery.net/abc/prod/image.jpeg/w=72,h=288,fit=scale-down'
+    )
+
+    // with width and height
+    expect(
+      toSizedImageURL({
+        url: 'https://imagedelivery.net/abc/prod/image.jpeg',
+        width: 72,
+        height: 72,
+      })
+    ).toBe('https://imagedelivery.net/abc/prod/image.jpeg/w=72,h=72,fit=crop')
+
+    // with width and height and ext
+    expect(
+      toSizedImageURL({
+        url: 'https://imagedelivery.net/abc/prod/image.jpeg',
+        width: 72,
+        height: 72,
+        ext: 'webp',
+      })
+    ).toBe('https://imagedelivery.net/abc/prod/image.webp/w=72,h=72,fit=crop')
+
+    // with width and height and disableAnimation
+    expect(
+      toSizedImageURL({
+        url: 'https://imagedelivery.net/abc/prod/image.gif',
+        width: 72,
+        height: 72,
+        disableAnimation: true,
+      })
+    ).toBe(
+      'https://imagedelivery.net/abc/prod/image.gif/w=72,h=72,fit=crop,anim=false'
+    )
+  })
+
+  it('should return image URL with thrid-party domain', () => {
+    const NEXT_PUBLIC_CF_IMAGE_URL = 'https://imagedelivery.net/abc/prod'
+    vi.stubEnv('NEXT_PUBLIC_CF_IMAGE_URL', NEXT_PUBLIC_CF_IMAGE_URL)
+
+    expect(
+      toSizedImageURL({
+        url: 'https://example.com/abc/prod/image.jpeg/public',
+        width: 72,
+      })
+    ).toBe('https://example.com/abc/prod/image.jpeg/public')
+  })
+
+  it('should return image URL w/o asset domain', () => {
+    // external domain
+    expect(
+      toSizedImageURL({
+        url: 'https://example.com/abc/prod/image.jpeg/public',
+        width: 72,
+      })
+    ).toBe('https://example.com/abc/prod/image.jpeg/public')
+
+    // legacy domain
+    expect(
+      toSizedImageURL({
+        url: 'https://assets.matters.news/cover/63049798-ea19-4ba1-9325-d93ae4cc4857.jpeg',
+        width: 72,
+      })
+    ).toBe(
+      'https://assets.matters.news/cover/63049798-ea19-4ba1-9325-d93ae4cc4857.jpeg'
+    )
+  })
+})
diff --git a/src/common/utils/url.ts b/src/common/utils/url.ts
index 70549efb45..fc14b5644f 100644
--- a/src/common/utils/url.ts
+++ b/src/common/utils/url.ts
@@ -1,11 +1,6 @@
-import { URL_COLLECTION_DETAIL } from '../enums'
-
-const pattern = /^(:?\/\/|https?:\/\/)?([^/]*@)?(.+?)(:\d{2,5})?([/?].*)?$/
+export { default as isUrl } from 'validator/lib/isUrl'
 
-export const extractDomain = (url: string) => {
-  const parts = url.match(pattern) || []
-  return parts[3]
-}
+import { URL_COLLECTION_DETAIL } from '../enums'
 
 export const parseURL = (url: string) => {
   const parser = document.createElement('a')
@@ -36,7 +31,7 @@ interface ToSizedImageURLProps {
   disableAnimation?: boolean
 }
 
-export const changeExt = ({ key, ext }: { key: string; ext?: 'webp' }) => {
+const changeExt = ({ key, ext }: { key: string; ext?: 'webp' }) => {
   const list = key.split('.')
   const hasExt = list.length > 1
   const newExt = ext || list.slice(-1)[0] || ''
@@ -89,41 +84,19 @@ export const toSizedImageURL = ({
   return assetDomain + extedUrl + '/' + postfix
 }
 
-export const isUrl = (key: string) => {
-  let valid = false
-
-  try {
-    valid = Boolean(new URL(key))
-  } catch (e) {
-    // do nothing
-  }
-
-  if (valid) {
-    return valid
-  }
-
-  // fallback to match url w/o protocol
-  const pattern = new RegExp(
-    '^([a-zA-Z]+:\\/\\/)?' + // protocol
-      '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
-      '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR IP (v4) address
-      '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
-      '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
-      '(\\#[-a-z\\d_]*)?$', // fragment locator
-    'i'
-  )
-  return pattern.test(key)
-}
-
 export const parseSorter = (sorterStr: string) => {
-  const sorter: any = {}
+  const sorter: { [key: string]: string } = {}
   if (sorterStr === '') {
     return sorter
   }
   const sorters = sorterStr.split(URL_COLLECTION_DETAIL.SORTER_SEPARATOR)
   sorters.map((s) => {
-    const [key, value] = s.split(URL_COLLECTION_DETAIL.SORTER_TYPE_SEPARATOR)
-    sorter[key] = value
+    let [key, value] = s.split(URL_COLLECTION_DETAIL.SORTER_TYPE_SEPARATOR)
+    key = (key || '').trim()
+    value = (value || '').trim()
+    if (key) {
+      sorter[key] = value
+    }
   })
   return sorter
 }
diff --git a/src/common/utils/validator.test.ts b/src/common/utils/validator.test.ts
new file mode 100644
index 0000000000..4d915bdf9b
--- /dev/null
+++ b/src/common/utils/validator.test.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  isValidEmail,
+  isValidPassword,
+  isValidPaymentPassword,
+  isValidPaymentPointer,
+} from './validator'
+
+describe('utils/validator/isValidEmail', () => {
+  it('should return true for valid emails', () => {
+    const allowPlusSign = false
+    expect(isValidEmail('alice@example.com', { allowPlusSign })).toBe(true)
+    expect(isValidEmail('alice@example.com', { allowPlusSign })).toBe(true)
+  })
+})
+
+describe('utils/validator/isValidPassword', () => {
+  it('should return true for valid passwords', () => {
+    expect(isValidPassword('12345678')).toBe(true)
+    expect(isValidPassword('abcdefgh')).toBe(true)
+    expect(isValidPassword('ABCDEFGH')).toBe(true)
+    expect(isValidPassword('!@#$%^&*')).toBe(true)
+    expect(isValidPassword('123abcDEF%^&*')).toBe(true)
+    expect(isValidPassword('        ')).toBe(true)
+  })
+
+  it('should return false for invalid passwords', () => {
+    // length
+    expect(isValidPassword('12345')).toBe(false)
+
+    // non-ASCII
+    expect(isValidPassword('你好世界你好世界')).toBe(false)
+  })
+})
+
+describe('utils/validator/isValidPaymentPassword', () => {
+  it('should return true for valid payment passwords', () => {
+    expect(isValidPaymentPassword('123456')).toBe(true)
+  })
+
+  it('should return false for invalid payment passwords', () => {
+    expect(isValidPaymentPassword('12345')).toBe(false)
+    expect(isValidPaymentPassword('1234567')).toBe(false)
+    expect(isValidPassword('abcdef')).toBe(false)
+    expect(isValidPassword('ABCDEF')).toBe(false)
+    expect(isValidPassword('!@#$%^')).toBe(false)
+    expect(isValidPassword('1aEF%*')).toBe(false)
+    expect(isValidPassword('      ')).toBe(false)
+    expect(isValidPassword('你好世界你你')).toBe(false)
+  })
+})
+
+describe('utils/validator/isValidPaymentPointer', () => {
+  it('should return true for valid payment pointers', () => {
+    expect(isValidPaymentPointer('$example.com')).toBe(true)
+    expect(isValidPaymentPointer('$www.example.com')).toBe(true)
+  })
+
+  it('should return false for invalid payment pointers', () => {
+    expect(isValidPaymentPointer('example.com')).toBe(false)
+    expect(isValidPaymentPointer('www.example.com')).toBe(false)
+  })
+})
diff --git a/src/views/User/CollectionDetail/CollectionArticles/index.tsx b/src/views/User/CollectionDetail/CollectionArticles/index.tsx
index 28ed31af5f..d964460f0a 100644
--- a/src/views/User/CollectionDetail/CollectionArticles/index.tsx
+++ b/src/views/User/CollectionDetail/CollectionArticles/index.tsx
@@ -43,7 +43,9 @@ const CollectionArticles = ({ collection }: CollectionArticlesProps) => {
 
   let sorter = parseSorter(getQuery(URL_COLLECTION_DETAIL.SORTER_KEY))
 
-  let sorterSequence = sorter[URL_COLLECTION_DETAIL.SORTER_SEQUENCE.key]
+  let sorterSequence = sorter[
+    URL_COLLECTION_DETAIL.SORTER_SEQUENCE.key
+  ] as SorterSequenceType
 
   if (
     sorterSequence !== URL_COLLECTION_DETAIL.SORTER_SEQUENCE.value.DSC &&

From feab01f2117a47318b5ec3a96f59b932ac5b33b2 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sun, 5 Nov 2023 14:07:58 +0800
Subject: [PATCH 10/62] feat(test): add test for utils/timer

---
 src/common/utils/index.ts              |  1 -
 src/common/utils/route.ts              |  7 ++++
 src/common/utils/search.ts             |  6 ---
 src/common/utils/timer.test.ts         | 54 ++++++++++++++++++++++++++
 src/common/utils/timer.ts              | 10 -----
 src/components/Popper/Tooltip.test.tsx | 13 ++-----
 src/components/Toast/Toast.test.tsx    |  3 +-
 7 files changed, 66 insertions(+), 28 deletions(-)
 delete mode 100644 src/common/utils/search.ts
 create mode 100644 src/common/utils/timer.test.ts

diff --git a/src/common/utils/index.ts b/src/common/utils/index.ts
index e7f35eac9d..2c61e220c1 100644
--- a/src/common/utils/index.ts
+++ b/src/common/utils/index.ts
@@ -18,7 +18,6 @@ export * from './pad'
 export * from './payment'
 export * from './response'
 export * from './route'
-export * from './search'
 export * from './storage'
 export * from './text'
 export * from './timer'
diff --git a/src/common/utils/route.ts b/src/common/utils/route.ts
index 7f49a0e042..b641df903e 100644
--- a/src/common/utils/route.ts
+++ b/src/common/utils/route.ts
@@ -395,3 +395,10 @@ export const captureClicks = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {
     Router.push(el.href)
   }
 }
+
+export type SearchType = 'article' | 'user' | 'tag' | undefined
+
+export const getSearchType = (value: string): SearchType => {
+  const types = ['article', 'user', 'tag']
+  return types.includes(value) ? (value as SearchType) : undefined
+}
diff --git a/src/common/utils/search.ts b/src/common/utils/search.ts
deleted file mode 100644
index 7b6a901c78..0000000000
--- a/src/common/utils/search.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export type SearchType = 'article' | 'user' | 'tag' | undefined
-
-export const getSearchType = (value: string): SearchType => {
-  const types = ['article', 'user', 'tag']
-  return types.includes(value) ? (value as SearchType) : undefined
-}
diff --git a/src/common/utils/timer.test.ts b/src/common/utils/timer.test.ts
new file mode 100644
index 0000000000..b23e4dc491
--- /dev/null
+++ b/src/common/utils/timer.test.ts
@@ -0,0 +1,54 @@
+import { act } from '@testing-library/react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { deferTry, sleep } from './timer'
+
+beforeEach(() => {
+  // Tests should run in serial for improved isolation
+  // To prevent collision with global state, reset all toasts for each test
+  vi.useFakeTimers()
+})
+
+afterEach(() => {
+  act(() => {
+    vi.runAllTimers()
+    vi.useRealTimers()
+  })
+})
+
+describe('utils/timer/deferTry', () => {
+  it('should retry the function if it throws an error', async () => {
+    const fn = vi.fn(() => {
+      throw new Error()
+    })
+
+    const tries = 3
+    const defer = 1000
+    deferTry(fn, tries, defer)
+
+    vi.advanceTimersByTime(defer * tries - 1)
+    expect(fn).toHaveBeenCalledTimes(tries)
+  })
+
+  it('should not retry the function if it does not throw an error', () => {
+    const fn = vi.fn()
+
+    const tries = 3
+    const defer = 1000
+    deferTry(fn, tries, defer)
+
+    expect(fn).toHaveBeenCalledTimes(1)
+  })
+})
+
+describe('utils/timer/sleep', () => {
+  it('should resolve after the specified time', async () => {
+    const fn = vi.fn()
+    const duration = 1000
+    sleep(duration).then(() => {
+      fn()
+    })
+    await vi.advanceTimersByTimeAsync(duration)
+    expect(fn).toHaveBeenCalled()
+  })
+})
diff --git a/src/common/utils/timer.ts b/src/common/utils/timer.ts
index 339ce57d89..5521d7e612 100644
--- a/src/common/utils/timer.ts
+++ b/src/common/utils/timer.ts
@@ -3,7 +3,6 @@ export const deferTry = (fn: () => any, timesLeft = 10, defer = 2000) => {
     try {
       fn()
     } catch (err) {
-      console.log(err)
       setTimeout(() => deferTry(fn, timesLeft - 1, defer), defer)
     }
   }
@@ -15,12 +14,3 @@ export const sleep = async (ms: number) => {
     setTimeout(resolve, ms)
   })
 }
-
-export const timeout = (ms: number, promise: any) => {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      reject(new Error('timeout'))
-    }, ms)
-    promise.then(resolve, reject)
-  })
-}
diff --git a/src/components/Popper/Tooltip.test.tsx b/src/components/Popper/Tooltip.test.tsx
index d072d45ebd..ebe345f5ac 100644
--- a/src/components/Popper/Tooltip.test.tsx
+++ b/src/components/Popper/Tooltip.test.tsx
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 
-import { act, fireEvent, render, screen } from '~/common/utils/test'
+import { fireEvent, render, screen } from '~/common/utils/test'
 import { Tooltip } from '~/components'
 
 describe('<Tooltip>', () => {
@@ -57,16 +57,11 @@ describe('<Tooltip>', () => {
     expect(screen.queryByText(content)).not.toBeInTheDocument()
 
     // content should be shown after delay
-    act(() => {
-      vi.advanceTimersByTime(delay)
-    })
+    vi.advanceTimersByTime(delay)
     const $tooltip = screen.getByText(content)
     expect($tooltip).toBeInTheDocument()
 
-    act(() => {
-      vi.runAllTimers()
-      vi.useRealTimers()
-      // done();
-    })
+    vi.runAllTimers()
+    vi.useRealTimers()
   })
 })
diff --git a/src/components/Toast/Toast.test.tsx b/src/components/Toast/Toast.test.tsx
index 843b1fbda2..9a6dad3bf0 100644
--- a/src/components/Toast/Toast.test.tsx
+++ b/src/components/Toast/Toast.test.tsx
@@ -9,11 +9,10 @@ beforeEach(() => {
   vi.useFakeTimers()
 })
 
-afterEach((done) => {
+afterEach(() => {
   act(() => {
     vi.runAllTimers()
     vi.useRealTimers()
-    // done();
   })
 })
 

From 3f6f2aec3f8b8db29b83d6a932df917250395a62 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sun, 5 Nov 2023 18:39:57 +0800
Subject: [PATCH 11/62] feat(test): add tests for utils/route/toPath and
 refactor

---
 src/common/utils/index.ts                     |   1 -
 src/common/utils/iscnLink.ts                  |  10 -
 src/common/utils/route.test.ts                | 310 ++++++++++++++++++
 src/common/utils/route.ts                     | 177 +++++-----
 .../Dialogs/FingerprintDialog/Content.tsx     |  12 +-
 src/stories/mocks/index.ts                    |  18 +-
 src/views/ArticleDetail/index.tsx             |   4 +-
 7 files changed, 420 insertions(+), 112 deletions(-)
 delete mode 100644 src/common/utils/iscnLink.ts
 create mode 100644 src/common/utils/route.test.ts

diff --git a/src/common/utils/index.ts b/src/common/utils/index.ts
index 2c61e220c1..f2fb805177 100644
--- a/src/common/utils/index.ts
+++ b/src/common/utils/index.ts
@@ -10,7 +10,6 @@ export * from './detect'
 export * from './dom'
 export * from './form'
 export * from './globalId'
-export * from './iscnLink'
 export * from './locale'
 export * from './number'
 export * from './oauth'
diff --git a/src/common/utils/iscnLink.ts b/src/common/utils/iscnLink.ts
deleted file mode 100644
index e357409b7f..0000000000
--- a/src/common/utils/iscnLink.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// e.g. https://app.like.co/view/iscn:%2F%2Flikecoin-chain%2FbZs7dmhEk0voCV6vI_eWaHGD-cY32z6zt1scgzV9DVI%2F1
-
-const isProd = process.env.NEXT_PUBLIC_RUNTIME_ENV === 'production'
-const iscnLinkPrefix = isProd
-  ? 'https://app.like.co/view'
-  : 'https://app.rinkeby.like.co/view'
-
-export function iscnLinkUrl(iscnId: string) {
-  return `${iscnLinkPrefix}/${encodeURIComponent(iscnId)}`
-}
diff --git a/src/common/utils/route.test.ts b/src/common/utils/route.test.ts
new file mode 100644
index 0000000000..f5f6eea674
--- /dev/null
+++ b/src/common/utils/route.test.ts
@@ -0,0 +1,310 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  MOCK_ARTILCE,
+  MOCK_CIRCLE,
+  MOCK_COLLECTION,
+  MOCK_COMMENT,
+  MOCK_DRAFT,
+  MOCK_TAG,
+  MOCK_USER,
+} from '~/stories/mocks'
+
+import { fromGlobalId } from './globalId'
+import {
+  // appendTarget,
+  // getEncodedCurrent,
+  getSearchType,
+  // getTarget,
+  // redirectToHomePage,
+  // redirectToLogin,
+  // redirectToTarget,
+  toPath,
+} from './route'
+
+describe('utils/route/toPath', () => {
+  describe('page: articleDetail', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({ page: 'articleDetail', article: MOCK_ARTILCE })
+      // /@matty/1-slug-Qmaisz6NMhDB51cCvNWa1GMS7LU1pAxdF4Ld6Ft9kZEP2a
+      expect(href).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${
+          fromGlobalId(MOCK_ARTILCE.id).id
+        }-${MOCK_ARTILCE.slug}-${MOCK_ARTILCE.mediaHash}`
+      )
+    })
+
+    it('should return the correct path when the article id is not a valid global id', () => {
+      const { href } = toPath({
+        page: 'articleDetail',
+        article: {
+          ...MOCK_ARTILCE,
+          id: 'invalidId',
+        },
+      })
+      // /@matty/slug-Qmaisz6NMhDB51cCvNWa1GMS7LU1pAxdF4Ld6Ft9kZEP2a
+      expect(href).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${MOCK_ARTILCE.slug}-${MOCK_ARTILCE.mediaHash}`
+      )
+    })
+
+    it('should return the correct path when the article id is not provided', () => {
+      const { href } = toPath({
+        page: 'articleDetail',
+        article: {
+          ...MOCK_ARTILCE,
+          id: undefined,
+        },
+      })
+      // /@matty/slug-Qmaisz6NMhDB51cCvNWa1GMS7LU1pAxdF4Ld6Ft9kZEP2a
+      expect(href).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${MOCK_ARTILCE.slug}-${MOCK_ARTILCE.mediaHash}`
+      )
+    })
+
+    it('should return the correct path with utm paramaters', () => {
+      const { href } = toPath({
+        page: 'articleDetail',
+        article: MOCK_ARTILCE,
+        utm_source: 'test-source',
+        utm_campaign: 'test-campaign',
+      })
+      expect(href).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${
+          fromGlobalId(MOCK_ARTILCE.id).id
+        }-${MOCK_ARTILCE.slug}-${
+          MOCK_ARTILCE.mediaHash
+        }?utm_source=test-source&utm_campaign=test-campaign`
+      )
+    })
+  })
+
+  describe('page: circleDetail', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({ page: 'circleDetail', circle: MOCK_CIRCLE })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}`)
+    })
+  })
+
+  describe('page: circleDiscussion', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'circleDiscussion',
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/discussion`)
+    })
+  })
+
+  describe('page: circleBroadcast', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'circleBroadcast',
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/broadcast`)
+    })
+  })
+
+  describe('page: circleSettings', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'circleSettings',
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/settings`)
+    })
+  })
+
+  describe('page: circleAnalytics', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'circleAnalytics',
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/analytics`)
+    })
+  })
+
+  describe('page: circleEditProfile', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'circleEditProfile',
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/settings/edit-profile`)
+    })
+  })
+
+  describe('page: circleManageInvitation', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'circleManageInvitation',
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/settings/manage-invitation`)
+    })
+  })
+
+  describe('page: commentDetail', () => {
+    it('should return the correct path for article comment', () => {
+      // w/0 parent comment
+      const { href } = toPath({
+        page: 'commentDetail',
+        comment: { ...MOCK_COMMENT, parentComment: null },
+        article: MOCK_ARTILCE,
+      })
+      expect(href).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${
+          fromGlobalId(MOCK_ARTILCE.id).id
+        }-${MOCK_ARTILCE.slug}-${MOCK_ARTILCE.mediaHash}#${MOCK_COMMENT.id}`
+      )
+
+      // with parent comment
+      const { href: href2 } = toPath({
+        page: 'commentDetail',
+        comment: MOCK_COMMENT,
+        article: MOCK_ARTILCE,
+      })
+      expect(href2).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${
+          fromGlobalId(MOCK_ARTILCE.id).id
+        }-${MOCK_ARTILCE.slug}-${MOCK_ARTILCE.mediaHash}#${MOCK_COMMENT
+          .parentComment?.id}-${MOCK_COMMENT.id}`
+      )
+    })
+
+    it('should return the correct path for circle comment', () => {
+      // circle discussion
+      const { href } = toPath({
+        page: 'commentDetail',
+        comment: {
+          ...MOCK_COMMENT,
+          type: 'circleDiscussion',
+          parentComment: null,
+        },
+        circle: MOCK_CIRCLE,
+      })
+      expect(href).toBe(`/~${MOCK_CIRCLE.name}/discussion#${MOCK_COMMENT.id}`)
+
+      // circle broadcast
+      const { href: href2 } = toPath({
+        page: 'commentDetail',
+        comment: {
+          ...MOCK_COMMENT,
+          type: 'circleBroadcast',
+          parentComment: null,
+        },
+        circle: MOCK_CIRCLE,
+      })
+      expect(href2).toBe(`/~${MOCK_CIRCLE.name}/broadcast#${MOCK_COMMENT.id}`)
+    })
+  })
+
+  describe('page: draftDetail', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({ page: 'draftDetail', id: MOCK_DRAFT.id })
+      expect(href).toBe(`/me/drafts/${MOCK_DRAFT.id}`)
+    })
+  })
+
+  describe('page: tagDetail', () => {
+    it('should return the correct path with slug', () => {
+      const { href } = toPath({ page: 'tagDetail', tag: MOCK_TAG })
+      expect(href).toBe(
+        `/tags/${fromGlobalId(MOCK_TAG.id).id}-${MOCK_TAG.slug}`
+      )
+    })
+
+    it('should return the correct path w/o slug', () => {
+      const { href } = toPath({
+        page: 'tagDetail',
+        tag: { ...MOCK_TAG, slug: undefined },
+      })
+      expect(href).toBe(
+        `/tags/${fromGlobalId(MOCK_TAG.id).id}-${MOCK_TAG.content}`
+      )
+    })
+
+    it('should return the correct path w/ feedType', () => {
+      const { href } = toPath({
+        page: 'tagDetail',
+        tag: MOCK_TAG,
+        feedType: 'hottest',
+      })
+      expect(href).toBe(
+        `/tags/${fromGlobalId(MOCK_TAG.id).id}-${MOCK_TAG.slug}?type=hottest`
+      )
+    })
+  })
+
+  describe('page: userProfile', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'userProfile',
+        userName: MOCK_USER.userName,
+      })
+      expect(href).toBe(`/@${MOCK_USER.userName}`)
+    })
+  })
+
+  describe('page: userCollections', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'userCollections',
+        userName: MOCK_USER.userName,
+      })
+      expect(href).toBe(`/@${MOCK_USER.userName}/collections`)
+    })
+  })
+
+  describe('page: search', () => {
+    it('should return the correct path with type', () => {
+      const { href } = toPath({
+        page: 'search',
+        q: 'test',
+        type: 'article',
+      })
+      expect(href).toBe(`/search?q=test&type=article`)
+    })
+
+    it('should return the correct path w/o type', () => {
+      const { href } = toPath({
+        page: 'search',
+        q: 'test',
+      })
+      expect(href).toBe(`/search?q=test`)
+    })
+  })
+
+  describe('page: collectionDetail', () => {
+    it('should return the correct path', () => {
+      const { href } = toPath({
+        page: 'collectionDetail',
+        userName: MOCK_USER.userName,
+        collection: MOCK_COLLECTION,
+      })
+      expect(href).toBe(
+        `/@${MOCK_USER.userName}/collections/${MOCK_COLLECTION.id}`
+      )
+    })
+  })
+})
+
+describe('utils/route/getSearchType', () => {
+  it('should return the correct type ', () => {
+    const articleResult = getSearchType('article')
+    expect(articleResult).toBe('article')
+
+    const userResult = getSearchType('user')
+    expect(userResult).toBe('user')
+
+    const tagResult = getSearchType('tag')
+    expect(tagResult).toBe('tag')
+  })
+
+  it('should return undefined when the value is not a valid type', () => {
+    const result = getSearchType('invalidType')
+    expect(result).toBeUndefined()
+  })
+})
diff --git a/src/common/utils/route.ts b/src/common/utils/route.ts
index b641df903e..8840bf7b9d 100644
--- a/src/common/utils/route.ts
+++ b/src/common/utils/route.ts
@@ -41,12 +41,10 @@ interface CommentArgs {
 }
 
 type ToPathArgs =
-  | ({
+  | {
       page: 'articleDetail'
       article: ArticleArgs
-      fragment?: string
-      // [UtmParam]?: string
-    } & UtmParams)
+    }
   | {
       page:
         | 'circleDetail'
@@ -57,7 +55,6 @@ type ToPathArgs =
         | 'circleEditProfile'
         | 'circleManageInvitation'
       circle: CircleArgs
-      fragment?: string
     }
   | {
       page: 'commentDetail'
@@ -87,19 +84,18 @@ type ToPathArgs =
     }
 
 /**
- * Get `href` and `as` for `<Link>` with `args`
+ * Get `href` for `<Link>` with `args`
  *
  * (works on SSR & CSR)
  */
 export const toPath = (
-  args: ToPathArgs
+  args: ToPathArgs & UtmParams & { fragment?: string }
 ): {
   href: string
-  pathname?: string
-  // search?: string
-  // searchParams?: URLSearchParams | null
-  // hash?: string
 } => {
+  let href = ''
+  let search = {}
+
   switch (args.page) {
     case 'articleDetail': {
       const {
@@ -109,137 +105,142 @@ export const toPath = (
         author: { userName },
       } = args.article
 
-      let pathname = `/@${userName}/${slug}-${mediaHash}`
+      href = `/@${userName}/${slug}-${mediaHash}`
+
       try {
-        if (id) {
-          const { id: articleId } = fromGlobalId(id as string)
-          pathname = `/@${userName}/${articleId}-${slug}${
+        const { id: articleId } = fromGlobalId(id as string)
+        if (id && articleId) {
+          href = `/@${userName}/${articleId}-${slug}${
             mediaHash ? '-' + mediaHash : ''
           }`
         }
       } catch (err) {
-        console.error(`unable to parse global id:`, { id }, err)
+        // do nothing
       }
 
-      let search = ''
-      let searchParams: URLSearchParams | null = null
-      const { utm_source, utm_medium } = args
-      if ([utm_source, utm_medium].some(Boolean)) {
-        searchParams = new URLSearchParams(
-          [
-            ['utm_source', utm_source as string],
-            ['utm_medium', utm_medium as string],
-          ].filter(([k, v]) => !!v)
-        )
-        search = '?' + searchParams.toString()
-      }
-
-      const hash = args.fragment ? `#${args.fragment}` : ''
-
-      return {
-        href: `${pathname}${search}${hash}`,
-        pathname,
-        // search,
-        // searchParams,
-        // hash,
-      }
+      break
     }
     case 'circleDetail': {
-      return {
-        href: `/~${args.circle.name}`,
-      }
+      href = `/~${args.circle.name}`
+      break
     }
     case 'circleDiscussion': {
-      const hash = args.fragment ? `#${args.fragment}` : ''
-      return {
-        href: `/~${args.circle.name}/discussion${hash}`,
-      }
+      href = `/~${args.circle.name}/discussion`
+      break
     }
     case 'circleBroadcast': {
-      const hash = args.fragment ? `#${args.fragment}` : ''
-      return {
-        href: `/~${args.circle.name}/broadcast${hash}`,
-      }
+      href = `/~${args.circle.name}/broadcast`
+      break
     }
     case 'circleSettings': {
-      return {
-        href: `/~${args.circle.name}/settings`,
-      }
+      href = `/~${args.circle.name}/settings`
+      break
     }
     case 'circleAnalytics': {
-      return {
-        href: `/~${args.circle.name}/analytics`,
-      }
+      href = `/~${args.circle.name}/analytics`
+      break
     }
     case 'circleEditProfile': {
-      return {
-        href: `/~${args.circle.name}/settings/edit-profile`,
-      }
+      href = `/~${args.circle.name}/settings/edit-profile`
+      break
     }
     case 'circleManageInvitation': {
-      return {
-        href: `/~${args.circle.name}/settings/manage-invitation`,
-      }
+      href = `/~${args.circle.name}/settings/manage-invitation`
+      break
     }
     case 'commentDetail': {
       const { parentComment, id, type } = args.comment || {}
       const fragment = parentComment?.id ? `${parentComment.id}-${id}` : id
       switch (type) {
         case 'article':
-          return toPath({
+          href = toPath({
             page: 'articleDetail',
             article: args.article!,
             fragment,
-          })
+          }).href
+          break
         case 'circleDiscussion':
         case 'circleBroadcast':
-          return toPath({
+          href = toPath({
             page: type, // 'circleDiscussion' or 'circleBroadcast'
             circle: args.circle!, // as { name: string },
             fragment,
-          })
-        default:
-          throw new Error(`unknown comment type: ${type}`)
+          }).href
+          break
       }
+      break
     }
     case 'draftDetail': {
-      return {
-        href: `/me/drafts/${args.id}`,
-      }
+      href = `/me/drafts/${args.id}`
+      break
     }
     case 'tagDetail': {
       const { id, slug, content } = args.tag
+      const name = slug || slugifyTag(content)
       const { id: numberId } = fromGlobalId(id as string)
-      const pathname = `/tags/${numberId}-${slug || slugifyTag(content)}`
-      const typeStr = args.feedType ? `?type=${args.feedType}` : ''
-      return {
-        href: `${pathname}${typeStr}`,
-        pathname,
+      if (args.feedType) {
+        search = {
+          ...search,
+          type: args.feedType,
+        }
       }
+      href = `/tags/${numberId}-${name}`
+      break
     }
     case 'userProfile': {
-      return {
-        href: `/@${args.userName}`,
-      }
+      href = `/@${args.userName}`
+      break
     }
     case 'userCollections': {
-      return {
-        href: `/@${args.userName}/collections`,
-      }
+      href = `/@${args.userName}/collections`
+      break
     }
     case 'collectionDetail': {
-      return {
-        href: `/@${args.userName}/collections/${args.collection.id}`,
-      }
+      href = `/@${args.userName}/collections/${args.collection.id}`
+      break
     }
-
     case 'search': {
-      const typeStr = args.type ? `&type=${args.type}` : ''
-      return {
-        href: `${PATHS.SEARCH}?q=${args.q || ''}${typeStr}`,
+      search = {
+        ...search,
+        q: args.q,
+      }
+
+      if (args.type) {
+        search = {
+          ...search,
+          type: args.type,
+        }
       }
+      href = PATHS.SEARCH
+      break
     }
   }
+
+  // query string
+  let searchParams: URLSearchParams = new URLSearchParams(
+    [
+      ['utm_source', args.utm_source as string],
+      ['utm_medium', args.utm_medium as string],
+      ['utm_campaign', args.utm_campaign as string],
+      ['utm_content', args.utm_content as string],
+      ['utm_id', args.utm_id as string],
+      ['utm_term', args.utm_term as string],
+      ...(Object.entries(search) as [string, string][]),
+    ].filter(([k, v]) => !!v)
+  )
+  if (searchParams.toString()) {
+    href = `${href}?${searchParams.toString()}`
+  }
+
+  // hash
+  if (args.fragment) {
+    const hash = `#${args.fragment}`
+    href = `${href}${hash}`
+  }
+
+  return {
+    href,
+  }
 }
 
 export const getTarget = (url?: string) => {
diff --git a/src/components/Dialogs/FingerprintDialog/Content.tsx b/src/components/Dialogs/FingerprintDialog/Content.tsx
index ce3a553534..a4ddac79c1 100644
--- a/src/components/Dialogs/FingerprintDialog/Content.tsx
+++ b/src/components/Dialogs/FingerprintDialog/Content.tsx
@@ -3,7 +3,7 @@ import gql from 'graphql-tag'
 import { useContext, useEffect, useState } from 'react'
 import { useIntl } from 'react-intl'
 
-import { iscnLinkUrl, translate } from '~/common/utils'
+import { translate } from '~/common/utils'
 import {
   Button,
   CopyToClipboard,
@@ -53,6 +53,16 @@ const GATEWAYS = gql`
   }
 `
 
+// e.g. https://app.like.co/view/iscn:%2F%2Flikecoin-chain%2FbZs7dmhEk0voCV6vI_eWaHGD-cY32z6zt1scgzV9DVI%2F1
+const isProd = process.env.NEXT_PUBLIC_RUNTIME_ENV === 'production'
+const iscnLinkPrefix = isProd
+  ? 'https://app.like.co/view'
+  : 'https://app.rinkeby.like.co/view'
+
+function iscnLinkUrl(iscnId: string) {
+  return `${iscnLinkPrefix}/${encodeURIComponent(iscnId)}`
+}
+
 const FingerprintDialogContent = ({
   dataHash,
   showSecret,
diff --git a/src/stories/mocks/index.ts b/src/stories/mocks/index.ts
index 05080d2079..366aa7e06a 100644
--- a/src/stories/mocks/index.ts
+++ b/src/stories/mocks/index.ts
@@ -1,13 +1,13 @@
 // User
 export const MOCK_USER = {
   __typename: 'User' as any,
-  id: 'user-0000',
+  id: 'VXNlcjox', // User:1
   userName: 'matty',
   displayName: 'Matty',
   avatar: 'https://source.unsplash.com/256x256?user',
   liker: {
     __typename: 'Liker' as any,
-    likerId: 'user-0000',
+    likerId: 'liker-id-0000',
     civicLiker: false,
   },
   status: {
@@ -72,7 +72,7 @@ export const MOCK_USER = {
 // Circle
 export const MOCK_CIRCLE = {
   __typename: 'Circle' as any,
-  id: 'circle-0000',
+  id: 'Q2lyY2xlOjE', // Cirlce:1
   state: 'active',
   name: 'matters_class',
   displayName: 'Matters 自由課（第一季第二期）',
@@ -115,7 +115,7 @@ export const MOCK_CIRCLE = {
 // Article
 export const MOCK_ARTILCE = {
   __typename: 'Article' as any,
-  id: 'article-0000',
+  id: 'QXJ0aWNsZTox', // Article:1
   title: '中國四川：挑戰世界最危險的公路之一 川藏公路絕美風光',
   slug: 'slug',
   mediaHash: 'Qmaisz6NMhDB51cCvNWa1GMS7LU1pAxdF4Ld6Ft9kZEP2a',
@@ -168,7 +168,7 @@ export const MOCK_CIRCLE_ARTICLE = {
 // Comment
 export const MOCK_PARENT_COMMENT = {
   __typename: 'Comment' as any,
-  id: 'comment-0000',
+  id: 'Q29tbWVudDox', // Comment:1
   state: 'active' as any,
   node: MOCK_ARTILCE,
   parentComment: null,
@@ -179,7 +179,7 @@ export const MOCK_PARENT_COMMENT = {
 
 export const MOCK_COMMENT = {
   __typename: 'Comment' as any,
-  id: 'comment-0000',
+  id: 'Q29tbWVudDoy', // Comment:2
   state: 'active' as any,
   node: MOCK_ARTILCE,
   type: 'article' as any,
@@ -195,14 +195,14 @@ export const MOCK_COMMENT = {
 }
 
 export const MOCK_DRAFT = {
-  id: 'draft-0000',
+  id: 'RHJhZnQ6MQ', // Draft:1
   title: 'draft-title',
   slug: 'draft-slug',
   updatedAt: '2020-12-24T07:29:17.682Z',
 }
 
 export const MOCK_COLLECTON = {
-  id: 'collection-0000',
+  id: 'Q29sbGVjdGlvbjox', // Collection:1
   title: 'collection-title',
   cover: 'https://source.unsplash.com/256x256?collection',
   description: 'collection-description',
@@ -224,7 +224,7 @@ export const MOCK_CIRCLE_COMMENT = {
 // Tag
 export const MOCK_TAG = {
   __typename: 'Tag' as any,
-  id: 'tag-0000',
+  id: 'VGFnOjE', // Tag:1
   slug: 'tag-slug',
   editors: [MOCK_USER],
   owner: MOCK_USER,
diff --git a/src/views/ArticleDetail/index.tsx b/src/views/ArticleDetail/index.tsx
index 8f9c5de2bc..32c7180102 100644
--- a/src/views/ArticleDetail/index.tsx
+++ b/src/views/ArticleDetail/index.tsx
@@ -486,9 +486,7 @@ const ArticleDetail = ({
       `https://${process.env.NEXT_PUBLIC_SITE_DOMAIN}${router.asPath}`
     )
     const n = new URL(
-      `https://${process.env.NEXT_PUBLIC_SITE_DOMAIN}${
-        newPath.href || newPath.pathname
-      }`
+      `https://${process.env.NEXT_PUBLIC_SITE_DOMAIN}${newPath.href}`
     )
 
     // hide all utm_ tracking code parameters

From d0f08658eb0189f47d8e6efa26e73d8cf8cc4f65 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sun, 5 Nov 2023 22:28:52 +0800
Subject: [PATCH 12/62] feat(test): mock a date on absolute.test.ts

---
 src/common/utils/datetime/absolute.test.ts | 17 +++--------------
 src/common/utils/route.test.ts             | 11 +----------
 src/common/utils/route.ts                  |  3 ++-
 3 files changed, 6 insertions(+), 25 deletions(-)

diff --git a/src/common/utils/datetime/absolute.test.ts b/src/common/utils/datetime/absolute.test.ts
index 0284ac28e4..dc96ccb975 100644
--- a/src/common/utils/datetime/absolute.test.ts
+++ b/src/common/utils/datetime/absolute.test.ts
@@ -1,4 +1,4 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
 import toAbsoluteDate from './absolute'
 
@@ -23,19 +23,8 @@ describe('utils/datetime/absolute', () => {
   })
 
   it("should format this year's date correctly", () => {
-    // two days ago
-    const date = new Date()
-    date.setDate(date.getDate() - 2)
-
-    const thisYear = new Date().getFullYear()
-    const thisYearDate = new Date(`${thisYear}-01-01`)
-
-    // skip test
-    if (thisYearDate > date) {
-      return
-    }
-
-    const result = toAbsoluteDate(thisYearDate, 'en')
+    vi.setSystemTime(new Date(2023, 6, 1))
+    const result = toAbsoluteDate(new Date('2023-01-01'), 'en')
     expect(result).toBe('Jan 1')
   })
 
diff --git a/src/common/utils/route.test.ts b/src/common/utils/route.test.ts
index f5f6eea674..9dde8a2ab3 100644
--- a/src/common/utils/route.test.ts
+++ b/src/common/utils/route.test.ts
@@ -11,16 +11,7 @@ import {
 } from '~/stories/mocks'
 
 import { fromGlobalId } from './globalId'
-import {
-  // appendTarget,
-  // getEncodedCurrent,
-  getSearchType,
-  // getTarget,
-  // redirectToHomePage,
-  // redirectToLogin,
-  // redirectToTarget,
-  toPath,
-} from './route'
+import { getSearchType, toPath } from './route'
 
 describe('utils/route/toPath', () => {
   describe('page: articleDetail', () => {
diff --git a/src/common/utils/route.ts b/src/common/utils/route.ts
index 8840bf7b9d..745d66a1a3 100644
--- a/src/common/utils/route.ts
+++ b/src/common/utils/route.ts
@@ -243,7 +243,7 @@ export const toPath = (
   }
 }
 
-export const getTarget = (url?: string) => {
+const getTarget = (url?: string) => {
   const qs = new URL(url || window.location.href).searchParams
   const target = encodeURIComponent((qs.get('target') as string) || '')
 
@@ -270,6 +270,7 @@ export const redirectToTarget = ({
       : window.location.href
   let target = decodeURIComponent(getTarget())
 
+  console.log({ target, href: window.location.href })
   const isValidTarget = /^((http|https):\/\/)/.test(target)
   if (!isValidTarget) {
     target = fallbackTarget

From 11969fe6f506c43db714f16b31bb1c7b4d2a71f0 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sun, 5 Nov 2023 22:53:21 +0800
Subject: [PATCH 13/62] feat(test): add tests for utils/comment

---
 src/common/utils/comment.test.ts | 95 ++++++++++++++++++++++++++++++++
 src/common/utils/comment.ts      | 30 +++++++++-
 src/common/utils/index.ts        |  1 -
 src/common/utils/response.ts     | 38 -------------
 4 files changed, 122 insertions(+), 42 deletions(-)
 create mode 100644 src/common/utils/comment.test.ts
 delete mode 100644 src/common/utils/response.ts

diff --git a/src/common/utils/comment.test.ts b/src/common/utils/comment.test.ts
new file mode 100644
index 0000000000..96ab784e7c
--- /dev/null
+++ b/src/common/utils/comment.test.ts
@@ -0,0 +1,95 @@
+import { describe, expect, it } from 'vitest'
+
+import { ArticleState, CommentState } from '~/gql/graphql'
+import { MOCK_ARTILCE, MOCK_COMMENT } from '~/stories/mocks'
+
+import { filterComments, filterResponses } from './comment'
+
+describe('utils/comment/filterComments', () => {
+  it('should not filter comment that are active or collapse', () => {
+    const comments = [
+      { ...MOCK_COMMENT, state: CommentState.Active },
+      { ...MOCK_COMMENT, state: CommentState.Collapsed },
+    ]
+    const result = filterComments(comments)
+    expect(result.length).toEqual(comments.length)
+  })
+
+  it('should filter out comment that are banned or archived', () => {
+    const comments = [
+      { ...MOCK_COMMENT, state: CommentState.Banned },
+      { ...MOCK_COMMENT, state: CommentState.Archived },
+    ]
+    const result = filterComments(comments)
+    expect(result.length).toEqual(0)
+  })
+
+  it('should filter out comment that are decendant', () => {
+    const comments = [
+      {
+        ...MOCK_COMMENT,
+        state: CommentState.Banned,
+        parentComment: { id: '1' },
+      },
+    ]
+    const result = filterComments(comments)
+    expect(result.length).toEqual(0)
+  })
+
+  it('should not filter out comment that are not decendant and has active descendant comments', () => {
+    const comments = [
+      {
+        ...MOCK_COMMENT,
+        state: CommentState.Banned,
+        parentComment: null,
+        comments: {
+          edges: [
+            {
+              node: {
+                ...MOCK_COMMENT,
+                state: CommentState.Active,
+              },
+            },
+          ],
+        },
+      },
+    ]
+    const result = filterComments(comments)
+    expect(result.length).toEqual(comments.length)
+  })
+
+  it('should filter out comment that are not decendant and has banned descendant comments', () => {
+    const comments = [
+      {
+        ...MOCK_COMMENT,
+        state: CommentState.Banned,
+        parentComment: null,
+        comments: {
+          edges: [
+            {
+              node: {
+                ...MOCK_COMMENT,
+                state: CommentState.Banned,
+              },
+            },
+          ],
+        },
+      },
+    ]
+    const result = filterComments(comments)
+    expect(result.length).toEqual(0)
+  })
+})
+
+describe('utils/comment/filterResponses', () => {
+  it('should not filter out responses that are articles', () => {
+    const responses = [
+      { ...MOCK_ARTILCE, state: ArticleState.Active },
+      { ...MOCK_ARTILCE, state: ArticleState.Banned },
+      { ...MOCK_COMMENT, state: CommentState.Active },
+      { ...MOCK_COMMENT, state: CommentState.Banned },
+    ]
+    const result = filterResponses(responses)
+    expect(result.length).toEqual(responses.length - 1)
+  })
+})
diff --git a/src/common/utils/comment.ts b/src/common/utils/comment.ts
index 81448b2916..a3103c2301 100644
--- a/src/common/utils/comment.ts
+++ b/src/common/utils/comment.ts
@@ -1,4 +1,7 @@
 import _get from 'lodash/get'
+import _has from 'lodash/has'
+
+import { CommentState } from '~/gql/graphql'
 
 /**
  * Filter out comment that banned/archived and hasn't descendants
@@ -12,9 +15,12 @@ interface Comment {
   } | null
 }
 
-export const filterComment = (comment: Comment) => {
+const filterComment = (comment: Comment) => {
   // skip if comment's state is active or collapse
-  if (comment.state === 'active' || comment.state === 'collapsed') {
+  if (
+    comment.state === CommentState.Active ||
+    comment.state === CommentState.Collapsed
+  ) {
     return true
   }
 
@@ -23,7 +29,8 @@ export const filterComment = (comment: Comment) => {
   const hasActiveDescendants =
     descendants.filter(
       ({ node }: { node: Comment }) =>
-        node.state === 'active' || node.state === 'collapsed'
+        node.state === CommentState.Active ||
+        node.state === CommentState.Collapsed
     ).length > 0
 
   // filter out if it's a decendant comment
@@ -42,3 +49,20 @@ export const filterComment = (comment: Comment) => {
 export function filterComments<T>(comments: Comment[]): T[] {
   return comments.filter(filterComment) as any
 }
+
+/**
+ * Filter out comment that banned/archived and hasn't descendants
+ *
+ * @param responses
+ */
+export function filterResponses<T>(responses: any[]): T[] {
+  return responses.filter((response) => {
+    // article
+    if (_has(response, 'articleState')) {
+      return true
+    }
+
+    // comment
+    return filterComment(response)
+  })
+}
diff --git a/src/common/utils/index.ts b/src/common/utils/index.ts
index f2fb805177..9fe9be7425 100644
--- a/src/common/utils/index.ts
+++ b/src/common/utils/index.ts
@@ -15,7 +15,6 @@ export * from './number'
 export * from './oauth'
 export * from './pad'
 export * from './payment'
-export * from './response'
 export * from './route'
 export * from './storage'
 export * from './text'
diff --git a/src/common/utils/response.ts b/src/common/utils/response.ts
deleted file mode 100644
index cc4041f4f3..0000000000
--- a/src/common/utils/response.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import _get from 'lodash/get'
-import _has from 'lodash/has'
-
-import { filterComment } from './comment'
-
-/**
- * Filter out comment that banned/archived and hasn't descendants
- *
- * @param responses
- */
-export function filterResponses<T>(responses: any[]): T[] {
-  return responses.filter((response) => {
-    // article
-    if (_has(response, 'articleState')) {
-      return true
-    }
-
-    // comment
-    return filterComment(response)
-  })
-}
-
-export const responseStateIs = (
-  response: any,
-  state: 'active' | 'archived' | 'banned' | 'collapsed'
-): boolean => {
-  // comment
-  if (response.hasOwnProperty('state')) {
-    return response.state === state
-  }
-
-  // article
-  if (response.hasOwnProperty('articleState')) {
-    return response.articleState === state
-  }
-
-  return true
-}

From 75b2fc7dcef9d447424edbfa4638fa5e5ea5be93 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Sun, 5 Nov 2023 23:11:04 +0800
Subject: [PATCH 14/62] feat(test): add tests for utils/payment

---
 src/common/utils/payment.test.ts              | 37 +++++++++++++++++++
 src/common/utils/payment.ts                   | 15 --------
 .../Forms/PaymentForm/AddCredit/index.tsx     |  4 --
 3 files changed, 37 insertions(+), 19 deletions(-)
 create mode 100644 src/common/utils/payment.test.ts

diff --git a/src/common/utils/payment.test.ts b/src/common/utils/payment.test.ts
new file mode 100644
index 0000000000..819a38971e
--- /dev/null
+++ b/src/common/utils/payment.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest'
+
+import { calcMattersFee, formatAmount } from './payment'
+
+describe('utils/payment/calcMattersFee', () => {
+  it('should calculate fee correctly', () => {
+    // int
+    expect(calcMattersFee(0)).toEqual(0)
+    expect(calcMattersFee(100)).toEqual(20)
+    expect(calcMattersFee(104)).toEqual(20.8)
+
+    // float
+    expect(calcMattersFee(0.1)).toEqual(0.02)
+    expect(calcMattersFee(0.12)).toEqual(0.02)
+    expect(calcMattersFee(0.123)).toEqual(0.02)
+    expect(calcMattersFee(100.1)).toEqual(20.02)
+    expect(calcMattersFee(100.12)).toEqual(20.02)
+    expect(calcMattersFee(100.123)).toEqual(20.02)
+    expect(calcMattersFee(100.52)).toEqual(20.1)
+  })
+})
+
+describe('utils/payment/formatAmount', () => {
+  it('should format amount correctly', () => {
+    expect(formatAmount(0)).toEqual('0.00')
+    expect(formatAmount(0.1)).toEqual('0.10')
+    expect(formatAmount(0.12)).toEqual('0.12')
+    expect(formatAmount(0.123)).toEqual('0.12')
+    expect(formatAmount(100)).toEqual('100.00')
+    expect(formatAmount(100.1)).toEqual('100.10')
+    expect(formatAmount(100.12)).toEqual('100.12')
+    expect(formatAmount(100.123)).toEqual('100.12')
+    expect(formatAmount(100.52)).toEqual('100.52')
+    expect(formatAmount(100.523)).toEqual('100.52')
+    expect(formatAmount(100.526)).toEqual('100.53')
+  })
+})
diff --git a/src/common/utils/payment.ts b/src/common/utils/payment.ts
index 931a5f4924..6ebfe6e019 100644
--- a/src/common/utils/payment.ts
+++ b/src/common/utils/payment.ts
@@ -13,21 +13,6 @@ export const formatAmount = (
     .replace(new RegExp(re, 'g'), '$&,')
 }
 
-/**
- * Calculate Stripe Fee by a given amount based on their pricing model:
- *
- * @see {@url https://stripe.com/en-hk/pricing}
- * @see {@url https://support.stripe.com/questions/passing-the-stripe-fee-on-to-customers}
- */
-const FEE_FIXED = 2.35
-const FEE_PERCENT = 0.034
-
-export const calcStripeFee = (amount: number) => {
-  const charge = (amount + FEE_FIXED) / (1 - FEE_PERCENT)
-  const fee = charge - amount
-  return numRound(fee)
-}
-
 const FEE_MATTERS = 0.2
 export const calcMattersFee = (amount: number) => {
   return numRound(amount * FEE_MATTERS)
diff --git a/src/components/Forms/PaymentForm/AddCredit/index.tsx b/src/components/Forms/PaymentForm/AddCredit/index.tsx
index e329a9240a..edde38b6cb 100644
--- a/src/components/Forms/PaymentForm/AddCredit/index.tsx
+++ b/src/components/Forms/PaymentForm/AddCredit/index.tsx
@@ -239,10 +239,6 @@ const BaseAddCredit: React.FC<FormProps> = ({
     </Form>
   )
 
-  // const fee = calcStripeFee(values.amount)
-  // const total = numRound(fee + values.amount)
-  // const total = numRound(values.amount)
-
   if (completed) {
     return (
       <>

From d3d39e4f95613ce74e9b8a6920c3ec9c6e53d82f Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 6 Nov 2023 08:48:42 +0800
Subject: [PATCH 15/62] feat(test): use vi.setSystemTime for utils/datetime

---
 package-lock.json                          | 34 +++++-----------------
 package.json                               |  3 +-
 src/common/utils/datetime/absolute.test.ts | 15 +++++-----
 src/common/utils/datetime/relative.test.ts | 32 +++++++++++---------
 src/common/utils/datetime/relative.ts      |  2 +-
 src/common/utils/route.ts                  |  1 -
 src/common/utils/url.ts                    |  2 +-
 7 files changed, 37 insertions(+), 52 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3e7485477c..fb4467c0e2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -90,7 +90,7 @@
         "react-window": "^1.8.9",
         "url-loader": "^4.1.1",
         "use-debounce": "^9.0.4",
-        "validator": "^13.9.0",
+        "validator": "^13.11.0",
         "viem": "^1.2.12",
         "wagmi": "^1.3.8"
       },
@@ -117,7 +117,6 @@
         "@testing-library/react-hooks": "^8.0.1",
         "@testing-library/user-event": "^14.5.1",
         "@types/autosize": "^4.0.1",
-        "@types/classnames": "^2.3.1",
         "@types/d3": "^7.0.0",
         "@types/express": "^4.17.9",
         "@types/fingerprintjs2": "^2.0.0",
@@ -13839,16 +13838,6 @@
         "@types/chai": "*"
       }
     },
-    "node_modules/@types/classnames": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@types/classnames/-/classnames-2.3.1.tgz",
-      "integrity": "sha512-zeOWb0JGBoVmlQoznvqXbE0tEC/HONsnoUNH19Hc96NFsTAwTXbTqb8FMYkru1F/iqp7a18Ws3nWJvtA1sHD1A==",
-      "deprecated": "This is a stub types definition. classnames provides its own type definitions, so you do not need this installed.",
-      "dev": true,
-      "dependencies": {
-        "classnames": "*"
-      }
-    },
     "node_modules/@types/connect": {
       "version": "3.4.34",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.34.tgz",
@@ -40751,9 +40740,9 @@
       }
     },
     "node_modules/validator": {
-      "version": "13.9.0",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.9.0.tgz",
-      "integrity": "sha512-B+dGG8U3fdtM0/aNK4/X8CXq/EcxU2WPrPEkJGslb47qyHsxmbggTWK0yEA4qnYVNF+nxNlN88o14hIcPmSIEA==",
+      "version": "13.11.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz",
+      "integrity": "sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==",
       "engines": {
         "node": ">= 0.10"
       }
@@ -52130,15 +52119,6 @@
         "@types/chai": "*"
       }
     },
-    "@types/classnames": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@types/classnames/-/classnames-2.3.1.tgz",
-      "integrity": "sha512-zeOWb0JGBoVmlQoznvqXbE0tEC/HONsnoUNH19Hc96NFsTAwTXbTqb8FMYkru1F/iqp7a18Ws3nWJvtA1sHD1A==",
-      "dev": true,
-      "requires": {
-        "classnames": "*"
-      }
-    },
     "@types/connect": {
       "version": "3.4.34",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.34.tgz",
@@ -72701,9 +72681,9 @@
       }
     },
     "validator": {
-      "version": "13.9.0",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.9.0.tgz",
-      "integrity": "sha512-B+dGG8U3fdtM0/aNK4/X8CXq/EcxU2WPrPEkJGslb47qyHsxmbggTWK0yEA4qnYVNF+nxNlN88o14hIcPmSIEA=="
+      "version": "13.11.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz",
+      "integrity": "sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ=="
     },
     "valtio": {
       "version": "1.10.6",
diff --git a/package.json b/package.json
index ba4f74bc2e..19e7aba56d 100644
--- a/package.json
+++ b/package.json
@@ -120,7 +120,7 @@
     "react-window": "^1.8.9",
     "url-loader": "^4.1.1",
     "use-debounce": "^9.0.4",
-    "validator": "^13.9.0",
+    "validator": "^13.11.0",
     "viem": "^1.2.12",
     "wagmi": "^1.3.8"
   },
@@ -147,7 +147,6 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.1",
     "@types/autosize": "^4.0.1",
-    "@types/classnames": "^2.3.1",
     "@types/d3": "^7.0.0",
     "@types/express": "^4.17.9",
     "@types/fingerprintjs2": "^2.0.0",
diff --git a/src/common/utils/datetime/absolute.test.ts b/src/common/utils/datetime/absolute.test.ts
index dc96ccb975..964af81524 100644
--- a/src/common/utils/datetime/absolute.test.ts
+++ b/src/common/utils/datetime/absolute.test.ts
@@ -1,7 +1,11 @@
-import { describe, expect, it, vi } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import toAbsoluteDate from './absolute'
 
+beforeEach(() => {
+  vi.setSystemTime(new Date(2023, 6, 1))
+})
+
 describe('utils/datetime/absolute', () => {
   it('should parse a string date', () => {
     const date = '2022-01-01'
@@ -10,20 +14,18 @@ describe('utils/datetime/absolute', () => {
   })
 
   it("should format today's date correctly", () => {
-    const date = new Date()
+    const date = new Date(2023, 6, 1)
     const result = toAbsoluteDate(date, 'en')
     expect(result).toContain('Today')
   })
 
   it("should format yesterday's date correctly", () => {
-    const date = new Date()
-    date.setDate(date.getDate() - 1)
+    const date = new Date(2023, 6, 0)
     const result = toAbsoluteDate(date, 'en')
     expect(result).toContain('Yesterday')
   })
 
   it("should format this year's date correctly", () => {
-    vi.setSystemTime(new Date(2023, 6, 1))
     const result = toAbsoluteDate(new Date('2023-01-01'), 'en')
     expect(result).toBe('Jan 1')
   })
@@ -35,8 +37,7 @@ describe('utils/datetime/absolute', () => {
   })
 
   it('should format a date in the future correctly', () => {
-    const now = new Date()
-    const date = new Date(now.getTime() + 1000 * 60 * 60 * 24 * 365)
+    const date = new Date('2025-01-01')
     const result = toAbsoluteDate(date, 'en')
     expect(result).toContain(date.getFullYear())
   })
diff --git a/src/common/utils/datetime/relative.test.ts b/src/common/utils/datetime/relative.test.ts
index 9892ec03bc..251c84b52b 100644
--- a/src/common/utils/datetime/relative.test.ts
+++ b/src/common/utils/datetime/relative.test.ts
@@ -1,7 +1,11 @@
-import { describe, expect, it } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import toRelativeDate from './relative'
 
+beforeEach(() => {
+  vi.setSystemTime(new Date(2023, 6, 1, 8, 30, 0))
+})
+
 describe('utils/datetime/relative', () => {
   it('should parse a string date', () => {
     const date = '2022-01-01'
@@ -16,24 +20,26 @@ describe('utils/datetime/relative', () => {
   })
 
   it('should format a date within this hour but not this minute correctly', () => {
-    const now = new Date()
-    const date = new Date(now.getTime() - 1000 * 60)
-    const result = toRelativeDate(date, 'en')
-    expect(result).toBe('1 minute ago')
+    expect(toRelativeDate(new Date(2023, 6, 1, 8, 29), 'en')).toBe(
+      '1 minute ago'
+    )
+    expect(toRelativeDate(new Date(2023, 6, 1, 8, 28), 'en')).toBe(
+      '2 minutes ago'
+    )
   })
 
   it('should format a date within today but not this hour correctly', () => {
-    const now = new Date()
-    const date = new Date(now.getTime() - 1000 * 60 * 60)
-    const result = toRelativeDate(date, 'en')
-    expect(result).toBe('1 hour ago')
+    expect(toRelativeDate(new Date(2023, 6, 1, 7, 30, 0), 'en')).toBe(
+      '1 hour ago'
+    )
+    expect(toRelativeDate(new Date(2023, 6, 1, 6, 20, 0), 'en')).toBe(
+      '2 hours ago'
+    )
   })
 
   it('should format a date within this week but not today correctly', () => {
-    const now = new Date()
-    const date = new Date(now.getTime() - 1000 * 60 * 60 * 24)
-    const result = toRelativeDate(date, 'en')
-    expect(result).toBe('1 day ago')
+    expect(toRelativeDate(new Date('2023-06-30'), 'en')).toBe('1 day ago')
+    expect(toRelativeDate(new Date('2023-06-26'), 'en')).toBe('5 days ago')
   })
 
   it('should format a date within this year but not this week correctly', () => {
diff --git a/src/common/utils/datetime/relative.ts b/src/common/utils/datetime/relative.ts
index 44fa0284dc..c8d92116d6 100644
--- a/src/common/utils/datetime/relative.ts
+++ b/src/common/utils/datetime/relative.ts
@@ -50,7 +50,7 @@ const relative = (date: Date | string | number, lang: Language = 'zh_hant') => {
 
   if (isThisHour(date)) {
     const diffMins = differenceInMinutes(new Date(), date) || 1
-    return diffMins + DIFFS[lang][diffMins === 1 ? 'minuteAgo' : 'minuteAgo']
+    return diffMins + DIFFS[lang][diffMins === 1 ? 'minuteAgo' : 'minutesAgo']
   }
 
   if (isToday(date)) {
diff --git a/src/common/utils/route.ts b/src/common/utils/route.ts
index 745d66a1a3..68a3e5669f 100644
--- a/src/common/utils/route.ts
+++ b/src/common/utils/route.ts
@@ -270,7 +270,6 @@ export const redirectToTarget = ({
       : window.location.href
   let target = decodeURIComponent(getTarget())
 
-  console.log({ target, href: window.location.href })
   const isValidTarget = /^((http|https):\/\/)/.test(target)
   if (!isValidTarget) {
     target = fallbackTarget
diff --git a/src/common/utils/url.ts b/src/common/utils/url.ts
index fc14b5644f..f2ab12f2a2 100644
--- a/src/common/utils/url.ts
+++ b/src/common/utils/url.ts
@@ -1,4 +1,4 @@
-export { default as isUrl } from 'validator/lib/isUrl'
+export { default as isUrl } from 'validator/lib/isURL'
 
 import { URL_COLLECTION_DETAIL } from '../enums'
 

From e85ca94d38f93f2529b2ae20b74dcc62a3cd786f Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 6 Nov 2023 10:08:36 +0800
Subject: [PATCH 16/62] feat(test): add tests for utils/article

---
 src/common/utils/text/article.test.ts         | 161 ++++++++++++++++++
 src/common/utils/text/article.ts              |  11 +-
 .../CommentFormDialog/CommentForm/index.tsx   |   4 +-
 src/components/Forms/CommentForm/index.tsx    |   4 +-
 4 files changed, 166 insertions(+), 14 deletions(-)
 create mode 100644 src/common/utils/text/article.test.ts

diff --git a/src/common/utils/text/article.test.ts b/src/common/utils/text/article.test.ts
new file mode 100644
index 0000000000..c418fcb5e3
--- /dev/null
+++ b/src/common/utils/text/article.test.ts
@@ -0,0 +1,161 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  collapseContent,
+  countChars,
+  makeSummary,
+  measureDiffs,
+  normalizeArticleTitle,
+  optimizeEmbed,
+  stripHtml,
+} from './article'
+
+describe('utils/text/article/stripHtml', () => {
+  it('should remove HTML tags and replace with spaces', () => {
+    expect(stripHtml('<p>Hello, <strong>world</strong>!</p>')).toBe(
+      ' Hello,  world ! '
+    )
+    expect(stripHtml('')).toBe('')
+  })
+
+  it('should remove HTML tags and replace with custom string', () => {
+    expect(stripHtml('<p>Hello, <strong>world</strong>!</p>', '-')).toBe(
+      '-Hello, -world-!-'
+    )
+    expect(stripHtml('<p>Hello, <strong>world</strong>!</p>', '')).toBe(
+      'Hello, world!'
+    )
+  })
+})
+
+describe('utils/text/article/collapseContent', () => {
+  it('should collapse content correctly', () => {
+    expect(collapseContent('<p>Hello, \n<strong>world</strong>!</p>')).toBe(
+      'Hello,world!'
+    )
+    expect(collapseContent('')).toBe('')
+  })
+})
+
+describe('utils/text/article/countChars', () => {
+  it('should count characters correctly', () => {
+    // ASCII
+    expect(countChars('Hello, world!')).toBe(13)
+
+    // Empty
+    expect(countChars('')).toBe(0)
+
+    // CJK
+    expect(countChars('你好，世界！')).toBe(12)
+
+    // Emoji
+    expect(countChars('👋🌍')).toBe(8)
+
+    // Mixed
+    expect(countChars('Hello, 你好，👋🌍!')).toBe(22)
+  })
+})
+
+describe('utils/text/article/makeSummary', () => {
+  it('should make summary correctly', () => {
+    expect(
+      makeSummary(
+        '<p>Hello, <strong>world</strong>. This is a very long sentence.</p>'
+      )
+    ).toBe('Hello, world. This is a very long sentence.')
+    expect(makeSummary('')).toBe('')
+  })
+
+  it('should make summary correctly with custom lenth', () => {
+    expect(
+      makeSummary(
+        '<p>Hello, <strong>world</strong>. This is a very long sentence.</p>',
+        20,
+        0
+      )
+    ).toBe('Hello, world. This i…')
+  })
+
+  it('should make summary correctly with custom buffer', () => {
+    expect(
+      makeSummary(
+        '<p>Hello, <strong>world</strong>. This is a very long sentence.</p>',
+        20,
+        0
+      )
+    ).toBe('Hello, world. This i…')
+
+    expect(
+      makeSummary(
+        '<p>Hello, <strong>world</strong>. This is a very long sentence.</p>',
+        5,
+        3
+      )
+    ).toBe('Hello…')
+  })
+})
+
+describe('utils/text/article/measureDiffs', () => {
+  it('should measure diffs correctly', () => {
+    // no diff
+    expect(measureDiffs('Hello, world!', 'Hello, world!')).toBe(0)
+
+    // suffix
+    expect(measureDiffs('Hello, world!', 'Hello, world?')).toBe(1)
+    expect(measureDiffs('Hello, world!', 'Hello, world')).toBe(1)
+    expect(measureDiffs('Hello, world!', 'Hello, world!!!')).toBe(2)
+
+    // prefix
+    expect(measureDiffs('Hello, world!', '.Hello, world!')).toBe(1)
+    expect(measureDiffs('Hello, world!', 'ello, world!')).toBe(1)
+    expect(measureDiffs('Hello, world!', 'Aello, world!')).toBe(1)
+
+    // middle
+    expect(measureDiffs('Hello, world!', 'Hello,world!')).toBe(1)
+    expect(measureDiffs('Hello, world!', 'Hello, sorld!')).toBe(1)
+  })
+})
+
+describe('utils/text/article/normalizeArticleTitle', () => {
+  it('should normalize article title correctly', () => {
+    expect(normalizeArticleTitle('Hello, world!', 1)).toBe('…')
+    expect(normalizeArticleTitle('Hello, world!', 10)).toBe('Hello,…')
+    expect(normalizeArticleTitle('Hello, world!', 70)).toBe('Hello, world!')
+    expect(
+      normalizeArticleTitle(
+        '你好，世界！你好，世界！你好，世界！你好，世界！你好，世界！你好，世界！你好，世界！',
+        70
+      )
+    ).toBe(
+      '你好，世界！你好，世界！你好，世界！你好，世界！你好，世界！你好，…'
+    )
+  })
+})
+
+describe('utils/text/article/optimizeEmbed', () => {
+  it('should add loading="lazy" to iframe tags', () => {
+    const input = '<iframe src="https://example.com"></iframe>'
+    const expected =
+      '<iframe loading="lazy" src="https://example.com"></iframe>'
+    expect(optimizeEmbed(input)).toBe(expected)
+  })
+
+  it('should wrap img tags in a picture tag with a source and img child', () => {
+    const input = '<img src="https://example.com/image.jpg">'
+    const expected = `
+      <picture>
+        <source
+          srcSet=https://example.com/image.jpg
+          onerror="this.srcset='https://example.com/image.jpg'"
+        />
+
+        <img
+          src=https://example.com/image.jpg
+          srcSet=https://example.com/image.jpg
+          loading="lazy"
+        />
+      </picture>
+      `
+    expect(optimizeEmbed(input).trim()).toBe(expected.trim())
+  })
+})
diff --git a/src/common/utils/text/article.ts b/src/common/utils/text/article.ts
index 79ffa06bec..d152dc7e09 100644
--- a/src/common/utils/text/article.ts
+++ b/src/common/utils/text/article.ts
@@ -46,15 +46,6 @@ export const makeSummary = (html: string, length = 140, buffer = 20) => {
   return summary
 }
 
-/**
- * Removes leading and trailing line breaks from (Quill's) HTML string.
- */
-export const trimLineBreaks = (html: string) => {
-  const LINE_BREAK = '<p><br></p>'
-  const re = new RegExp(`(^(${LINE_BREAK})*)|((${LINE_BREAK})*$)`, 'g')
-  return html.replace(re, '')
-}
-
 /**
  * Simple words' length counting.
  */
@@ -102,7 +93,7 @@ export const normalizeArticleTitle = (text: string, limit: number) => {
  */
 export const optimizeEmbed = (content: string) => {
   return content
-    .replace(/\<iframe /g, '<iframe loading="lazy"')
+    .replace(/\<iframe /g, '<iframe loading="lazy" ')
     .replace(
       /<img\s[^>]*?src\s*=\s*['\"]([^'\"]*?)['\"][^>]*?>/g,
       (match, src, offset) => {
diff --git a/src/components/Dialogs/CommentFormDialog/CommentForm/index.tsx b/src/components/Dialogs/CommentFormDialog/CommentForm/index.tsx
index fdffe7c0f2..8fb80cf645 100644
--- a/src/components/Dialogs/CommentFormDialog/CommentForm/index.tsx
+++ b/src/components/Dialogs/CommentFormDialog/CommentForm/index.tsx
@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { FormattedMessage } from 'react-intl'
 
 import { COMMENT_TYPE_TEXT, TextId } from '~/common/enums'
-import { dom, stripHtml, trimLineBreaks } from '~/common/utils'
+import { dom, stripHtml } from '~/common/utils'
 import {
   CommentFormType,
   Dialog,
@@ -77,7 +77,7 @@ const CommentForm: React.FC<CommentFormProps> = ({
     const input = {
       id: commentId,
       comment: {
-        content: trimLineBreaks(content),
+        content,
         replyTo: replyToId,
         articleId,
         circleId,
diff --git a/src/components/Forms/CommentForm/index.tsx b/src/components/Forms/CommentForm/index.tsx
index 114b3a0026..193e97c6e7 100644
--- a/src/components/Forms/CommentForm/index.tsx
+++ b/src/components/Forms/CommentForm/index.tsx
@@ -2,7 +2,7 @@ import { useQuery } from '@apollo/react-hooks'
 import dynamic from 'next/dynamic'
 import { useContext, useState } from 'react'
 
-import { dom, stripHtml, translate, trimLineBreaks } from '~/common/utils'
+import { dom, stripHtml, translate } from '~/common/utils'
 import {
   Button,
   IconSpinner16,
@@ -76,7 +76,7 @@ export const CommentForm: React.FC<CommentFormProps> = ({
     const input = {
       id: commentId,
       comment: {
-        content: trimLineBreaks(content),
+        content,
         replyTo: replyToId,
         articleId,
         circleId,

From a94cddaaf52630100eec86cd35cd56dc3d62c092 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 6 Nov 2023 10:20:00 +0800
Subject: [PATCH 17/62] feat(test): add tests for utils/text/tag

---
 src/common/utils/text/tag.test.ts | 41 +++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/common/utils/text/tag.test.ts

diff --git a/src/common/utils/text/tag.test.ts b/src/common/utils/text/tag.test.ts
new file mode 100644
index 0000000000..a14a960652
--- /dev/null
+++ b/src/common/utils/text/tag.test.ts
@@ -0,0 +1,41 @@
+import { describe, expect, it } from 'vitest'
+
+import { MAX_TAG_CONTENT_LENGTH } from '~/common/enums'
+
+import { clampTag, normalizeTag, slugifyTag } from './tag'
+
+describe('utils/text/tag/slugifyTag', () => {
+  it('should slugify tag correctly', () => {
+    expect(slugifyTag('hello')).toBe('hello')
+    expect(slugifyTag('--Hello, world!--')).toBe('Hello-world')
+    expect(slugifyTag('Hello, 你好，👋🌍!')).toBe('Hello-你好')
+    expect(slugifyTag('你好')).toBe('你好')
+    expect(slugifyTag('')).toBe('')
+  })
+})
+
+describe('utils/text/tag/normalizeTag', () => {
+  it('should normalize tag correctly', () => {
+    expect(normalizeTag('hello')).toBe('hello')
+    expect(normalizeTag('Hello, world!')).toBe('Hello world')
+    expect(normalizeTag('Hello, 你好，👋🌍!')).toBe('Hello 你好')
+    expect(normalizeTag('你好')).toBe('你好')
+    expect(normalizeTag('')).toBe('')
+    expect(normalizeTag('+,.?!@#$%')).toBe('')
+    expect(normalizeTag('a'.repeat(100))).toBe(
+      'a'.repeat(MAX_TAG_CONTENT_LENGTH)
+    )
+  })
+})
+
+describe('utils/text/tag/clampTag', () => {
+  it('should clamp tag correctly', () => {
+    expect(clampTag('hello')).toBe('hello')
+    expect(clampTag('Hello, world!')).toBe('Hello, world!')
+    expect(clampTag('Hello, 你好，👋🌍!')).toBe('Hello, …')
+    expect(clampTag('你好')).toBe('你好')
+    expect(clampTag('')).toBe('')
+    expect(clampTag('+,.?!@#$%')).toBe('+,.?!@#$%')
+    expect(clampTag('a'.repeat(100))).toBe('aaaaaaaaaaaaaaaaaaaa…')
+  })
+})

From 82e24bf0b713c74768559be05f784a805b6e3338 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 6 Nov 2023 10:31:09 +0800
Subject: [PATCH 18/62] feat(test): add tests for utils/text/user

---
 src/common/utils/text/user.test.ts            |  25 ++
 src/components/Forms/EmailLoginForm/index.tsx |   6 -
 .../Forms/EmailSignUpForm/Complete/index.tsx  | 105 -------
 .../Complete/styles.module.css                |   7 -
 .../Forms/EmailSignUpForm/Password.tsx        | 265 ------------------
 .../Forms/EmailSignUpForm/index.tsx           |   4 -
 6 files changed, 25 insertions(+), 387 deletions(-)
 create mode 100644 src/common/utils/text/user.test.ts
 delete mode 100644 src/components/Forms/EmailSignUpForm/Complete/index.tsx
 delete mode 100644 src/components/Forms/EmailSignUpForm/Complete/styles.module.css
 delete mode 100644 src/components/Forms/EmailSignUpForm/Password.tsx

diff --git a/src/common/utils/text/user.test.ts b/src/common/utils/text/user.test.ts
new file mode 100644
index 0000000000..3abde07e47
--- /dev/null
+++ b/src/common/utils/text/user.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest'
+
+import { normalizePassowrd, normalizeUserName } from './user'
+
+describe('utils/text/user/normalizePassowrd', () => {
+  it('should normalize password correctly', () => {
+    expect(normalizePassowrd('hello')).toBe('hello')
+    expect(normalizePassowrd('Hello, world!')).toBe('Hello, world!')
+    expect(normalizePassowrd('Hello, 你好，👋🌍!')).toBe('Hello, !')
+    expect(normalizePassowrd('你好')).toBe('')
+    expect(normalizePassowrd('')).toBe('')
+    expect(normalizePassowrd('+,.?!@#$%')).toBe('+,.?!@#$%')
+  })
+})
+
+describe('utils/text/user/normalizeUserName', () => {
+  it('should normalize username correctly', () => {
+    expect(normalizeUserName('hello')).toBe('hello')
+    expect(normalizeUserName('Hello, world!')).toBe('elloworld')
+    expect(normalizeUserName('Hello, 你好，👋🌍!')).toBe('ello')
+    expect(normalizeUserName('你好')).toBe('')
+    expect(normalizeUserName('')).toBe('')
+    expect(normalizeUserName('+,.?!@#$%')).toBe('')
+  })
+})
diff --git a/src/components/Forms/EmailLoginForm/index.tsx b/src/components/Forms/EmailLoginForm/index.tsx
index d54ef307e4..6ab21fe289 100644
--- a/src/components/Forms/EmailLoginForm/index.tsx
+++ b/src/components/Forms/EmailLoginForm/index.tsx
@@ -18,7 +18,6 @@ import {
   signinCallbackUrl,
   validateEmail,
   WalletType,
-  // validatePassword,
 } from '~/common/utils'
 import {
   AuthFeedType,
@@ -119,7 +118,6 @@ export const EmailLoginForm: React.FC<FormProps> = ({
     validate: ({ email, password }) =>
       _pickBy({
         email: validateEmail(email, lang, { allowPlusSign: true }),
-        // password: validatePassword(password, lang),
       }),
     onSubmit: async ({ email, password }, { setFieldError }) => {
       try {
@@ -143,10 +141,6 @@ export const EmailLoginForm: React.FC<FormProps> = ({
           submitCallback()
         }
 
-        // toast.success({
-        //   message: <FormattedMessage defaultMessage="Logged in successfully" />,
-        // })
-
         analytics.identifyUser()
 
         redirectToTarget({
diff --git a/src/components/Forms/EmailSignUpForm/Complete/index.tsx b/src/components/Forms/EmailSignUpForm/Complete/index.tsx
deleted file mode 100644
index 09d16e4b83..0000000000
--- a/src/components/Forms/EmailSignUpForm/Complete/index.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import classNames from 'classnames'
-import { FormattedMessage } from 'react-intl'
-
-import { redirectToTarget } from '~/common/utils'
-import { Dialog, Layout, Media } from '~/components'
-
-import styles from './styles.module.css'
-
-const Complete = ({
-  purpose,
-  closeDialog,
-}: {
-  purpose?: 'dialog' | 'page'
-  closeDialog?: () => void
-}) => {
-  const isInPage = purpose === 'page'
-
-  const containerClasses = classNames({
-    [styles.container]: true,
-    [styles.inPage]: isInPage,
-  })
-
-  const EnterButton = () => (
-    <Dialog.TextButton
-      text={
-        <FormattedMessage
-          defaultMessage="Enter Community"
-          id="/asuIY"
-          description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-        />
-      }
-      onClick={() => {
-        redirectToTarget({
-          fallback: isInPage ? 'homepage' : 'current',
-        })
-      }}
-    />
-  )
-
-  return (
-    <>
-      {isInPage && (
-        <Layout.Header
-          left={<Layout.Header.Title id="register" />}
-          right={
-            <>
-              <span />
-              <Media at="sm">
-                <EnterButton />
-              </Media>
-            </>
-          }
-        />
-      )}
-
-      {closeDialog && (
-        <Dialog.Header
-          title="successRegister"
-          leftBtn={<span />}
-          rightBtn={<EnterButton />}
-        />
-      )}
-
-      <section className={containerClasses}>
-        <Dialog.Message noSpacing={isInPage}>
-          <h2>
-            <FormattedMessage
-              defaultMessage="Welcome to Matters!"
-              id="XH0Lb6"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </h2>
-
-          <p>
-            <FormattedMessage
-              defaultMessage="Now, go like the authors you support! Your Likes will become their income"
-              id="stjoBH"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </p>
-
-          <p>
-            <FormattedMessage
-              defaultMessage="You have created your personal creative space. Publish your first work!"
-              id="reOeq5"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </p>
-
-          <p>
-            <FormattedMessage
-              defaultMessage="Start creating now!"
-              id="ANhCde"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </p>
-        </Dialog.Message>
-
-        <Dialog.Footer smUpBtns={<EnterButton />} />
-      </section>
-    </>
-  )
-}
-
-export default Complete
diff --git a/src/components/Forms/EmailSignUpForm/Complete/styles.module.css b/src/components/Forms/EmailSignUpForm/Complete/styles.module.css
deleted file mode 100644
index 42b3d3d25f..0000000000
--- a/src/components/Forms/EmailSignUpForm/Complete/styles.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.container.inPage {
-  padding: var(--spacing-base) var(--spacing-base) 0;
-
-  @media (--sm-up) {
-    padding: 0;
-  }
-}
diff --git a/src/components/Forms/EmailSignUpForm/Password.tsx b/src/components/Forms/EmailSignUpForm/Password.tsx
deleted file mode 100644
index cc0f255437..0000000000
--- a/src/components/Forms/EmailSignUpForm/Password.tsx
+++ /dev/null
@@ -1,265 +0,0 @@
-import { useFormik } from 'formik'
-import gql from 'graphql-tag'
-import _pickBy from 'lodash/pickBy'
-import { useContext } from 'react'
-import { FormattedMessage, useIntl } from 'react-intl'
-
-import {
-  COOKIE_LANGUAGE,
-  COOKIE_TOKEN_NAME,
-  COOKIE_USER_GROUP,
-} from '~/common/enums'
-import {
-  analytics,
-  parseFormSubmitErrors,
-  setCookies,
-  validateComparedPassword,
-  validatePassword,
-} from '~/common/utils'
-import {
-  Dialog,
-  Form,
-  LanguageContext,
-  Layout,
-  useMutation,
-} from '~/components'
-import { CONFIRM_CODE } from '~/components/GQL/mutations/verificationCode'
-import {
-  ConfirmVerificationCodeMutation,
-  UserRegisterMutation,
-} from '~/gql/graphql'
-
-const isProd = process.env.NEXT_PUBLIC_RUNTIME_ENV === 'production'
-
-interface FormProps {
-  email: string
-  code: string
-  displayName: string
-  purpose: 'dialog' | 'page'
-  submitCallback?: (params: any) => void
-  closeDialog?: () => void
-}
-
-interface FormValues {
-  password: string
-  comparedPassword: string
-}
-
-const USER_REGISTER = gql`
-  mutation UserRegister($input: UserRegisterInput!) {
-    userRegister(input: $input) {
-      auth
-      token
-      user {
-        id
-        settings {
-          language
-        }
-        info {
-          group
-        }
-      }
-    }
-  }
-`
-
-const Password: React.FC<FormProps> = ({
-  purpose,
-  email,
-  code,
-  displayName,
-  submitCallback,
-  closeDialog,
-}) => {
-  const [confirm] = useMutation<ConfirmVerificationCodeMutation>(
-    CONFIRM_CODE,
-    undefined,
-    { showToast: false }
-  )
-  const [register] = useMutation<UserRegisterMutation>(
-    USER_REGISTER,
-    undefined,
-    {
-      showToast: false,
-    }
-  )
-  const { lang } = useContext(LanguageContext)
-  const isInPage = purpose === 'page'
-  const formId = 'email-sign-up-password-form'
-
-  const intl = useIntl()
-  const {
-    values,
-    errors,
-    touched,
-    handleBlur,
-    handleChange,
-    handleSubmit,
-    isSubmitting,
-  } = useFormik<FormValues>({
-    initialValues: {
-      password: '',
-      comparedPassword: '',
-    },
-    validateOnBlur: false,
-    validateOnChange: false,
-    validate: ({ password, comparedPassword }) =>
-      _pickBy({
-        password: validatePassword(password, lang),
-        comparedPassword: validateComparedPassword(
-          password,
-          comparedPassword,
-          lang
-        ),
-      }),
-    onSubmit: async ({ password }, { setFieldError, setSubmitting }) => {
-      try {
-        // verify email
-        const { data } = await confirm({
-          variables: { input: { email, code, type: 'register' } },
-        })
-        const codeId = data?.confirmVerificationCode
-
-        // finish registration
-        const { data: registerData } = await register({
-          variables: { input: { email, codeId, displayName, password } },
-        })
-
-        const token = registerData?.userRegister.token || ''
-        const language =
-          registerData?.userRegister.user?.settings.language || ''
-        const group = registerData?.userRegister.user?.info.group || ''
-        setCookies({
-          [COOKIE_LANGUAGE]: language,
-          [COOKIE_USER_GROUP]: group,
-          ...(isProd ? {} : { [COOKIE_TOKEN_NAME]: token }),
-        })
-
-        analytics.identifyUser()
-
-        setSubmitting(false)
-
-        if (submitCallback) {
-          submitCallback({ email, codeId, password })
-        }
-      } catch (error) {
-        setSubmitting(false)
-
-        const [messages, codes] = parseFormSubmitErrors(error as any)
-        setFieldError('password', intl.formatMessage(messages[codes[0]]))
-      }
-    },
-  })
-
-  const InnerForm = (
-    <Form id={formId} onSubmit={handleSubmit}>
-      <Form.Input
-        label={<FormattedMessage defaultMessage="Password" id="5sg7KC" />}
-        type="password"
-        name="password"
-        required
-        placeholder={intl.formatMessage({
-          defaultMessage: 'Enter Password',
-          id: 'A41QIy',
-        })}
-        value={values.password}
-        error={touched.password && errors.password}
-        onBlur={handleBlur}
-        onChange={handleChange}
-        hint={
-          <FormattedMessage
-            defaultMessage="Minimum 8 characters. Uppercase/lowercase letters, numbers and symbols are allowed"
-            id="ml3SZN"
-          />
-        }
-        spacingBottom="base"
-      />
-
-      <Form.Input
-        label={
-          <FormattedMessage
-            defaultMessage="Enter password again"
-            id="NzfL1d"
-            description="src/components/Forms/EmailSignUpForm/Password.tsx"
-          />
-        }
-        type="password"
-        name="comparedPassword"
-        required
-        placeholder={intl.formatMessage({
-          defaultMessage: 'Enter password again',
-          id: 'NzfL1d',
-          description: 'src/components/Forms/EmailSignUpForm/Password.tsx',
-        })}
-        value={values.comparedPassword}
-        error={touched.comparedPassword && errors.comparedPassword}
-        hint={
-          <FormattedMessage
-            defaultMessage="Minimum 8 characters. Uppercase/lowercase letters, numbers and symbols are allowed"
-            id="ml3SZN"
-          />
-        }
-        onBlur={handleBlur}
-        onChange={handleChange}
-      />
-    </Form>
-  )
-
-  const SubmitButton = (
-    <Dialog.TextButton
-      type="submit"
-      form={formId}
-      disabled={isSubmitting}
-      text={<FormattedMessage defaultMessage="Confirm" id="N2IrpM" />}
-      loading={isSubmitting}
-    />
-  )
-
-  if (isInPage) {
-    return (
-      <>
-        <Layout.Header
-          left={<Layout.Header.Title id="register" />}
-          right={
-            <Layout.Header.RightButton
-              type="submit"
-              form={formId}
-              disabled={isSubmitting}
-              text={<FormattedMessage defaultMessage="Confirm" id="N2IrpM" />}
-              loading={isSubmitting}
-            />
-          }
-        />
-
-        <Layout.Main.Spacing>{InnerForm}</Layout.Main.Spacing>
-      </>
-    )
-  }
-
-  return (
-    <>
-      <Dialog.Header
-        title="register"
-        closeDialog={closeDialog}
-        rightBtn={SubmitButton}
-      />
-
-      <Dialog.Content>{InnerForm}</Dialog.Content>
-
-      <Dialog.Footer
-        smUpBtns={
-          <>
-            <Dialog.TextButton
-              text={<FormattedMessage defaultMessage="Cancel" id="47FYwb" />}
-              color="greyDarker"
-              onClick={closeDialog}
-            />
-            {SubmitButton}
-          </>
-        }
-      />
-    </>
-  )
-}
-
-export default Password
diff --git a/src/components/Forms/EmailSignUpForm/index.tsx b/src/components/Forms/EmailSignUpForm/index.tsx
index 41a8f4ca34..0b4819bc05 100644
--- a/src/components/Forms/EmailSignUpForm/index.tsx
+++ b/src/components/Forms/EmailSignUpForm/index.tsx
@@ -1,9 +1,5 @@
-import Complete from './Complete'
 import Init from './Init'
-import Password from './Password'
 
 export const EmailSignUpForm = {
   Init,
-  Password,
-  Complete,
 }

From c0971187e9e4789fef885f5dd19d1cf459503bfd Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 6 Nov 2023 11:23:41 +0800
Subject: [PATCH 19/62] feat(test): add tests for utils/form/validate

---
 lang/default.json                      |  30 --
 lang/en.json                           |  30 --
 lang/zh-Hans.json                      |  30 --
 lang/zh-Hant.json                      |  30 --
 src/common/enums/index.ts              |   3 +
 src/common/utils/form/validate.test.ts | 371 +++++++++++++++++++++++++
 src/common/utils/form/validate.ts      |  66 +----
 src/common/utils/validator.ts          |   4 +-
 8 files changed, 387 insertions(+), 177 deletions(-)
 create mode 100644 src/common/utils/form/validate.test.ts

diff --git a/lang/default.json b/lang/default.json
index e6e7c50331..365968e5e5 100644
--- a/lang/default.json
+++ b/lang/default.json
@@ -53,10 +53,6 @@
     "defaultMessage": "Unknown error. Please try again later.",
     "description": "UNKNOWN_ERROR"
   },
-  "/asuIY": {
-    "defaultMessage": "Enter Community",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "/jJLYy": {
     "defaultMessage": "Transactions"
   },
@@ -403,9 +399,6 @@
   "A3g33H": {
     "defaultMessage": "Archived articles can only be seen by you, and this operation cannot be undone. If this article has been added to collections, it will be removed. (IPFS version will not be effected)"
   },
-  "A41QIy": {
-    "defaultMessage": "Enter Password"
-  },
   "A6ozr9": {
     "defaultMessage": "Collection name"
   },
@@ -431,10 +424,6 @@
     "defaultMessage": "Maintain",
     "description": "src/views/TagDetail/Owner/index.tsx"
   },
-  "ANhCde": {
-    "defaultMessage": "Start creating now!",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "AVpR3Q": {
     "defaultMessage": "Wallet linked",
     "description": "src/components/UserProfile/WalletLabel/index.tsx"
@@ -878,10 +867,6 @@
     "defaultMessage": "The email verification link has been sent to {email}",
     "description": "src/components/GlobalToast/index.tsx"
   },
-  "NzfL1d": {
-    "defaultMessage": "Enter password again",
-    "description": "src/components/Forms/EmailSignUpForm/Password.tsx"
-  },
   "O0MQs/": {
     "defaultMessage": "Please add email first",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
@@ -1124,10 +1109,6 @@
     "defaultMessage": "Unpin Comment",
     "description": "src/components/Comment/DropdownActions/PinButton.tsx"
   },
-  "XH0Lb6": {
-    "defaultMessage": "Welcome to Matters!",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "XHMco9": {
     "defaultMessage": "subscribers",
     "description": "src/views/Circle/Analytics/SubscriberAnalytics/index.tsx"
@@ -1574,9 +1555,6 @@
     "defaultMessage": "Edit",
     "description": "src/components/Comment/DropdownActions/EditButton.tsx"
   },
-  "ml3SZN": {
-    "defaultMessage": "Minimum 8 characters. Uppercase/lowercase letters, numbers and symbols are allowed"
-  },
   "mp9SBo": {
     "defaultMessage": "Circle notifications",
     "description": "src/views/Me/Settings/Notifications/index.tsx"
@@ -1711,10 +1689,6 @@
   "rdZi0V": {
     "defaultMessage": "It seems you've come to an unknown space, please go back and retry"
   },
-  "reOeq5": {
-    "defaultMessage": "You have created your personal creative space. Publish your first work!",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "rfz/fN": {
     "defaultMessage": "Recommended size: 1600px x 900px"
   },
@@ -1738,10 +1712,6 @@
     "defaultMessage": "Log in",
     "description": "src/components/Buttons/Login/index.tsx"
   },
-  "stjoBH": {
-    "defaultMessage": "Now, go like the authors you support! Your Likes will become their income",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "sy+pv5": {
     "defaultMessage": "Email"
   },
diff --git a/lang/en.json b/lang/en.json
index abed5a1bc5..bb8d61321c 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -53,10 +53,6 @@
     "defaultMessage": "Unknown error. Please try again later.",
     "description": "UNKNOWN_ERROR"
   },
-  "/asuIY": {
-    "defaultMessage": "Enter Community",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "/jJLYy": {
     "defaultMessage": "Transactions"
   },
@@ -403,9 +399,6 @@
   "A3g33H": {
     "defaultMessage": "Archived articles can only be seen by you, and this operation cannot be undone. If this article has been added to collections, it will be removed. (IPFS version will not be effected)"
   },
-  "A41QIy": {
-    "defaultMessage": "Enter Password"
-  },
   "A6ozr9": {
     "defaultMessage": "Collection name"
   },
@@ -431,10 +424,6 @@
     "defaultMessage": "Maintain",
     "description": "src/views/TagDetail/Owner/index.tsx"
   },
-  "ANhCde": {
-    "defaultMessage": "Start creating now!",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "AVpR3Q": {
     "defaultMessage": "Wallet linked",
     "description": "src/components/UserProfile/WalletLabel/index.tsx"
@@ -878,10 +867,6 @@
     "defaultMessage": "The email verification link has been sent to {email}",
     "description": "src/components/GlobalToast/index.tsx"
   },
-  "NzfL1d": {
-    "defaultMessage": "Enter password again",
-    "description": "src/components/Forms/EmailSignUpForm/Password.tsx"
-  },
   "O0MQs/": {
     "defaultMessage": "Please add email first",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
@@ -1124,10 +1109,6 @@
     "defaultMessage": "Unpin Comment",
     "description": "src/components/Comment/DropdownActions/PinButton.tsx"
   },
-  "XH0Lb6": {
-    "defaultMessage": "Welcome to Matters!",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "XHMco9": {
     "defaultMessage": "subscribers",
     "description": "src/views/Circle/Analytics/SubscriberAnalytics/index.tsx"
@@ -1574,9 +1555,6 @@
     "defaultMessage": "Edit",
     "description": "src/components/Comment/DropdownActions/EditButton.tsx"
   },
-  "ml3SZN": {
-    "defaultMessage": "Minimum 8 characters. Uppercase/lowercase letters, numbers and symbols are allowed"
-  },
   "mp9SBo": {
     "defaultMessage": "Circle notifications",
     "description": "src/views/Me/Settings/Notifications/index.tsx"
@@ -1711,10 +1689,6 @@
   "rdZi0V": {
     "defaultMessage": "It seems you've come to an unknown space, please go back and retry"
   },
-  "reOeq5": {
-    "defaultMessage": "You have created your personal creative space. Publish your first work!",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "rfz/fN": {
     "defaultMessage": "Recommended size: 1600px x 900px"
   },
@@ -1738,10 +1712,6 @@
     "defaultMessage": "Log in",
     "description": "src/components/Buttons/Login/index.tsx"
   },
-  "stjoBH": {
-    "defaultMessage": "Now, go like the authors you support! Your Likes will become their income",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "sy+pv5": {
     "defaultMessage": "Email"
   },
diff --git a/lang/zh-Hans.json b/lang/zh-Hans.json
index 5768620b83..bedff54114 100644
--- a/lang/zh-Hans.json
+++ b/lang/zh-Hans.json
@@ -53,10 +53,6 @@
     "defaultMessage": "不知道哪里出错了，过几分钟看看",
     "description": "UNKNOWN_ERROR"
   },
-  "/asuIY": {
-    "defaultMessage": "进入社区",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "/jJLYy": {
     "defaultMessage": "交易记录"
   },
@@ -403,9 +399,6 @@
   "A3g33H": {
     "defaultMessage": "归档的作品仅自己可见，且操作无法撤销。如文章已加入选集，将从选集中移除。（已发布到 IPFS 的版本不受影响）"
   },
-  "A41QIy": {
-    "defaultMessage": "输入密码"
-  },
   "A6ozr9": {
     "defaultMessage": "选集名称"
   },
@@ -431,10 +424,6 @@
     "defaultMessage": "主理",
     "description": "src/views/TagDetail/Owner/index.tsx"
   },
-  "ANhCde": {
-    "defaultMessage": "马上开始你的创作吧！",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "AVpR3Q": {
     "defaultMessage": "已绑定钱包",
     "description": "src/components/UserProfile/WalletLabel/index.tsx"
@@ -878,10 +867,6 @@
     "defaultMessage": "邮箱地址验证链接已发送至 {email}",
     "description": "src/components/GlobalToast/index.tsx"
   },
-  "NzfL1d": {
-    "defaultMessage": "再次输入密码",
-    "description": "src/components/Forms/EmailSignUpForm/Password.tsx"
-  },
   "O0MQs/": {
     "defaultMessage": "请先绑定邮箱",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
@@ -1124,10 +1109,6 @@
     "defaultMessage": "取消精选",
     "description": "src/components/Comment/DropdownActions/PinButton.tsx"
   },
-  "XH0Lb6": {
-    "defaultMessage": "欢迎加入 Matters！",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "XHMco9": {
     "defaultMessage": "人",
     "description": "src/views/Circle/Analytics/SubscriberAnalytics/index.tsx"
@@ -1574,9 +1555,6 @@
     "defaultMessage": "编辑",
     "description": "src/components/Comment/DropdownActions/EditButton.tsx"
   },
-  "ml3SZN": {
-    "defaultMessage": "至少 8 个字符，支持英文大小写字母、数字和特殊符号"
-  },
   "mp9SBo": {
     "defaultMessage": "围炉通知",
     "description": "src/views/Me/Settings/Notifications/index.tsx"
@@ -1711,10 +1689,6 @@
   "rdZi0V": {
     "defaultMessage": "你似乎遨游到了一个未知空间，请返回重试"
   },
-  "reOeq5": {
-    "defaultMessage": "你已拥有个人创作空间站，期待你的第一篇作品。",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "rfz/fN": {
     "defaultMessage": "建議尺寸 1600 x 900 像素"
   },
@@ -1738,10 +1712,6 @@
     "defaultMessage": "登录",
     "description": "src/components/Buttons/Login/index.tsx"
   },
-  "stjoBH": {
-    "defaultMessage": "现在，去为你喜欢的作者打赏吧！你的每一次打赏都将为作者带来收入。",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "sy+pv5": {
     "defaultMessage": "邮箱"
   },
diff --git a/lang/zh-Hant.json b/lang/zh-Hant.json
index d23f24ae73..2955cf3c53 100644
--- a/lang/zh-Hant.json
+++ b/lang/zh-Hant.json
@@ -53,10 +53,6 @@
     "defaultMessage": "不知道哪裏出錯了，過幾分鐘看看",
     "description": "UNKNOWN_ERROR"
   },
-  "/asuIY": {
-    "defaultMessage": "進入社區",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "/jJLYy": {
     "defaultMessage": "交易記錄"
   },
@@ -403,9 +399,6 @@
   "A3g33H": {
     "defaultMessage": "封存作品僅自己可見，且操作無法撤銷。如文章已加入選集，將從選集中移除。（已發佈到 IPFS 的版本不受影響）"
   },
-  "A41QIy": {
-    "defaultMessage": "輸入密碼"
-  },
   "A6ozr9": {
     "defaultMessage": "選集名稱"
   },
@@ -431,10 +424,6 @@
     "defaultMessage": "主理",
     "description": "src/views/TagDetail/Owner/index.tsx"
   },
-  "ANhCde": {
-    "defaultMessage": "馬上開始你的創作吧！",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "AVpR3Q": {
     "defaultMessage": "已綁定錢包",
     "description": "src/components/UserProfile/WalletLabel/index.tsx"
@@ -878,10 +867,6 @@
     "defaultMessage": "郵件地址驗證連結已發送至 {email}",
     "description": "src/components/GlobalToast/index.tsx"
   },
-  "NzfL1d": {
-    "defaultMessage": "再次輸入密碼",
-    "description": "src/components/Forms/EmailSignUpForm/Password.tsx"
-  },
   "O0MQs/": {
     "defaultMessage": "請先綁定郵箱",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
@@ -1124,10 +1109,6 @@
     "defaultMessage": "取消精選",
     "description": "src/components/Comment/DropdownActions/PinButton.tsx"
   },
-  "XH0Lb6": {
-    "defaultMessage": "歡迎加入 Matters！",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "XHMco9": {
     "defaultMessage": "人",
     "description": "src/views/Circle/Analytics/SubscriberAnalytics/index.tsx"
@@ -1574,9 +1555,6 @@
     "defaultMessage": "編輯",
     "description": "src/components/Comment/DropdownActions/EditButton.tsx"
   },
-  "ml3SZN": {
-    "defaultMessage": "至少 8 個字元，支持英文大小寫字母、數字和特殊符號"
-  },
   "mp9SBo": {
     "defaultMessage": "圍爐通知",
     "description": "src/views/Me/Settings/Notifications/index.tsx"
@@ -1711,10 +1689,6 @@
   "rdZi0V": {
     "defaultMessage": "你似乎遨遊到了一個未知空間，請返回重試"
   },
-  "reOeq5": {
-    "defaultMessage": "你已擁有個人創作空間站，期待你的第一篇作品。",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "rfz/fN": {
     "defaultMessage": "建議尺寸 1600 x 900 像素"
   },
@@ -1738,10 +1712,6 @@
     "defaultMessage": "登入",
     "description": "src/components/Buttons/Login/index.tsx"
   },
-  "stjoBH": {
-    "defaultMessage": "現在，去為你喜歡的作者打賞吧！你的每一次打賞都將為作者帶來收入。",
-    "description": "src/components/Forms/EmailSignUpForm/Complete.tsx"
-  },
   "sy+pv5": {
     "defaultMessage": "電子郵件"
   },
diff --git a/src/common/enums/index.ts b/src/common/enums/index.ts
index d3bc65215a..96a1c0eab9 100644
--- a/src/common/enums/index.ts
+++ b/src/common/enums/index.ts
@@ -63,6 +63,7 @@ export const MAX_TAG_DESCRIPTION_LENGTH = 200
 export const TAG_CONTENT_CLAMP_LENGTH = 7
 export const TAG_CONTENT_CLAMP_LATIN_LETTERS_LENGTH = 20
 
+export const MIN_COLLECTION_TITLE_LENGTH = 1
 export const MAX_COLLECTION_TITLE_LENGTH = 40
 export const MAX_COLLECTION_DESCRIPTION_LENGTH = 200
 
@@ -80,4 +81,6 @@ export const MAX_USER_DESCRIPTION_LENGTH = 140
 export const MIN_USER_NAME_LENGTH = 4
 export const MAX_USER_NAME_LENGTH = 15
 
+export const MIN_PASSWORD_LENGTH = 8
+
 export const MAX_CHANGE_EMAIL_TIME_DAILY = 3
diff --git a/src/common/utils/form/validate.test.ts b/src/common/utils/form/validate.test.ts
new file mode 100644
index 0000000000..36900db9f7
--- /dev/null
+++ b/src/common/utils/form/validate.test.ts
@@ -0,0 +1,371 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  MAX_ARTICLE_SUPPORT_LENGTH,
+  MAX_CIRCLE_DISPLAY_NAME_LENGTH,
+  MAX_CIRCLE_NAME_LENGTH,
+  MAX_COLLECTION_TITLE_LENGTH,
+  MAX_DESCRIPTION_LENGTH,
+  MAX_USER_DISPLAY_NAME_LENGTH,
+  MAX_USER_NAME_LENGTH,
+  MIN_CIRCLE_DISPLAY_NAME_LENGTH,
+  MIN_CIRCLE_NAME_LENGTH,
+  MIN_COLLECTION_TITLE_LENGTH,
+  MIN_PASSWORD_LENGTH,
+  MIN_USER_DISPLAY_NAME_LENGTH,
+  MIN_USER_NAME_LENGTH,
+  PAYMENT_CURRENCY,
+  PAYMENT_MAXIMUM_CIRCLE_AMOUNT,
+  PAYMENT_MINIMAL_ADD_CREDIT_AMOUNT,
+  PAYMENT_MINIMAL_CIRCLE_AMOUNT,
+  PAYMENT_PASSSWORD_LENGTH,
+  RESERVED_NAMES,
+} from '~/common/enums'
+
+import {
+  validateAmount,
+  validateCircleAmount,
+  validateCircleDisplayName,
+  validateCircleName,
+  validateCode,
+  validateCollectionTitle,
+  validateComparedPassword,
+  validateCurrency,
+  validateDescription,
+  validateDisplayName,
+  validateDonationAmount,
+  validateEmail,
+  validatePassword,
+  validatePaymentPassword,
+  validatePaymentPointer,
+  validatePayoutAmount,
+  validateSupportWords,
+  validateTagName,
+  validateUserName,
+} from './validate'
+
+describe('utils/form/validate/validateAmount', () => {
+  it('should validate amount correctly', () => {
+    expect(validateAmount(0, 'en')).toBe('Required')
+    expect(
+      validateAmount(PAYMENT_MINIMAL_ADD_CREDIT_AMOUNT.HKD - 1, 'en')
+    ).toBe(`Minimum amount is HKD ${PAYMENT_MINIMAL_ADD_CREDIT_AMOUNT.HKD}`)
+    expect(validateAmount(-1, 'en')).toBe(
+      `Minimum amount is HKD ${PAYMENT_MINIMAL_ADD_CREDIT_AMOUNT.HKD}`
+    )
+    expect(
+      validateAmount(PAYMENT_MINIMAL_ADD_CREDIT_AMOUNT.HKD, 'en')
+    ).toBeUndefined()
+    expect(
+      validateAmount(PAYMENT_MINIMAL_ADD_CREDIT_AMOUNT.HKD + 1, 'en')
+    ).toBeUndefined()
+  })
+})
+
+describe('utils/form/validate/validateCircleAmount', () => {
+  it('should validate circle amount correctly', () => {
+    expect(validateCircleAmount(0, 'en')).toBe('Required')
+
+    // min
+    expect(
+      validateCircleAmount(PAYMENT_MINIMAL_CIRCLE_AMOUNT.HKD - 1, 'en')
+    ).toBe(`Minimum amount is HKD ${PAYMENT_MINIMAL_CIRCLE_AMOUNT.HKD}`)
+    expect(
+      validateCircleAmount(PAYMENT_MINIMAL_CIRCLE_AMOUNT.HKD + 1, 'en')
+    ).toBeUndefined()
+    expect(
+      validateCircleAmount(PAYMENT_MINIMAL_CIRCLE_AMOUNT.HKD, 'en')
+    ).toBeUndefined()
+
+    // max
+    expect(
+      validateCircleAmount(PAYMENT_MAXIMUM_CIRCLE_AMOUNT.HKD + 1, 'en')
+    ).toBe(`Maximum amount is HKD ${PAYMENT_MAXIMUM_CIRCLE_AMOUNT.HKD}`)
+    expect(
+      validateCircleAmount(PAYMENT_MAXIMUM_CIRCLE_AMOUNT.HKD - 1, 'en')
+    ).toBeUndefined()
+    expect(
+      validateCircleAmount(PAYMENT_MAXIMUM_CIRCLE_AMOUNT.HKD, 'en')
+    ).toBeUndefined()
+  })
+})
+
+describe('utils/form/validate/validateCircleDisplayName', () => {
+  it('should validate circle display name correctly', () => {
+    expect(validateCircleDisplayName('', 'en')).toBe('Required')
+    expect(validateCircleDisplayName('1234567890', 'en')).toBeUndefined()
+    expect(validateCircleDisplayName('你好世界🌍', 'en')).toBeUndefined()
+
+    // length
+    expect(
+      validateCircleDisplayName(
+        '123456789012345678901234567890123456789012345678901',
+        'en'
+      )
+    ).toBe(
+      `Must be between ${MIN_CIRCLE_DISPLAY_NAME_LENGTH}-${MAX_CIRCLE_DISPLAY_NAME_LENGTH} characters long.`
+    )
+
+    // reserved
+    expect(validateCircleDisplayName(RESERVED_NAMES[0], 'en')).toBe(
+      `"${RESERVED_NAMES[0]}" is invalid.`
+    )
+
+    // punctuation
+    expect(validateCircleDisplayName('1234567890!', 'en')).toBeUndefined()
+    expect(validateCircleDisplayName('!?@', 'en')).toBe(
+      'Not support using punctuation marks alone.'
+    )
+    expect(validateCircleDisplayName('？！', 'en')).toBe(
+      'Not support using punctuation marks alone.'
+    )
+  })
+})
+
+describe('utils/form/validate/validateCircleName', () => {
+  it('should validate circle name correctly', () => {
+    expect(validateCircleName('', 'en')).toBe('Required')
+    expect(validateCircleName('1234567890', 'en')).toBeUndefined()
+
+    // length
+    expect(
+      validateCircleName(
+        '123456789012345678901234567890123456789012345678901',
+        'en'
+      )
+    ).toBe(
+      `Must be between ${MIN_CIRCLE_NAME_LENGTH}-${MAX_CIRCLE_NAME_LENGTH} characters long.`
+    )
+
+    // reserved
+    expect(validateCircleName(RESERVED_NAMES[0], 'en')).toBe(
+      `"${RESERVED_NAMES[0]}" is invalid.`
+    )
+
+    // non-alphanumeric
+    const error =
+      'Must be between 2-20 characters long. Only letters letters, numbers and underline are allowed.'
+    expect(validateCircleName('你好世界🌍', 'en')).toBe(error)
+    expect(validateCircleName('1234567890!', 'en')).toBe(error)
+    expect(validateCircleName('!?@', 'en')).toBe(error)
+    expect(validateCircleName('？！', 'en')).toBe(error)
+  })
+})
+
+describe('utils/form/validate/validateCode', () => {
+  it('should validate code correctly', () => {
+    expect(validateCode('', 'en')).toBe('Required')
+    expect(validateCode('1234567890', 'en')).toBeUndefined()
+    expect(validateCode('你好世界🌍', 'en')).toBeUndefined()
+  })
+})
+
+describe('utils/form/validate/validateCollectionTitle', () => {
+  it('should validate collection title correctly', () => {
+    expect(validateCollectionTitle('', 'en')).toBe('Required')
+    expect(validateCollectionTitle('1234567890', 'en')).toBeUndefined()
+    expect(validateCollectionTitle('你好世界🌍', 'en')).toBeUndefined()
+    expect(
+      validateCollectionTitle(
+        '123456789012345678901234567890123456789012345678901',
+        'en'
+      )
+    ).toBe(
+      `Must be between ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} characters long.`
+    )
+  })
+})
+
+describe('utils/form/validate/validateComparedPassword', () => {
+  it('should validate compared password correctly', () => {
+    expect(validateComparedPassword('', '', 'en')).toBe('Required')
+    expect(
+      validateComparedPassword('1234567890', '1234567890', 'en')
+    ).toBeUndefined()
+    expect(
+      validateComparedPassword('你好世界🌍', '你好世界🌍', 'en')
+    ).toBeUndefined()
+
+    // not match
+    expect(validateComparedPassword('1234567890', '0987654321', 'en')).toBe(
+      'The new password and confirmation password do not match.'
+    )
+  })
+})
+
+describe('utils/form/validate/validateCurrency', () => {
+  it('should validate currency correctly', () => {
+    expect(validateCurrency('', 'en')).toBe('Please select a currency')
+    expect(validateCurrency('THB', 'en')).toBe('Please select a currency')
+    expect(validateCurrency(PAYMENT_CURRENCY.HKD, 'en')).toBeUndefined()
+  })
+})
+
+describe('utils/form/validate/validateDescription', () => {
+  it('should validate description correctly', () => {
+    expect(validateDescription('', 'en')).toBe('Required')
+    expect(validateDescription('1234567890', 'en')).toBeUndefined()
+    expect(validateDescription('你好世界🌍', 'en')).toBeUndefined()
+
+    // length
+    const description = 'a'.repeat(MAX_DESCRIPTION_LENGTH + 1)
+    expect(validateDescription(description, 'en')).toBe(
+      `Maximum ${MAX_DESCRIPTION_LENGTH} characters, current ${description.length} characters.`
+    )
+  })
+})
+
+describe('utils/form/validate/validateDisplayName', () => {
+  it('should validate display name correctly', () => {
+    expect(validateDisplayName('', 'en')).toBe('Required')
+    expect(validateDisplayName('1234567890', 'en')).toBeUndefined()
+    expect(validateDisplayName('你好世界🌍', 'en')).toBeUndefined()
+
+    // length
+    expect(
+      validateDisplayName(
+        '123456789012345678901234567890123456789012345678901',
+        'en'
+      )
+    ).toBe(
+      `Must be between ${MIN_USER_DISPLAY_NAME_LENGTH}-${MAX_USER_DISPLAY_NAME_LENGTH} characters long.`
+    )
+
+    // punctuation
+    expect(validateDisplayName('1234567890!', 'en')).toBeUndefined()
+    expect(validateDisplayName('!?@', 'en')).toBe(
+      'Not support using punctuation marks alone.'
+    )
+    expect(validateDisplayName('？！', 'en')).toBe(
+      'Not support using punctuation marks alone.'
+    )
+
+    // reserved
+    expect(validateDisplayName(RESERVED_NAMES[0], 'en')).toBe(
+      `"${RESERVED_NAMES[0]}" is invalid.`
+    )
+  })
+})
+
+describe('utils/form/validate/validateDonationAmount', () => {
+  it('should validate donation amount correctly', () => {
+    const balance = 100
+    expect(validateDonationAmount(0, balance, 'en')).toBe(
+      'Please select or enter amount'
+    )
+    expect(validateDonationAmount(1, balance, 'en')).toBeUndefined()
+    expect(validateDonationAmount(100, balance, 'en')).toBeUndefined()
+  })
+})
+
+describe('utils/form/validate/validateEmail', () => {
+  it('should validate email correctly', () => {
+    const options = { allowPlusSign: false }
+    expect(validateEmail('', 'en', options)).toBe('Required')
+    expect(validateEmail('1234567890', 'en', options)).toBe(
+      'Please fill in a valid email address'
+    )
+    expect(validateEmail('hi@example.com', 'en', options)).toBeUndefined()
+  })
+})
+
+describe('utils/form/validate/validatePassword', () => {
+  it('should validate password correctly', () => {
+    expect(validatePassword('', 'en')).toBe('Required')
+    expect(validatePassword('1234567890', 'en')).toBeUndefined()
+    expect(validatePassword('abcdefghij', 'en')).toBeUndefined()
+
+    const error = `Minimum ${MIN_PASSWORD_LENGTH} characters. Uppercase/lowercase letters, numbers and symbols are allowed`
+    expect(validatePassword('你好世界🌍', 'en')).toBe(error)
+    expect(validatePassword('1234', 'en')).toBe(error)
+  })
+})
+
+describe('utils/form/validate/validatePaymentPassword', () => {
+  it('should validate payment password correctly', () => {
+    expect(validatePaymentPassword('', 'en')).toBe('Required')
+    expect(validatePaymentPassword('123456', 'en')).toBeUndefined()
+
+    const error = `Enter a ${PAYMENT_PASSSWORD_LENGTH}-digit payment password.`
+    expect(validatePaymentPassword('你好世界🌍', 'en')).toBe(error)
+    expect(validatePaymentPassword('1234', 'en')).toBe(error)
+    expect(validatePaymentPassword('abcd', 'en')).toBe(error)
+  })
+})
+
+describe('utils/form/validate/validatePaymentPointer', () => {
+  it('should validate payment pointer correctly', () => {
+    expect(validatePaymentPointer('', 'en')).toBe('Required')
+    expect(validatePaymentPointer('$123456', 'en')).toBeUndefined()
+
+    const error = 'The wallet address starts with "$".'
+    expect(validatePaymentPointer('你好世界🌍', 'en')).toBe(error)
+    expect(validatePaymentPointer('1234', 'en')).toBe(error)
+    expect(validatePaymentPointer('abcd', 'en')).toBe(error)
+  })
+})
+
+describe('utils/form/validate/validatePayoutAmount', () => {
+  it('should validate payout amount correctly', () => {
+    const min = 100
+    const max = 5000
+
+    expect(validatePayoutAmount({ min, max, value: 0, lang: 'en' })).toBe(
+      `Minimum amount is HKD ${min}`
+    )
+    expect(
+      validatePayoutAmount({ min, max, value: 150, lang: 'en' })
+    ).toBeUndefined()
+    expect(validatePayoutAmount({ min, max, value: 5001, lang: 'en' })).toBe(
+      `Maximum amount is HKD ${max}`
+    )
+  })
+})
+
+describe('utils/form/validate/validateSupportWords', () => {
+  it('should validate support words correctly', () => {
+    expect(validateSupportWords('', 'en')).toBeUndefined()
+    expect(validateSupportWords('1234567890', 'en')).toBeUndefined()
+    expect(validateSupportWords('你好世界🌍', 'en')).toBeUndefined()
+
+    // length
+    const value = 'a'.repeat(MAX_ARTICLE_SUPPORT_LENGTH + 1)
+    expect(validateSupportWords(value, 'en')).toBe(
+      `Maximum ${MAX_ARTICLE_SUPPORT_LENGTH} characters, current ${value.length} characters.`
+    )
+  })
+})
+
+describe('utils/form/validate/validateTagName', () => {
+  it('should validate tag name correctly', () => {
+    expect(validateTagName('', 'en')).toBe('Required')
+    expect(validateTagName('1234567890', 'en')).toBeUndefined()
+    expect(validateTagName('你好世界🌍', 'en')).toBeUndefined()
+
+    // punctuation
+    expect(validateTagName('1234567890!', 'en')).toBeUndefined()
+    expect(validateTagName('!?@', 'en')).toBe(
+      'Not support using punctuation marks alone.'
+    )
+    expect(validateTagName('？！', 'en')).toBe(
+      'Not support using punctuation marks alone.'
+    )
+  })
+})
+
+describe('utils/form/validate/validateUserName', () => {
+  it('should validate user name correctly', () => {
+    expect(validateUserName('', 'en')).toBe('Required')
+    expect(validateUserName('1234567890', 'en')).toBeUndefined()
+
+    // length
+    expect(
+      validateUserName(
+        '123456789012345678901234567890123456789012345678901',
+        'en'
+      )
+    ).toBe(
+      `ID must be between ${MIN_USER_NAME_LENGTH} and ${MAX_USER_NAME_LENGTH} characters long`
+    )
+  })
+})
diff --git a/src/common/utils/form/validate.ts b/src/common/utils/form/validate.ts
index 40b8f62653..cea4f2b13f 100644
--- a/src/common/utils/form/validate.ts
+++ b/src/common/utils/form/validate.ts
@@ -2,11 +2,13 @@ import {
   MAX_ARTICLE_SUPPORT_LENGTH,
   MAX_CIRCLE_DISPLAY_NAME_LENGTH,
   MAX_CIRCLE_NAME_LENGTH,
+  MAX_COLLECTION_TITLE_LENGTH,
   MAX_DESCRIPTION_LENGTH,
   MAX_USER_DISPLAY_NAME_LENGTH,
   MAX_USER_NAME_LENGTH,
   MIN_CIRCLE_DISPLAY_NAME_LENGTH,
   MIN_CIRCLE_NAME_LENGTH,
+  MIN_COLLECTION_TITLE_LENGTH,
   MIN_USER_DISPLAY_NAME_LENGTH,
   MIN_USER_NAME_LENGTH,
   PAYMENT_CURRENCY,
@@ -129,37 +131,25 @@ export const validateUserName = (value: string, lang: Language) => {
   }
 }
 
-export const validateComparedUserName = (
-  value: string,
-  comparedValue: string,
-  lang: Language
-) => {
-  if (!comparedValue) {
-    return translate({ id: 'required', lang })
-  } else if (comparedValue !== value) {
-    return translate({ id: 'invalidUserName', lang })
-  }
-}
-
 export const validateCollectionTitle = (value: string, lang: Language) => {
   if (!value) {
     return translate({ id: 'required', lang })
   }
 
-  if (value.length < 1) {
+  if (value.length < MIN_COLLECTION_TITLE_LENGTH) {
     return translate({
-      zh_hant: '輸入字數過短，僅供輸入 1-40 個字元',
-      zh_hans: '输入字数过短，仅供输入 1-40 个字符',
-      en: 'Must be between 1-40 characters long.',
+      zh_hant: `輸入字數過短，僅供輸入 ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} 個字元`,
+      zh_hans: `输入字数过短，仅供输入 ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} 个字符`,
+      en: `Must be between ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} characters long.`,
       lang,
     })
   }
 
-  if (value.length > 40) {
+  if (value.length > MAX_COLLECTION_TITLE_LENGTH) {
     return translate({
-      zh_hant: '輸入字數過長，僅供輸入 1-40 個字元',
-      zh_hans: '输入字数过长，仅供输入 1-40 个字符',
-      en: 'Must be between 1-40 characters long.',
+      zh_hant: `輸入字數過長，僅供輸入 ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} 個字元`,
+      zh_hans: `输入字数过长，仅供输入 ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} 个字符`,
+      en: `Must be between ${MIN_COLLECTION_TITLE_LENGTH}-${MAX_COLLECTION_TITLE_LENGTH} characters long.`,
       lang,
     })
   }
@@ -197,7 +187,7 @@ export const validateDisplayName = (
     return translate({
       zh_hant: `不能使用「${RESERVED_NAMES[invalidNameIndex]}」`,
       zh_hans: `不能使用 “${RESERVED_NAMES[invalidNameIndex]}”`,
-      en: `Cannot use "${RESERVED_NAMES[invalidNameIndex]}"`,
+      en: `"${RESERVED_NAMES[invalidNameIndex]}" is invalid.`,
       lang,
     })
   }
@@ -239,23 +229,6 @@ export const validateSupportWords = (value: string, lang: Language) => {
   }
 }
 
-export const validateToS = (value: boolean, lang: Language) => {
-  if (value === false) {
-    return translate({
-      zh_hant: '請勾選',
-      zh_hans: '请勾选',
-      en: 'Please check',
-      lang,
-    })
-  }
-}
-
-export const validateAvatar = (value: string | null, lang: Language) => {
-  if (!value) {
-    return translate({ id: 'required', lang })
-  }
-}
-
 /**
  * Circle
  */
@@ -293,15 +266,6 @@ export const validateCircleName = (value: string, lang: Language) => {
     })
   }
 
-  if (REGEXP_ALL_PUNCTUATIONS.test(value)) {
-    return translate({
-      zh_hant: '不支持單獨使用標點符號',
-      zh_hans: '不支持单独使用标点符号',
-      en: 'Not support using punctuation marks alone.',
-      lang,
-    })
-  }
-
   if (!/^[a-zA-Z0-9_]*$/.test(value)) {
     return translate({
       id: 'hintCircleName',
@@ -402,10 +366,6 @@ export const validateDonationAmount = (
   balance: number,
   lang: Language
 ) => {
-  if (typeof value !== 'number') {
-    return translate({ id: 'required', lang })
-  }
-
   if (value === 0) {
     return translate({
       zh_hant: '請選擇或輸入金額',
@@ -436,10 +396,6 @@ export const validatePayoutAmount = ({
   value: number
   lang: Language
 }) => {
-  if (typeof value !== 'number') {
-    return translate({ id: 'required', lang })
-  }
-
   if (value < min) {
     return translate({
       zh_hant: `最少提現金額爲 HKD ${min}`,
diff --git a/src/common/utils/validator.ts b/src/common/utils/validator.ts
index dffd8e2892..a580099f1a 100644
--- a/src/common/utils/validator.ts
+++ b/src/common/utils/validator.ts
@@ -1,6 +1,6 @@
 import isEmail from 'validator/lib/isEmail'
 
-import { PAYMENT_PASSSWORD_LENGTH } from '../enums'
+import { MIN_PASSWORD_LENGTH, PAYMENT_PASSSWORD_LENGTH } from '../enums'
 
 /**
  * Validate email address.
@@ -29,7 +29,7 @@ export const isValidEmail = (str: string, options: ValidEmailOptions) => {
  * Validate user raw pass word. It only accepts any ASCII character.
  */
 export const isValidPassword = (password: string): boolean => {
-  if (!password || password.length < 8) {
+  if (!password || password.length < MIN_PASSWORD_LENGTH) {
     return false
   }
   return /^[\x00-\x7F]*$/.test(password)

From 1f18f8c7eda00b92ae8b8299d4443a10a5732fb3 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 6 Nov 2023 16:17:23 +0800
Subject: [PATCH 20/62] feat(route): support arbitrary query paramaters for
 `toPath`

---
 src/common/utils/route.test.ts | 18 ++++++++++++++++++
 src/common/utils/route.ts      | 13 ++++++++-----
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/common/utils/route.test.ts b/src/common/utils/route.test.ts
index 9dde8a2ab3..41c22b51c1 100644
--- a/src/common/utils/route.test.ts
+++ b/src/common/utils/route.test.ts
@@ -68,6 +68,24 @@ describe('utils/route/toPath', () => {
         }?utm_source=test-source&utm_campaign=test-campaign`
       )
     })
+
+    it('should return the correct path with custom search', () => {
+      const { href } = toPath({
+        page: 'articleDetail',
+        article: MOCK_ARTILCE,
+        search: {
+          referral: 'code',
+          utm_source: 'test-source',
+        },
+      })
+      expect(href).toBe(
+        `/@${MOCK_ARTILCE.author.userName}/${
+          fromGlobalId(MOCK_ARTILCE.id).id
+        }-${MOCK_ARTILCE.slug}-${
+          MOCK_ARTILCE.mediaHash
+        }?referral=code&utm_source=test-source`
+      )
+    })
   })
 
   describe('page: circleDetail', () => {
diff --git a/src/common/utils/route.ts b/src/common/utils/route.ts
index 68a3e5669f..805d21e9ee 100644
--- a/src/common/utils/route.ts
+++ b/src/common/utils/route.ts
@@ -89,12 +89,13 @@ type ToPathArgs =
  * (works on SSR & CSR)
  */
 export const toPath = (
-  args: ToPathArgs & UtmParams & { fragment?: string }
+  args: ToPathArgs &
+    UtmParams & { fragment?: string; search?: { [key: string]: string } }
 ): {
   href: string
 } => {
   let href = ''
-  let search = {}
+  let search = { ...args.search }
 
   switch (args.page) {
     case 'articleDetail': {
@@ -200,9 +201,11 @@ export const toPath = (
       break
     }
     case 'search': {
-      search = {
-        ...search,
-        q: args.q,
+      if (args.q) {
+        search = {
+          ...search,
+          q: args.q,
+        }
       }
 
       if (args.type) {

From 9ef5288957f5b8c2e95f6a998f043de1f3a61130 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 15 Nov 2023 15:45:53 +0800
Subject: [PATCH 21/62] Revert "Merge pull request #3980 from
 thematters/feat/hide-facebook-entry"

This reverts commit 25bac39263f74ae9709937e4d66943e7346253f0, reversing
changes made to 44093bdb6dac2d6c6df6e04fd7d27a4abb680931.
---
 .../AuthMethodFeed/AuthNormalFeed.tsx         | 20 +++++++-------
 .../Me/Settings/Account/Socials/index.tsx     | 26 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/AuthMethodFeed/AuthNormalFeed.tsx b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
index 3c2141c758..b9c7741b92 100644
--- a/src/components/AuthMethodFeed/AuthNormalFeed.tsx
+++ b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
@@ -4,13 +4,13 @@ import { FormattedMessage } from 'react-intl'
 
 import { PATHS } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   sleep,
   twitterOauthUrl,
 } from '~/common/utils'
 import {
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconMail22,
   IconSpinner22,
@@ -32,7 +32,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
   useEffect(() => {
     return setLoadingState('')
   }, [])
@@ -64,11 +64,11 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   return (
     <>
@@ -103,7 +103,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
             </span>
           )}
         </li>
-        {/* <li className={styles.item} role="button" onClick={gotoFacebook}>
+        <li className={styles.item} role="button" onClick={gotoFacebook}>
           <span className={styles.icon}>
             <IconFacebook22 size="mdM" />
           </span>
@@ -113,7 +113,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
               <IconSpinner22 color="grey" size="mdM" />
             </span>
           )}
-        </li> */}
+        </li>
       </ul>
       <section className={styles.info}>
         <section className={styles.title}>
diff --git a/src/views/Me/Settings/Account/Socials/index.tsx b/src/views/Me/Settings/Account/Socials/index.tsx
index c1442ac8f1..f73c0220c9 100644
--- a/src/views/Me/Settings/Account/Socials/index.tsx
+++ b/src/views/Me/Settings/Account/Socials/index.tsx
@@ -9,7 +9,7 @@ import {
   OAUTH_STORAGE_BIND_STATE_UNAVAILABLE,
 } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   isSafari,
   sleep,
@@ -18,7 +18,7 @@ import {
 } from '~/common/utils'
 import {
   IconClose20,
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconSpinner16,
   IconX22,
@@ -41,9 +41,9 @@ const Socials = () => {
   const googleId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Google
   )?.email
-  // const facebookId = viewer.info.socialAccounts.find(
-  // (s) => s.type === SocialAccountType.Facebook
-  // )?.userName
+  const facebookId = viewer.info.socialAccounts.find(
+    (s) => s.type === SocialAccountType.Facebook
+  )?.userName
   const twitterId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Twitter
   )?.userName
@@ -52,7 +52,7 @@ const Socials = () => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
 
   const oauthType = 'bind'
 
@@ -81,11 +81,11 @@ const Socials = () => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   useEffect(() => {
     const bindResult = storage.remove(OAUTH_STORAGE_BIND_STATE)
@@ -227,7 +227,7 @@ const Socials = () => {
       </RemoveSocialLoginDialog>
 
       {/* Facebook */}
-      {/* <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
+      <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
         {({ openDialog }) => {
           return (
             <TableView.Cell
@@ -263,7 +263,7 @@ const Socials = () => {
             />
           )
         }}
-      </RemoveSocialLoginDialog> */}
+      </RemoveSocialLoginDialog>
     </>
   )
 }

From 53f3cba17ab158a88b0ecc1cb1612684235dfffc Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 15 Nov 2023 15:48:50 +0800
Subject: [PATCH 22/62] feat(env): update facebook id

---
 .env.prod | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.env.prod b/.env.prod
index c6dc0fefb4..b55eb73386 100644
--- a/.env.prod
+++ b/.env.prod
@@ -33,4 +33,4 @@ NEXT_PUBLIC_CLOUDFLARE_TURNSTILE_SITE_KEY=0x4AAAAAAAKVODkJMwfIxG78
 DEBUG=false
 NEXT_PUBLIC_GOOGLE_CLIENT_ID=751677068109-rkml7q9ujf8ems09cclh7qckf14svcgs.apps.googleusercontent.com
 NEXT_PUBLIC_TWITTER_CLIENT_ID=cmdKbUlyd1ZZZDZYa3dTampidGo6MTpjaQ
-NEXT_PUBLIC_FACEBOOK_CLIENT_ID=1415638158583454
+NEXT_PUBLIC_FACEBOOK_CLIENT_ID=161556310354354

From ca988224492e3c497dba9d4b8e6229b6a218e1a5 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 22 Nov 2023 09:20:49 +0800
Subject: [PATCH 23/62] Revert "Merge pull request #3980 from
 thematters/feat/hide-facebook-entry"

This reverts commit 25bac39263f74ae9709937e4d66943e7346253f0, reversing
changes made to 44093bdb6dac2d6c6df6e04fd7d27a4abb680931.
---
 .../AuthMethodFeed/AuthNormalFeed.tsx         | 20 +++++++-------
 .../Me/Settings/Account/Socials/index.tsx     | 26 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/AuthMethodFeed/AuthNormalFeed.tsx b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
index 3c2141c758..b9c7741b92 100644
--- a/src/components/AuthMethodFeed/AuthNormalFeed.tsx
+++ b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
@@ -4,13 +4,13 @@ import { FormattedMessage } from 'react-intl'
 
 import { PATHS } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   sleep,
   twitterOauthUrl,
 } from '~/common/utils'
 import {
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconMail22,
   IconSpinner22,
@@ -32,7 +32,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
   useEffect(() => {
     return setLoadingState('')
   }, [])
@@ -64,11 +64,11 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   return (
     <>
@@ -103,7 +103,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
             </span>
           )}
         </li>
-        {/* <li className={styles.item} role="button" onClick={gotoFacebook}>
+        <li className={styles.item} role="button" onClick={gotoFacebook}>
           <span className={styles.icon}>
             <IconFacebook22 size="mdM" />
           </span>
@@ -113,7 +113,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
               <IconSpinner22 color="grey" size="mdM" />
             </span>
           )}
-        </li> */}
+        </li>
       </ul>
       <section className={styles.info}>
         <section className={styles.title}>
diff --git a/src/views/Me/Settings/Account/Socials/index.tsx b/src/views/Me/Settings/Account/Socials/index.tsx
index c1442ac8f1..f73c0220c9 100644
--- a/src/views/Me/Settings/Account/Socials/index.tsx
+++ b/src/views/Me/Settings/Account/Socials/index.tsx
@@ -9,7 +9,7 @@ import {
   OAUTH_STORAGE_BIND_STATE_UNAVAILABLE,
 } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   isSafari,
   sleep,
@@ -18,7 +18,7 @@ import {
 } from '~/common/utils'
 import {
   IconClose20,
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconSpinner16,
   IconX22,
@@ -41,9 +41,9 @@ const Socials = () => {
   const googleId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Google
   )?.email
-  // const facebookId = viewer.info.socialAccounts.find(
-  // (s) => s.type === SocialAccountType.Facebook
-  // )?.userName
+  const facebookId = viewer.info.socialAccounts.find(
+    (s) => s.type === SocialAccountType.Facebook
+  )?.userName
   const twitterId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Twitter
   )?.userName
@@ -52,7 +52,7 @@ const Socials = () => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
 
   const oauthType = 'bind'
 
@@ -81,11 +81,11 @@ const Socials = () => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   useEffect(() => {
     const bindResult = storage.remove(OAUTH_STORAGE_BIND_STATE)
@@ -227,7 +227,7 @@ const Socials = () => {
       </RemoveSocialLoginDialog>
 
       {/* Facebook */}
-      {/* <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
+      <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
         {({ openDialog }) => {
           return (
             <TableView.Cell
@@ -263,7 +263,7 @@ const Socials = () => {
             />
           )
         }}
-      </RemoveSocialLoginDialog> */}
+      </RemoveSocialLoginDialog>
     </>
   )
 }

From 3565d46563fc40a46e62edf8ce1305c33165fac9 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 22 Nov 2023 18:00:12 +0800
Subject: [PATCH 24/62] fix(MyWorks): add right spacer

---
 src/views/Me/Works/Published/SortTabs.tsx      | 1 +
 src/views/Me/Works/Published/styles.module.css | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/src/views/Me/Works/Published/SortTabs.tsx b/src/views/Me/Works/Published/SortTabs.tsx
index 2ad4807c0f..718fd2a429 100644
--- a/src/views/Me/Works/Published/SortTabs.tsx
+++ b/src/views/Me/Works/Published/SortTabs.tsx
@@ -132,6 +132,7 @@ export const SortTabs = ({
           {/* FIXED: The ul element needs to be wrapped directly in the emblaRef  */}
           <ul className={styles.tabList}>
             <Content />
+            <span className={styles.rightSpace} />
           </ul>
           <Hint />
         </section>
diff --git a/src/views/Me/Works/Published/styles.module.css b/src/views/Me/Works/Published/styles.module.css
index 924024deb8..decade7a7a 100644
--- a/src/views/Me/Works/Published/styles.module.css
+++ b/src/views/Me/Works/Published/styles.module.css
@@ -83,4 +83,12 @@
       background: var(--color-black);
     }
   }
+
+  & .rightSpace {
+    position: relative;
+    display: inline-block;
+    flex-shrink: 0;
+    width: 4rem;
+    height: 2rem;
+  }
 }

From 0d8c7c9a7933e95596054ef6260dec5a00a6341b Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 23 Nov 2023 10:12:03 +0800
Subject: [PATCH 25/62] fix(lang): fix copy

---
 lang/zh-Hant.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lang/zh-Hant.json b/lang/zh-Hant.json
index 5aacf7b415..4d3778a5a7 100644
--- a/lang/zh-Hant.json
+++ b/lang/zh-Hant.json
@@ -584,7 +584,7 @@
     "description": "FORBIDDEN_BY_STATE"
   },
   "F3zk7E": {
-    "defaultMessage": "(草稿刪除後無法恢復)",
+    "defaultMessage": " （草稿刪除後無法恢復）",
     "description": "src/components/DraftDigest/Feed/DeleteButton.tsx"
   },
   "FEI5Fv": {
@@ -1473,7 +1473,7 @@
     "description": "src/components/Notice/CircleNotice/CircleNewUserNotice.tsx"
   },
   "hpIFGj": {
-    "defaultMessage": "確認要刪除草稿「{title}」嗎？",
+    "defaultMessage": "確認要刪除草稿（{title}）嗎？",
     "description": "src/components/DraftDigest/Feed/DeleteButton.tsx"
   },
   "hrgo+E": {

From 5e2c38460735c22f3fc4ef95c63471e7ec0e2d18 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 23 Nov 2023 12:36:03 +0800
Subject: [PATCH 26/62] fix(lang): fix copy

---
 lang/zh-Hant.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lang/zh-Hant.json b/lang/zh-Hant.json
index 4d3778a5a7..13457f0736 100644
--- a/lang/zh-Hant.json
+++ b/lang/zh-Hant.json
@@ -1473,7 +1473,7 @@
     "description": "src/components/Notice/CircleNotice/CircleNewUserNotice.tsx"
   },
   "hpIFGj": {
-    "defaultMessage": "確認要刪除草稿（{title}）嗎？",
+    "defaultMessage": "確認要刪除草稿「{title}」嗎？",
     "description": "src/components/DraftDigest/Feed/DeleteButton.tsx"
   },
   "hrgo+E": {

From 44044cb1b6a67d5e529a69dab6fc92e0bfe76388 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 23 Nov 2023 12:42:56 +0800
Subject: [PATCH 27/62] fix(MyWorks): fix align

---
 src/views/Me/Works/Published/SortTabs.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Me/Works/Published/SortTabs.tsx b/src/views/Me/Works/Published/SortTabs.tsx
index 718fd2a429..10899810a8 100644
--- a/src/views/Me/Works/Published/SortTabs.tsx
+++ b/src/views/Me/Works/Published/SortTabs.tsx
@@ -45,7 +45,7 @@ export const SortTabs = ({
   const [emblaRef] = useEmblaCarousel({
     dragFree: true,
     draggable: true,
-    loop: false,
+    align: 'start',
     containScroll: 'trimSnaps',
   })
 

From 29d71a0ce5d59c31d04e97ad75468848cf9ff0e4 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Wed, 29 Nov 2023 23:19:36 +0800
Subject: [PATCH 28/62] fix(storybook): fix misimport of Icon.test.tsx

---
 src/stories/components/Icon/IconTable.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/stories/components/Icon/IconTable.tsx b/src/stories/components/Icon/IconTable.tsx
index 485e782906..af1430ddb6 100644
--- a/src/stories/components/Icon/IconTable.tsx
+++ b/src/stories/components/Icon/IconTable.tsx
@@ -4,7 +4,11 @@ import { IconLogo, IconProps, Tooltip } from '~/components'
 
 import styles from './styles.module.css'
 
-const icons = require.context('~/components/Icon', false, /\/Icon.+\.tsx$/)
+const icons = require.context(
+  '~/components/Icon',
+  false,
+  /\/Icon(?!.*\.test\.tsx$).+\.tsx$/
+)
 
 // Metters' Logo is not a square
 const LOGO_REQUEST = /IconLogo/

From a7a33333dbbae4845b16c18e334b96f7b601fb0b Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 30 Nov 2023 13:45:32 +0800
Subject: [PATCH 29/62] feat(storybook): bump to 7.6.x

---
 package-lock.json | 11156 +++++++++++++++++++++-----------------------
 package.json      |    18 +-
 2 files changed, 5439 insertions(+), 5735 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 52e803c13a..9cdd968b52 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "matters-web",
-  "version": "4.27.0",
+  "version": "4.28.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "matters-web",
-      "version": "4.27.0",
+      "version": "4.28.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@apollo/react-common": "^3.1.3",
@@ -103,13 +103,13 @@
         "@graphql-codegen/cli": "3.3.1",
         "@graphql-codegen/client-preset": "3.0.1",
         "@playwright/test": "^1.35.1",
-        "@storybook/addon-a11y": "^7.0.26",
-        "@storybook/addon-actions": "^7.0.26",
-        "@storybook/addon-essentials": "^7.0.26",
-        "@storybook/addon-links": "^7.0.26",
-        "@storybook/addon-mdx-gfm": "^7.0.26",
-        "@storybook/nextjs": "^7.0.26",
-        "@storybook/react": "^7.0.26",
+        "@storybook/addon-a11y": "^7.6.1",
+        "@storybook/addon-actions": "^7.6.1",
+        "@storybook/addon-essentials": "^7.6.1",
+        "@storybook/addon-links": "^7.6.1",
+        "@storybook/addon-mdx-gfm": "^7.6.1",
+        "@storybook/nextjs": "^7.6.1",
+        "@storybook/react": "^7.6.1",
         "@svgr/webpack": "^8.0.1",
         "@synthetixio/synpress": "^3.7.1",
         "@testing-library/jest-dom": "^6.1.4",
@@ -152,7 +152,7 @@
         "eslint-config-prettier": "^8.8.0",
         "eslint-plugin-formatjs": "^4.10.3",
         "eslint-plugin-simple-import-sort": "^10.0.0",
-        "eslint-plugin-storybook": "^0.6.12",
+        "eslint-plugin-storybook": "^0.6.15",
         "eslint-plugin-testing-library": "^6.1.0",
         "file-loader": "^6.2.0",
         "jsdom": "^22.1.0",
@@ -163,7 +163,7 @@
         "postcss-mixins": "^9.0.4",
         "postcss-preset-env": "^9.0.0",
         "prettier": "^3.0.0",
-        "storybook": "^7.0.26",
+        "storybook": "^7.6.1",
         "storybook-css-modules": "^1.0.8",
         "stylelint": "^15.10.1",
         "stylelint-config-prettier": "^9.0.5",
@@ -470,9 +470,9 @@
       }
     },
     "node_modules/@aw-web-design/x-default-browser": {
-      "version": "1.4.88",
-      "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.88.tgz",
-      "integrity": "sha512-AkEmF0wcwYC2QkhK703Y83fxWARttIWXDmQN8+cof8FmFZ5BRhnNXGymeb1S73bOCLfWjYELxtujL56idCN/XA==",
+      "version": "1.4.126",
+      "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz",
+      "integrity": "sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==",
       "dev": true,
       "dependencies": {
         "default-browser-id": "3.0.0"
@@ -482,11 +482,11 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.22.13",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
+      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
       "dependencies": {
-        "@babel/highlight": "^7.22.13",
+        "@babel/highlight": "^7.23.4",
         "chalk": "^2.4.2"
       },
       "engines": {
@@ -494,33 +494,33 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.20.tgz",
-      "integrity": "sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
+      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.8.tgz",
-      "integrity": "sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
+      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-compilation-targets": "^7.21.5",
-        "@babel/helper-module-transforms": "^7.21.5",
-        "@babel/helpers": "^7.21.5",
-        "@babel/parser": "^7.21.8",
-        "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.21.5",
-        "@babel/types": "^7.21.5",
-        "convert-source-map": "^1.7.0",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helpers": "^7.23.5",
+        "@babel/parser": "^7.23.5",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.5",
+        "@babel/types": "^7.23.5",
+        "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.2",
-        "semver": "^6.3.0"
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -530,6 +530,11 @@
         "url": "https://opencollective.com/babel"
       }
     },
+    "node_modules/@babel/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
+    },
     "node_modules/@babel/core/node_modules/debug": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
@@ -552,11 +557,11 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
+      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
       "dependencies": {
-        "@babel/types": "^7.21.5",
+        "@babel/types": "^7.23.5",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -576,19 +581,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-annotate-as-pure/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
@@ -600,19 +592,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-compilation-targets": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
@@ -642,16 +621,16 @@
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
+      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-member-expression-to-functions": "^7.23.0",
         "@babel/helper-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-replace-supers": "^7.22.20",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
         "semver": "^6.3.1"
@@ -680,9 +659,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz",
-      "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==",
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
+      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -735,19 +714,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-function-name/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-hoist-variables": {
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
@@ -759,19 +725,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-hoist-variables/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-member-expression-to-functions": {
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
@@ -783,19 +736,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-member-expression-to-functions/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-module-imports": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
@@ -807,23 +747,10 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-module-imports/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
-      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
+      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-module-imports": "^7.22.15",
@@ -849,19 +776,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-optimise-call-expression/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-plugin-utils": {
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
@@ -913,19 +827,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-simple-access/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
@@ -937,19 +838,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-skip-transparent-expression-wrappers/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-split-export-declaration": {
       "version": "7.22.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
@@ -961,23 +849,10 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
+      "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -991,9 +866,9 @@
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
-      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
+      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -1011,115 +886,23 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-wrap-function/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helpers": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.1.tgz",
-      "integrity": "sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
+      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers/node_modules/@babel/generator": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
-      "dependencies": {
-        "@babel/types": "^7.23.0",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers/node_modules/@babel/parser": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/helpers/node_modules/@babel/traverse": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-      "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "debug": "^4.1.0",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
+        "@babel/traverse": "^7.23.5",
+        "@babel/types": "^7.23.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helpers/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@babel/helpers/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
     "node_modules/@babel/highlight": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
-      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.22.20",
         "chalk": "^2.4.2",
@@ -1130,9 +913,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
+      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1141,9 +924,9 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz",
-      "integrity": "sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz",
+      "integrity": "sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1155,13 +938,13 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz",
-      "integrity": "sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz",
+      "integrity": "sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-transform-optional-chaining": "^7.22.15"
+        "@babel/plugin-transform-optional-chaining": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1170,23 +953,19 @@
         "@babel/core": "^7.13.0"
       }
     },
-    "node_modules/@babel/plugin-proposal-async-generator-functions": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz",
-      "integrity": "sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.",
-      "dev": true,
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.3.tgz",
+      "integrity": "sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w==",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.18.9",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/helper-remap-async-to-generator": "^7.18.9",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/@babel/plugin-proposal-class-properties": {
@@ -1205,41 +984,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-class-static-block": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.21.0.tgz",
-      "integrity": "sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-static-block instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.21.0",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-dynamic-import": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.18.6.tgz",
-      "integrity": "sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-dynamic-import instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-export-namespace-from": {
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz",
@@ -1255,72 +999,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-json-strings": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.18.6.tgz",
-      "integrity": "sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-json-strings instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-logical-assignment-operators": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.20.7.tgz",
-      "integrity": "sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-logical-assignment-operators instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
-      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-numeric-separator": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz",
-      "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-object-rest-spread": {
       "version": "7.20.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz",
@@ -1340,23 +1018,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-optional-catch-binding": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz",
-      "integrity": "sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-optional-chaining": {
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz",
@@ -1374,23 +1035,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-private-methods": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz",
-      "integrity": "sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
@@ -1402,23 +1046,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-unicode-property-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz",
-      "integrity": "sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-syntax-async-generators": {
       "version": "7.8.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
@@ -1490,9 +1117,9 @@
       }
     },
     "node_modules/@babel/plugin-syntax-flow": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz",
-      "integrity": "sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz",
+      "integrity": "sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1520,9 +1147,9 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
-      "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz",
+      "integrity": "sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1556,12 +1183,15 @@
       }
     },
     "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.12.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz",
-      "integrity": "sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.23.3.tgz",
+      "integrity": "sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
@@ -1662,12 +1292,12 @@
       }
     },
     "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz",
-      "integrity": "sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.23.3.tgz",
+      "integrity": "sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.20.2"
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1692,9 +1322,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
-      "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz",
+      "integrity": "sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1706,13 +1336,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz",
-      "integrity": "sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.4.tgz",
+      "integrity": "sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw==",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/helper-remap-async-to-generator": "^7.22.20",
         "@babel/plugin-syntax-async-generators": "^7.8.4"
       },
       "engines": {
@@ -1723,13 +1353,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
-      "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz",
+      "integrity": "sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.5"
+        "@babel/helper-remap-async-to-generator": "^7.22.20"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1739,9 +1369,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
-      "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz",
+      "integrity": "sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1753,9 +1383,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz",
-      "integrity": "sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz",
+      "integrity": "sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1767,11 +1397,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
-      "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz",
+      "integrity": "sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -1782,11 +1412,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz",
-      "integrity": "sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz",
+      "integrity": "sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-class-static-block": "^7.14.5"
       },
@@ -1798,17 +1428,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz",
-      "integrity": "sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.5.tgz",
+      "integrity": "sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-optimise-call-expression": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-replace-supers": "^7.22.20",
         "@babel/helper-split-export-declaration": "^7.22.6",
         "globals": "^11.1.0"
       },
@@ -1820,12 +1450,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
-      "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz",
+      "integrity": "sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/template": "^7.22.5"
+        "@babel/template": "^7.22.15"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1835,9 +1465,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz",
-      "integrity": "sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz",
+      "integrity": "sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1849,11 +1479,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
-      "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz",
+      "integrity": "sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -1864,9 +1494,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-duplicate-keys": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
-      "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz",
+      "integrity": "sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1878,9 +1508,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz",
-      "integrity": "sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz",
+      "integrity": "sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3"
@@ -1893,11 +1523,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
-      "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz",
+      "integrity": "sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==",
       "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -1908,9 +1538,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz",
-      "integrity": "sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz",
+      "integrity": "sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
@@ -1923,13 +1553,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-flow-strip-types": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz",
-      "integrity": "sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz",
+      "integrity": "sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-flow": "^7.22.5"
+        "@babel/plugin-syntax-flow": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1939,9 +1569,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz",
-      "integrity": "sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
+      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1953,12 +1583,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-function-name": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
-      "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz",
+      "integrity": "sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -1969,9 +1599,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz",
-      "integrity": "sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz",
+      "integrity": "sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-json-strings": "^7.8.3"
@@ -1984,9 +1614,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
-      "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz",
+      "integrity": "sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1998,9 +1628,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz",
-      "integrity": "sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz",
+      "integrity": "sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
@@ -2013,9 +1643,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-member-expression-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
-      "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz",
+      "integrity": "sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2027,11 +1657,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-amd": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz",
-      "integrity": "sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz",
+      "integrity": "sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -2042,11 +1672,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz",
-      "integrity": "sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz",
+      "integrity": "sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-simple-access": "^7.22.5"
       },
@@ -2058,12 +1688,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz",
-      "integrity": "sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz",
+      "integrity": "sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==",
       "dependencies": {
         "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-identifier": "^7.22.20"
       },
@@ -2075,11 +1705,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-umd": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
-      "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz",
+      "integrity": "sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -2105,9 +1735,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-new-target": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
-      "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz",
+      "integrity": "sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2119,9 +1749,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz",
-      "integrity": "sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz",
+      "integrity": "sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
@@ -2134,9 +1764,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz",
-      "integrity": "sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz",
+      "integrity": "sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
@@ -2149,15 +1779,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz",
-      "integrity": "sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz",
+      "integrity": "sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
+        "@babel/compat-data": "^7.23.3",
         "@babel/helper-compilation-targets": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.22.15"
+        "@babel/plugin-transform-parameters": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2167,12 +1797,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-super": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
-      "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz",
+      "integrity": "sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.5"
+        "@babel/helper-replace-supers": "^7.22.20"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2182,9 +1812,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz",
-      "integrity": "sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz",
+      "integrity": "sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
@@ -2197,9 +1827,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz",
-      "integrity": "sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz",
+      "integrity": "sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
@@ -2213,9 +1843,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz",
-      "integrity": "sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz",
+      "integrity": "sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2227,11 +1857,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
-      "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz",
+      "integrity": "sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -2242,12 +1872,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz",
-      "integrity": "sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz",
+      "integrity": "sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
       },
@@ -2259,9 +1889,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-property-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
-      "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz",
+      "integrity": "sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2288,12 +1918,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz",
-      "integrity": "sha512-TV4sQ+T013n61uMoygyMRm+xf04Bd5oqFpv2jAEQwSZ8NwQA7zeRPg1LMVg2PWi3zWBz+CLKD+v5bcpZ/BS0aA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.23.3.tgz",
+      "integrity": "sha512-GnvhtVfA2OAtzdX58FJxU19rhoGeQzyVndw3GgtdECQvQFXPEZIOVULHVZGAYmOgmqjXpVpfocAbSjh99V/Fqw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2303,16 +1933,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.20.7.tgz",
-      "integrity": "sha512-Tfq7qqD+tRj3EoDhY00nn2uP2hsRxgYGi5mLQ5TimKav0a9Lrpd4deE+fcLXU8zFYRjlKPHZhpCvfEA6qnBxqQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz",
+      "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-module-imports": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-jsx": "^7.18.6",
-        "@babel/types": "^7.20.7"
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.23.3",
+        "@babel/types": "^7.23.4"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2322,12 +1952,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz",
-      "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz",
+      "integrity": "sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==",
       "dev": true,
       "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.18.6"
+        "@babel/plugin-transform-react-jsx": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2366,29 +1996,14 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-react-jsx/node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz",
-      "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.18.6.tgz",
-      "integrity": "sha512-I8VfEPg9r2TRDdvnHgPepTKvuRomzA8+u+nhY7qSI1fR2hRNebasZEETLyM5mAUr0Ku56OkXJ0I7NHJnO6cJiQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.23.3.tgz",
+      "integrity": "sha512-qMFdSS+TUhB7Q/3HVPnEdYJDQIk57jkntAwSuz9xfSE4n+3I+vHYCli3HoHawN1Z3RfCz/y1zXA/JXjG6cVImQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2398,9 +2013,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
-      "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz",
+      "integrity": "sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "regenerator-transform": "^0.15.2"
@@ -2413,9 +2028,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-reserved-words": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
-      "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz",
+      "integrity": "sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2427,17 +2042,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.4.tgz",
-      "integrity": "sha512-1J4dhrw1h1PqnNNpzwxQ2UBymJUF8KuPjAAnlLwZcGhHAIqUigFW7cdK6GHoB64ubY4qXQNYknoUeks4Wz7CUA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
+      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-module-imports": "^7.21.4",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "babel-plugin-polyfill-corejs2": "^0.3.3",
-        "babel-plugin-polyfill-corejs3": "^0.6.0",
-        "babel-plugin-polyfill-regenerator": "^0.4.1",
-        "semver": "^6.3.0"
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "semver": "^6.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2446,63 +2061,10 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-runtime/node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-      "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.17.7",
-        "@babel/helper-plugin-utils": "^7.16.7",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2",
-        "semver": "^6.1.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz",
-      "integrity": "sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.3.3",
-        "core-js-compat": "^3.25.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-runtime/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@babel/plugin-transform-runtime/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
     "node_modules/@babel/plugin-transform-shorthand-properties": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
-      "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz",
+      "integrity": "sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2514,9 +2076,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
-      "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz",
+      "integrity": "sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
@@ -2529,9 +2091,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-sticky-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
-      "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz",
+      "integrity": "sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2543,9 +2105,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-template-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
-      "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz",
+      "integrity": "sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2557,9 +2119,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-typeof-symbol": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
-      "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz",
+      "integrity": "sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2571,15 +2133,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.21.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz",
-      "integrity": "sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
+      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-create-class-features-plugin": "^7.21.0",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-typescript": "^7.20.0"
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2589,9 +2151,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
-      "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz",
+      "integrity": "sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2603,11 +2165,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
-      "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz",
+      "integrity": "sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -2618,11 +2180,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
-      "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz",
+      "integrity": "sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -2633,11 +2195,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
-      "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz",
+      "integrity": "sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
@@ -2648,24 +2210,25 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.20.tgz",
-      "integrity": "sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
+      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.20",
+        "@babel/compat-data": "^7.23.5",
         "@babel/helper-compilation-targets": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15",
+        "@babel/helper-validator-option": "^7.23.5",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.3",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-class-properties": "^7.12.13",
         "@babel/plugin-syntax-class-static-block": "^7.14.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.22.5",
-        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-assertions": "^7.23.3",
+        "@babel/plugin-syntax-import-attributes": "^7.23.3",
         "@babel/plugin-syntax-import-meta": "^7.10.4",
         "@babel/plugin-syntax-json-strings": "^7.8.3",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
@@ -2677,59 +2240,58 @@
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.22.5",
-        "@babel/plugin-transform-async-generator-functions": "^7.22.15",
-        "@babel/plugin-transform-async-to-generator": "^7.22.5",
-        "@babel/plugin-transform-block-scoped-functions": "^7.22.5",
-        "@babel/plugin-transform-block-scoping": "^7.22.15",
-        "@babel/plugin-transform-class-properties": "^7.22.5",
-        "@babel/plugin-transform-class-static-block": "^7.22.11",
-        "@babel/plugin-transform-classes": "^7.22.15",
-        "@babel/plugin-transform-computed-properties": "^7.22.5",
-        "@babel/plugin-transform-destructuring": "^7.22.15",
-        "@babel/plugin-transform-dotall-regex": "^7.22.5",
-        "@babel/plugin-transform-duplicate-keys": "^7.22.5",
-        "@babel/plugin-transform-dynamic-import": "^7.22.11",
-        "@babel/plugin-transform-exponentiation-operator": "^7.22.5",
-        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
-        "@babel/plugin-transform-for-of": "^7.22.15",
-        "@babel/plugin-transform-function-name": "^7.22.5",
-        "@babel/plugin-transform-json-strings": "^7.22.11",
-        "@babel/plugin-transform-literals": "^7.22.5",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.22.11",
-        "@babel/plugin-transform-member-expression-literals": "^7.22.5",
-        "@babel/plugin-transform-modules-amd": "^7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.22.15",
-        "@babel/plugin-transform-modules-systemjs": "^7.22.11",
-        "@babel/plugin-transform-modules-umd": "^7.22.5",
+        "@babel/plugin-transform-arrow-functions": "^7.23.3",
+        "@babel/plugin-transform-async-generator-functions": "^7.23.4",
+        "@babel/plugin-transform-async-to-generator": "^7.23.3",
+        "@babel/plugin-transform-block-scoped-functions": "^7.23.3",
+        "@babel/plugin-transform-block-scoping": "^7.23.4",
+        "@babel/plugin-transform-class-properties": "^7.23.3",
+        "@babel/plugin-transform-class-static-block": "^7.23.4",
+        "@babel/plugin-transform-classes": "^7.23.5",
+        "@babel/plugin-transform-computed-properties": "^7.23.3",
+        "@babel/plugin-transform-destructuring": "^7.23.3",
+        "@babel/plugin-transform-dotall-regex": "^7.23.3",
+        "@babel/plugin-transform-duplicate-keys": "^7.23.3",
+        "@babel/plugin-transform-dynamic-import": "^7.23.4",
+        "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
+        "@babel/plugin-transform-export-namespace-from": "^7.23.4",
+        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-function-name": "^7.23.3",
+        "@babel/plugin-transform-json-strings": "^7.23.4",
+        "@babel/plugin-transform-literals": "^7.23.3",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.23.4",
+        "@babel/plugin-transform-member-expression-literals": "^7.23.3",
+        "@babel/plugin-transform-modules-amd": "^7.23.3",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
+        "@babel/plugin-transform-modules-systemjs": "^7.23.3",
+        "@babel/plugin-transform-modules-umd": "^7.23.3",
         "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
-        "@babel/plugin-transform-new-target": "^7.22.5",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
-        "@babel/plugin-transform-numeric-separator": "^7.22.11",
-        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
-        "@babel/plugin-transform-object-super": "^7.22.5",
-        "@babel/plugin-transform-optional-catch-binding": "^7.22.11",
-        "@babel/plugin-transform-optional-chaining": "^7.22.15",
-        "@babel/plugin-transform-parameters": "^7.22.15",
-        "@babel/plugin-transform-private-methods": "^7.22.5",
-        "@babel/plugin-transform-private-property-in-object": "^7.22.11",
-        "@babel/plugin-transform-property-literals": "^7.22.5",
-        "@babel/plugin-transform-regenerator": "^7.22.10",
-        "@babel/plugin-transform-reserved-words": "^7.22.5",
-        "@babel/plugin-transform-shorthand-properties": "^7.22.5",
-        "@babel/plugin-transform-spread": "^7.22.5",
-        "@babel/plugin-transform-sticky-regex": "^7.22.5",
-        "@babel/plugin-transform-template-literals": "^7.22.5",
-        "@babel/plugin-transform-typeof-symbol": "^7.22.5",
-        "@babel/plugin-transform-unicode-escapes": "^7.22.10",
-        "@babel/plugin-transform-unicode-property-regex": "^7.22.5",
-        "@babel/plugin-transform-unicode-regex": "^7.22.5",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.23.3",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
+        "@babel/plugin-transform-numeric-separator": "^7.23.4",
+        "@babel/plugin-transform-object-rest-spread": "^7.23.4",
+        "@babel/plugin-transform-object-super": "^7.23.3",
+        "@babel/plugin-transform-optional-catch-binding": "^7.23.4",
+        "@babel/plugin-transform-optional-chaining": "^7.23.4",
+        "@babel/plugin-transform-parameters": "^7.23.3",
+        "@babel/plugin-transform-private-methods": "^7.23.3",
+        "@babel/plugin-transform-private-property-in-object": "^7.23.4",
+        "@babel/plugin-transform-property-literals": "^7.23.3",
+        "@babel/plugin-transform-regenerator": "^7.23.3",
+        "@babel/plugin-transform-reserved-words": "^7.23.3",
+        "@babel/plugin-transform-shorthand-properties": "^7.23.3",
+        "@babel/plugin-transform-spread": "^7.23.3",
+        "@babel/plugin-transform-sticky-regex": "^7.23.3",
+        "@babel/plugin-transform-template-literals": "^7.23.3",
+        "@babel/plugin-transform-typeof-symbol": "^7.23.3",
+        "@babel/plugin-transform-unicode-escapes": "^7.23.3",
+        "@babel/plugin-transform-unicode-property-regex": "^7.23.3",
+        "@babel/plugin-transform-unicode-regex": "^7.23.3",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.23.3",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "@babel/types": "^7.22.19",
-        "babel-plugin-polyfill-corejs2": "^0.4.5",
-        "babel-plugin-polyfill-corejs3": "^0.8.3",
-        "babel-plugin-polyfill-regenerator": "^0.5.2",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
         "core-js-compat": "^3.31.0",
         "semver": "^6.3.1"
       },
@@ -2741,9 +2303,9 @@
       }
     },
     "node_modules/@babel/preset-env/node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
-      "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz",
+      "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -2754,52 +2316,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/preset-env/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz",
-      "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "semver": "^6.3.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz",
-      "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
     "node_modules/@babel/preset-flow": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.22.5.tgz",
-      "integrity": "sha512-ta2qZ+LSiGCrP5pgcGt8xMnnkXQrq8Sa4Ulhy06BOlF5QbLw9q5hIx7bn5MrsvyTGAfh6kTOo07Q+Pfld/8Y5Q==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.23.3.tgz",
+      "integrity": "sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.5",
-        "@babel/plugin-transform-flow-strip-types": "^7.22.5"
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-flow-strip-types": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2822,17 +2347,17 @@
       }
     },
     "node_modules/@babel/preset-react": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.18.6.tgz",
-      "integrity": "sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.23.3.tgz",
+      "integrity": "sha512-tbkHOS9axH6Ysf2OUEqoSZ6T3Fa2SrNH6WTWSPBboxKzdxNc9qOICeLXkNG0ZEwbQ1HY8liwOce4aN/Ceyuq6w==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/helper-validator-option": "^7.18.6",
-        "@babel/plugin-transform-react-display-name": "^7.18.6",
-        "@babel/plugin-transform-react-jsx": "^7.18.6",
-        "@babel/plugin-transform-react-jsx-development": "^7.18.6",
-        "@babel/plugin-transform-react-pure-annotations": "^7.18.6"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-react-display-name": "^7.23.3",
+        "@babel/plugin-transform-react-jsx": "^7.22.15",
+        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+        "@babel/plugin-transform-react-pure-annotations": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2842,31 +2367,16 @@
       }
     },
     "node_modules/@babel/preset-typescript": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.21.5.tgz",
-      "integrity": "sha512-iqe3sETat5EOrORXiQ6rWfoOg2y68Cs75B9wNxdPW4kixJxh7aXQE1KPdWLDniC24T/6dSnguF33W9j/ZZQcmA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.3.tgz",
+      "integrity": "sha512-17oIGVlqz6CchO9RFYn5U6ZpWRZIngayYCtrPRSgANSwC2V1Jb+iP74nVxzzXJte8b8BYxrL1yY96xfhTBrNNQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.21.5",
-        "@babel/helper-validator-option": "^7.21.0",
-        "@babel/plugin-syntax-jsx": "^7.21.4",
-        "@babel/plugin-transform-modules-commonjs": "^7.21.5",
-        "@babel/plugin-transform-typescript": "^7.21.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-typescript/node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz",
-      "integrity": "sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.20.2"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-syntax-jsx": "^7.23.3",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
+        "@babel/plugin-transform-typescript": "^7.23.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2876,9 +2386,9 @@
       }
     },
     "node_modules/@babel/register": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.22.5.tgz",
-      "integrity": "sha512-vV6pm/4CijSQ8Y47RH5SopXzursN35RQINfGJkmOlcpAtGuf94miFvIPhCKGQN7WGIcsgG1BHEX2KVdTYwTwUQ==",
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.22.15.tgz",
+      "integrity": "sha512-V3Q3EqoQdn65RCgTLwauZaTfd1ShhwPmbBv+1dkZV/HpCGMKVyn6oFcRlI7RaKqiDQjX2Qd3AuoEguBgdjIKlg==",
       "dev": true,
       "dependencies": {
         "clone-deep": "^4.0.1",
@@ -3009,11 +2519,11 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.22.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz",
-      "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
+      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
       "dependencies": {
-        "regenerator-runtime": "^0.13.11"
+        "regenerator-runtime": "^0.14.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -3032,6 +2542,11 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/runtime/node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+    },
     "node_modules/@babel/template": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
@@ -3045,43 +2560,19 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/template/node_modules/@babel/parser": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/template/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/traverse": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.5.tgz",
-      "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==",
-      "dependencies": {
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-environment-visitor": "^7.21.5",
-        "@babel/helper-function-name": "^7.21.0",
-        "@babel/helper-hoist-variables": "^7.18.6",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.21.5",
-        "@babel/types": "^7.21.5",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
+      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.5",
+        "@babel/types": "^7.23.5",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -3111,12 +2602,12 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/@babel/types": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.5.tgz",
-      "integrity": "sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
+      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.21.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -4688,9 +4179,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
-      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
       "cpu": [
         "arm64"
       ],
@@ -5766,6 +5257,44 @@
       "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.10.0.tgz",
       "integrity": "sha512-2I8y+vJVrPfPFJrnRGpao1Qc2Gu7wmYoo5ed2s5zK/DUGgcyY1Yr/xC0YdnKM4pi7rG3HqwW9ehAKUXoTMLdoA=="
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz",
+      "integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/utils": "^0.1.3"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
+      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/core": "^1.4.2",
+        "@floating-ui/utils": "^0.1.3"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz",
+      "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==",
+      "dev": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
+      "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==",
+      "dev": true
+    },
     "node_modules/@formatjs/cli": {
       "version": "6.1.3",
       "resolved": "https://registry.npmjs.org/@formatjs/cli/-/cli-6.1.3.tgz",
@@ -7497,6 +7026,102 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -8282,6 +7907,40 @@
         "tar-fs": "^2.1.1"
       }
     },
+    "node_modules/@ndelangen/get-tarball/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
+    "node_modules/@ndelangen/get-tarball/node_modules/tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dev": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/@ndelangen/get-tarball/node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@next/bundle-analyzer": {
       "version": "13.4.9",
       "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-13.4.9.tgz",
@@ -8651,6 +8310,16 @@
       "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
       "dev": true
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@pkgr/utils": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.3.1.tgz",
@@ -8697,9 +8366,9 @@
       }
     },
     "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
-      "version": "0.5.10",
-      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz",
-      "integrity": "sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==",
+      "version": "0.5.11",
+      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.11.tgz",
+      "integrity": "sha512-7j/6vdTym0+qZ6u4XbSAxrWBGYSdCfTzySkj7WAFgDLmSyWlOrWvpyzxlFh5jtw9dn0oL/jtW+06XfFiisN3JQ==",
       "dev": true,
       "dependencies": {
         "ansi-html-community": "^0.0.8",
@@ -8719,7 +8388,7 @@
         "@types/webpack": "4.x || 5.x",
         "react-refresh": ">=0.10.0 <1.0.0",
         "sockjs-client": "^1.4.0",
-        "type-fest": ">=0.17.0 <4.0.0",
+        "type-fest": ">=0.17.0 <5.0.0",
         "webpack": ">=4.43.0 <6.0.0",
         "webpack-dev-server": "3.x || 4.x",
         "webpack-hot-middleware": "2.x",
@@ -8918,6 +8587,700 @@
       "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
       "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="
     },
+    "node_modules/@radix-ui/number": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz",
+      "integrity": "sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz",
+      "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz",
+      "integrity": "sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
+      "integrity": "sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
+      "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz",
+      "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz",
+      "integrity": "sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz",
+      "integrity": "sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-escape-keydown": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
+      "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.3.tgz",
+      "integrity": "sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz",
+      "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.2.tgz",
+      "integrity": "sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-use-rect": "1.0.1",
+        "@radix-ui/react-use-size": "1.0.1",
+        "@radix-ui/rect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.3.tgz",
+      "integrity": "sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
+      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-slot": "1.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.4.tgz",
+      "integrity": "sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-1.2.2.tgz",
+      "integrity": "sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/number": "1.0.1",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.4",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.3",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.2",
+        "@radix-ui/react-portal": "1.0.3",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-visually-hidden": "1.0.3",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "2.5.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/react-remove-scroll": {
+      "version": "2.5.5",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
+      "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
+      "dev": true,
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.3",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz",
+      "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.0.3.tgz",
+      "integrity": "sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle-group": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.0.4.tgz",
+      "integrity": "sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-toggle": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toolbar": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.0.4.tgz",
+      "integrity": "sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-separator": "1.0.3",
+        "@radix-ui/react-toggle-group": "1.0.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz",
+      "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz",
+      "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz",
+      "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.1.tgz",
+      "integrity": "sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz",
+      "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/rect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
+      "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz",
+      "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz",
+      "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
     "node_modules/@reach/alert": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/@reach/alert/-/alert-0.18.0.tgz",
@@ -9713,174 +10076,88 @@
       }
     },
     "node_modules/@storybook/addon-a11y": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.26.tgz",
-      "integrity": "sha512-OKPzdDiOgoONqNefVRQQrAESKaewloHBupCOpj9lnQfQv1b4pdgMzYbsqbyvBks8BdrK3KEtHDCdlhNtH4tErw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.6.1.tgz",
+      "integrity": "sha512-w6lQbU/+uMc0J2vtHmChE7P9L1kRkCRrr6ZwYhkysvDj4PWF74CrbMGNAtHu6TYm+7rFsuJD8kQGYPge1Bng2Q==",
       "dev": true,
       "dependencies": {
-        "@storybook/addon-highlight": "7.0.26",
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "axe-core": "^4.2.0",
-        "lodash": "^4.17.21",
-        "react-resize-detector": "^7.1.2"
+        "@storybook/addon-highlight": "7.6.1",
+        "axe-core": "^4.2.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-actions": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.26.tgz",
-      "integrity": "sha512-vVoqE0Zw0g1PPnGfho8vRwjpXhQCpRNBQ/2U83/CSodHWL/MBYENG0XMby90TC72M26gNmEh0dn1YCUXvLdiew==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.1.tgz",
+      "integrity": "sha512-KSaIv1LKGyaCJuPuEIwwLtMp/Md8t/jprng3FwYW/lChbsYw40lexiLYRy2LHomsyvXT0acsjLuSmJ8FrynSoA==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
+        "@storybook/core-events": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@types/uuid": "^9.0.1",
         "dequal": "^2.0.2",
-        "lodash": "^4.17.21",
         "polished": "^4.2.2",
-        "prop-types": "^15.7.2",
-        "react-inspector": "^6.0.0",
-        "telejson": "^7.0.3",
-        "ts-dedent": "^2.0.0",
         "uuid": "^9.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-backgrounds": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.0.26.tgz",
-      "integrity": "sha512-sjTkOnSsVBBl1GruVVsNKWEuLCbKjkNun1mzIklfYAiHz9hTZIhe9MA2SGZoDozMUDIXQqSoMDEc3rnDtfqsnQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.1.tgz",
+      "integrity": "sha512-o4PFWTAmc9VjSQA3zT1XOM6WoFBmUxtrH0lFsBeeXHh9mIhnCmmYOGDt09ZVC20QrAfp35qo0UouVIOy5MC6ng==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
         "memoizerific": "^1.11.3",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.0.26.tgz",
-      "integrity": "sha512-mp1WuOYCPvR33orHn0XPABY5roF9Le8HnZwTpvfkrRMeMqLnYLnkCTZqY3JN/IOVlyQuYdqodP5CPDHNDLmvVg==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/blocks": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.1.tgz",
+      "integrity": "sha512-yc9uLEGCjEdMlp12gwPesZOklD2rQfELMI8VZXR0PUa5lhmj4oMkdRAMYltf7Fk5CtMgjdDs7jVn5UnfxwqEWg==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/blocks": "7.6.1",
         "lodash": "^4.17.21",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.0.26.tgz",
-      "integrity": "sha512-C8DOwfmPBWDUS1IJbyJxykgVVHVzSSL+JFh3FwtF0hsqwjlNW4OvGDFbz0oAxyxs4V46xVcvh4E95e3GkW36BQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.1.tgz",
+      "integrity": "sha512-f4d+0R582DUxJvoALgOtPAGnWOQ7aB1OOovMp3YNTv6rO2bMpC9umhjvBaf4RJCM83MLHiGA9CkReHJz6V0sUA==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.20.2",
-        "@babel/plugin-transform-react-jsx": "^7.19.0",
         "@jest/transform": "^29.3.1",
         "@mdx-js/react": "^2.1.5",
-        "@storybook/blocks": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/csf-plugin": "7.0.26",
-        "@storybook/csf-tools": "7.0.26",
+        "@storybook/blocks": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/components": "7.6.1",
+        "@storybook/csf-plugin": "7.6.1",
+        "@storybook/csf-tools": "7.6.1",
         "@storybook/global": "^5.0.0",
         "@storybook/mdx2-csf": "^1.0.0",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/postinstall": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/react-dom-shim": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/postinstall": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/react-dom-shim": "7.6.1",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "fs-extra": "^11.1.0",
         "remark-external-links": "^8.0.0",
         "remark-slug": "^6.0.0",
@@ -9896,9 +10173,9 @@
       }
     },
     "node_modules/@storybook/addon-docs/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -9910,24 +10187,24 @@
       }
     },
     "node_modules/@storybook/addon-essentials": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.0.26.tgz",
-      "integrity": "sha512-r+IOtxbIqlCKO8fDgLppubYm+GEW3ZDxjPwXMQdDGem9ENpz0QLKb49r89+UYqnnaYjuYKjDNUOqy0gX2HfUXQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/addon-actions": "7.0.26",
-        "@storybook/addon-backgrounds": "7.0.26",
-        "@storybook/addon-controls": "7.0.26",
-        "@storybook/addon-docs": "7.0.26",
-        "@storybook/addon-highlight": "7.0.26",
-        "@storybook/addon-measure": "7.0.26",
-        "@storybook/addon-outline": "7.0.26",
-        "@storybook/addon-toolbars": "7.0.26",
-        "@storybook/addon-viewport": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.1.tgz",
+      "integrity": "sha512-MNhA6wd/oYvU2Xd8lCDuyY9vazEPn40/TO2tmT3+8VdxzzP8D7fISjNhy4L3Cg8SvQqrQxeWmh+yETtn48VplA==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/addon-actions": "7.6.1",
+        "@storybook/addon-backgrounds": "7.6.1",
+        "@storybook/addon-controls": "7.6.1",
+        "@storybook/addon-docs": "7.6.1",
+        "@storybook/addon-highlight": "7.6.1",
+        "@storybook/addon-measure": "7.6.1",
+        "@storybook/addon-outline": "7.6.1",
+        "@storybook/addon-toolbars": "7.6.1",
+        "@storybook/addon-viewport": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/manager-api": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -9940,14 +10217,12 @@
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.0.26.tgz",
-      "integrity": "sha512-+I+MoM7yXCA3YR2FwTSxSs6/IBpcc3Ey88WboGthR23ERmsgZOtum1S7KZ6cffNCOq4U0LzPkjKX2bICytFrIQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.1.tgz",
+      "integrity": "sha512-NcaIQA1clfKY8P13PlL7yypASaxNcLQ3+fjYa6ysS1dnXw4dV2ecPpYQD8/+sUXOTVtbSdtlVZIvPlmKrO2c5g==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "7.0.26"
+        "@storybook/global": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -9955,20 +10230,13 @@
       }
     },
     "node_modules/@storybook/addon-links": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.0.26.tgz",
-      "integrity": "sha512-og+8AUAUpHsT+MVjhdQmRNJw9RUkHn5FFoou003b9V4UlPPNDYTo/tNEqOhUXn2l/ESAROJlR/q/8Qjdes24pA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.1.tgz",
+      "integrity": "sha512-0eW50nQcqztfgzqFoDXVJqNFQzx9LvsxuJVTdU7OTqfaFS72E85Yolnppd1tNHhDLsRpOPmUsDb68BWdIYp+sw==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/router": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "prop-types": "^15.7.2",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -9976,25 +10244,21 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "react": {
           "optional": true
-        },
-        "react-dom": {
-          "optional": true
         }
       }
     },
     "node_modules/@storybook/addon-mdx-gfm": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-7.0.26.tgz",
-      "integrity": "sha512-dgqpCLz4mfHb0h8zAMF97Apybb+JLs5cZQvwavp3zuPccqA8Ho8wF5//LsgUdZEYxpaK2sk5ni6xESBjVyVD3A==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-7.6.1.tgz",
+      "integrity": "sha512-Zqdr/UlUHnfULLddgbyRTg+lCTvRYnWyU7P7c1DVyr1zFRLyVCA9gkCjPNHln2kC9LgVGOk9iLZe4qzPZyZEcg==",
       "dev": true,
       "dependencies": {
-        "@storybook/node-logger": "7.0.26",
+        "@storybook/node-logger": "7.6.1",
         "remark-gfm": "^3.0.1",
         "ts-dedent": "^2.0.0"
       },
@@ -10004,192 +10268,73 @@
       }
     },
     "node_modules/@storybook/addon-measure": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.0.26.tgz",
-      "integrity": "sha512-iAnI6q3GB8uSydK+S4m4ANpy0GpMpHhmU0oBtu6OmyyzHUH1RJ7/fGfBnzx6YT+rIOlqSFocxYGn74ylsp33Wg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.1.tgz",
+      "integrity": "sha512-RREJsDnBtLcI7kpay6fXvSjnGOwEHQQ14TyuhtWjbSRmP/H3mGgUUk6Aty/qi0nKuQPoj6RFSM2r/khTYOd0eg==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26"
+        "tiny-invariant": "^1.3.1"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-outline": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.0.26.tgz",
-      "integrity": "sha512-oL7D0IWO0M6hMw5cWEC6JdKXlGadlVIdhIrVN+0gdFxuxCHTGpebQ02DCvyfls29UssEOxPaO1XMdu9tDlctbg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.1.tgz",
+      "integrity": "sha512-SaVqwbpD42iThYL69ypNozgQ2rOE5QaNRiKg4n5OkskFMsFi35/ZyOlufnKRBLgad2TUmVIS4vYerMiSGNOjew==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-toolbars": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.26.tgz",
-      "integrity": "sha512-DrwqcWuCLjaTNFtAYUxO2VaLrr2ibhB3ZQwW7J6a4YFCJaV49wempGPq3BzTWvrPUtMxGp7J3ZusdH9jBgCzjA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.1.tgz",
+      "integrity": "sha512-nOE9q/57tuGed2z4+NGDhKfCii0Xh2SUt4C9O4tajoyVl2vs5MG+YnipbuIzmrmgPjs8oh0Bk+z7PtQGoRi7Xw==",
       "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/addon-viewport": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.0.26.tgz",
-      "integrity": "sha512-veAYxnR11sojXC7tlnBZ/USiafhWCsZNvjxmywl/XCh3MeDGFFDb2NN1s/7irAYXfNMOhgPGZED19BN9cQ8QRQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "memoizerific": "^1.11.3",
-        "prop-types": "^15.7.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/addons": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.0.26.tgz",
-      "integrity": "sha512-zn7vdgXkQ4DpCJaawJsNPnh0NzXVXd2qfVtzYWWKT4eyj43VXxoVX2Z4woAD8h6G57JJg67+7hChRebUmd284A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.0.26.tgz",
-      "integrity": "sha512-czS5iWE3Px3e0sXjgt1T+LDiT6Tl4gXYPmHIaWpKGDCh4W2zrGolOvB0WqDt3IKhDGnXxaJF5jn705OGBQOptw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.1.tgz",
+      "integrity": "sha512-f+CYKLk6ftEzwf7Q48CBiJBaERzGzxBcMlcS1/xPg6n2AGpVl++HvFRpvDR/vuE22YpHVz5B1mwUusoXHemhyw==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/manager-api": "7.0.26"
+        "memoizerific": "^1.11.3"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.0.26.tgz",
-      "integrity": "sha512-VNYB6Y1Ocja8HVg4Bm1w7LvqRSEc9aLVD8BnI8BInHvekvxhaxTkfpA18qds7d8+RmerrJqAUhGx0jkIB/cvwA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.1.tgz",
+      "integrity": "sha512-thK7W/RrhDRkGGwm+Le8E2ffVY3oXtLl7UPR/IT8+waBXgeBzQz6Mjl4KQiV38sloRyz9ZRUiXT96mnrXIkeMQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/docs-tools": "7.0.26",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/components": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/docs-tools": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/manager-api": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/lodash": "^4.14.167",
         "color-convert": "^2.0.1",
         "dequal": "^2.0.2",
@@ -10198,7 +10343,8 @@
         "memoizerific": "^1.11.3",
         "polished": "^4.2.2",
         "react-colorful": "^5.1.2",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
+        "tocbot": "^4.20.1",
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2"
       },
@@ -10230,21 +10376,21 @@
       "dev": true
     },
     "node_modules/@storybook/builder-manager": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.0.26.tgz",
-      "integrity": "sha512-1Uk3dL3Yu5AuimfHAghBHs11wf7B+a+277astqLx7HSeh3L49zcDZS4NhGHKmtQjsEorbvmtty3s16q2k+fM8A==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.1.tgz",
+      "integrity": "sha512-Hxp2y3XR5UgfsWWqVM7R4jb+4DZNe8LBb9ko3PzMRAySY0ED45/lPTK+zEEFhOX4mc1Ftqmj0RAJHmbwr0vQRg==",
       "dev": true,
       "dependencies": {
         "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/manager": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/manager": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
         "@types/ejs": "^3.1.1",
         "@types/find-cache-dir": "^3.2.1",
         "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
         "browser-assert": "^1.2.1",
         "ejs": "^3.1.8",
-        "esbuild": "^0.17.0",
+        "esbuild": "^0.18.0",
         "esbuild-plugin-alias": "^0.2.1",
         "express": "^4.17.3",
         "find-cache-dir": "^3.0.0",
@@ -10258,9 +10404,9 @@
       }
     },
     "node_modules/@storybook/builder-manager/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -10272,73 +10418,78 @@
       }
     },
     "node_modules/@storybook/builder-webpack5": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.0.26.tgz",
-      "integrity": "sha512-LfntlZKm0PB6hrgXd7IlzjuCLzjQezYHt3GQfZRxzu7MAu/bgu7xtr7lMaIJOQd2ckpvEN7xhJ89t2mvdk5y0A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.12.10",
-        "@storybook/addons": "7.0.26",
-        "@storybook/api": "7.0.26",
-        "@storybook/channel-postmessage": "7.0.26",
-        "@storybook/channel-websocket": "7.0.26",
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-api": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/core-webpack": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/router": "7.0.26",
-        "@storybook/store": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@types/node": "^16.0.0",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.6.1.tgz",
+      "integrity": "sha512-0bo8nNU/YhIgrfNBaebd9ruWLKZZmn/C/5ubkYCc8Yo1JxxZIJj3Hm45JCuSWMW2RO9DLnTF5TGpzNyVPtODpA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.23.2",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/core-webpack": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preview": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@swc/core": "^1.3.82",
+        "@types/node": "^18.0.0",
         "@types/semver": "^7.3.4",
         "babel-loader": "^9.0.0",
-        "babel-plugin-named-exports-order": "^0.0.2",
         "browser-assert": "^1.2.1",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",
+        "constants-browserify": "^1.0.0",
         "css-loader": "^6.7.1",
+        "es-module-lexer": "^1.4.1",
         "express": "^4.17.3",
-        "fork-ts-checker-webpack-plugin": "^7.2.8",
+        "fork-ts-checker-webpack-plugin": "^8.0.0",
         "fs-extra": "^11.1.0",
         "html-webpack-plugin": "^5.5.0",
+        "magic-string": "^0.30.5",
         "path-browserify": "^1.0.1",
         "process": "^0.11.10",
         "semver": "^7.3.7",
         "style-loader": "^3.3.1",
+        "swc-loader": "^0.2.3",
         "terser-webpack-plugin": "^5.3.1",
         "ts-dedent": "^2.0.0",
+        "url": "^0.11.0",
         "util": "^0.12.4",
         "util-deprecate": "^1.0.2",
         "webpack": "5",
-        "webpack-dev-middleware": "^5.3.1",
+        "webpack-dev-middleware": "^6.1.1",
         "webpack-hot-middleware": "^2.25.1",
-        "webpack-virtual-modules": "^0.4.3"
+        "webpack-virtual-modules": "^0.5.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
       "peerDependenciesMeta": {
         "typescript": {
           "optional": true
         }
       }
     },
+    "node_modules/@storybook/builder-webpack5/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@storybook/builder-webpack5/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -10349,6 +10500,37 @@
         "node": ">=14.14"
       }
     },
+    "node_modules/@storybook/builder-webpack5/node_modules/magic-string": {
+      "version": "0.30.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/schema-utils": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
+      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
     "node_modules/@storybook/builder-webpack5/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -10364,67 +10546,73 @@
         "node": ">=10"
       }
     },
-    "node_modules/@storybook/channel-postmessage": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-7.0.26.tgz",
-      "integrity": "sha512-ZvFLr/tUD9dWIjQtIn1JXHjqrbOP/uEEOqzwpKSVj0Cl4Vgc12s8hecbzBufkOF7fwLsFvfieSi7ENOmjoncdQ==",
+    "node_modules/@storybook/builder-webpack5/node_modules/webpack-dev-middleware": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.1.tgz",
+      "integrity": "sha512-y51HrHaFeeWir0YO4f0g+9GwZawuigzcAdRNon6jErXy/SqV/+O6eaVAzDqE6t3e3NpGeR5CS+cCDaTC+V3yEQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.0.3"
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.12",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@storybook/channel-websocket": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/channel-websocket/-/channel-websocket-7.0.26.tgz",
-      "integrity": "sha512-c+0VcZf78RGnT/pWrH85yydt0azRKAHZF3SHWKM4+W8qOFr0Mk0+jqhPh1uoUoPDpBZDTKS/nzXY8cwUVwF/eA==",
+    "node_modules/@storybook/channels": {
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.1.tgz",
+      "integrity": "sha512-wQBiY8gLRs6I3V8Cr5xHNx3OImDhzsYGOMM8tUnVKO4HpcxsJ7ipQ8UvIU88MNbk+gx3WCsM4FZBBPF4f1Ar/g==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-events": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "telejson": "^7.0.3"
+        "qs": "^6.10.0",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/channels": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.26.tgz",
-      "integrity": "sha512-Br3XILhrtuL5Sdp91I04kKjJzSqU/N8gGL6B6nIfnuaHUvGMDuMCHAB+g7aoiyH5dnpDZ6yBVGNwtYAyJA+0Og==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/cli": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.0.26.tgz",
-      "integrity": "sha512-sZ136wRUYTdhhm/thegFoI47wOzl2X+K9eaiTTp0ARwnIUhXAPDQ0MKOD36hKbCX5T/pBE7r++7WoEReIbUDqQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.1.tgz",
+      "integrity": "sha512-o0KDj9E5VYVn55/l9j7YwncehlfIHX2CCBCp0opSmsv3ohw9ME9aTdl2q19j4SXV30UQFFbi/4Yn/FBWsShxRg==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.20.2",
-        "@babel/preset-env": "^7.20.2",
+        "@babel/core": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/types": "^7.23.0",
         "@ndelangen/get-tarball": "^3.0.7",
-        "@storybook/codemod": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/core-server": "7.0.26",
-        "@storybook/csf-tools": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/telemetry": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/codemod": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/core-server": "7.6.1",
+        "@storybook/csf-tools": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/telemetry": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/semver": "^7.3.4",
+        "@yarnpkg/fslib": "2.10.3",
+        "@yarnpkg/libzip": "2.3.0",
         "chalk": "^4.1.0",
         "commander": "^6.2.1",
         "cross-spawn": "^7.0.3",
@@ -10438,7 +10626,7 @@
         "get-port": "^5.1.1",
         "giget": "^1.0.0",
         "globby": "^11.0.2",
-        "jscodeshift": "^0.14.0",
+        "jscodeshift": "^0.15.1",
         "leven": "^3.1.0",
         "ora": "^5.4.1",
         "prettier": "^2.8.0",
@@ -10446,8 +10634,7 @@
         "puppeteer-core": "^2.1.1",
         "read-pkg-up": "^7.0.1",
         "semver": "^7.3.7",
-        "shelljs": "^0.8.5",
-        "simple-update-notifier": "^1.0.0",
+        "simple-update-notifier": "^2.0.0",
         "strip-json-comments": "^3.0.1",
         "tempy": "^1.0.1",
         "ts-dedent": "^2.0.0",
@@ -10537,9 +10724,9 @@
       }
     },
     "node_modules/@storybook/cli/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -10610,24 +10797,10 @@
         "node": ">=10"
       }
     },
-    "node_modules/@storybook/client-api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/client-api/-/client-api-7.0.26.tgz",
-      "integrity": "sha512-55Oy5Es8ACABWT01iddUJHt8oT4VnuCvec/FUC4iN7ITiOGjk7YzZB3NftmD6C5+pVQC99buspuwg7IFxmj+Aw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/client-logger": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.26.tgz",
-      "integrity": "sha512-OMVLbgceoeuM8sWOfTX/9a4zCrH78G32hg7x8yXLZnRJ9OLaHJHzUM0Onc4MLudqVUdaKH0c8ejpBXUyIr1rJQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.1.tgz",
+      "integrity": "sha512-klaeDFGK2NAXoRDgp8+55Qn9mdVVNk16POb2/lbXYo8ydZDYaNjjLISO9+dLA65SL8NUEQw1m8YVhzyAQCE5bg==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -10638,21 +10811,22 @@
       }
     },
     "node_modules/@storybook/codemod": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.0.26.tgz",
-      "integrity": "sha512-H9sV59FfGrGzGM+UZQclNglnc4cOkQvvF3EOWlR3BfDhx+STSB9VbCR308ygjUYw2TXZ2s5seCvHtVvA2yhILA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "~7.21.0",
-        "@babel/preset-env": "~7.21.0",
-        "@babel/types": "~7.21.2",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/csf-tools": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/types": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.1.tgz",
+      "integrity": "sha512-V9zzrNVfJZ3y7Y0MIL3PySDmMuxKM207wE+XYectOCTTyz7pObylwpp3UugNRptj2vvinLfCx1SjKVQ6RpYarQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/csf-tools": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/types": "7.6.1",
+        "@types/cross-spawn": "^6.0.2",
         "cross-spawn": "^7.0.3",
         "globby": "^11.0.2",
-        "jscodeshift": "^0.14.0",
+        "jscodeshift": "^0.15.1",
         "lodash": "^4.17.21",
         "prettier": "^2.8.0",
         "recast": "^0.23.1"
@@ -10662,184 +10836,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/codemod/node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-      "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.17.7",
-        "@babel/helper-plugin-utils": "^7.16.7",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2",
-        "semver": "^6.1.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0-0"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
-      "integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-create-class-features-plugin": "^7.21.0",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@babel/preset-env": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.21.5.tgz",
-      "integrity": "sha512-wH00QnTTldTbf/IefEVyChtRdw5RJvODT/Vb4Vcxq1AZvtXj6T0YeX0cAcXhI6/BdGuiP3GcNIL4OQbI2DVNxg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.21.5",
-        "@babel/helper-compilation-targets": "^7.21.5",
-        "@babel/helper-plugin-utils": "^7.21.5",
-        "@babel/helper-validator-option": "^7.21.0",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.18.6",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.20.7",
-        "@babel/plugin-proposal-async-generator-functions": "^7.20.7",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-class-static-block": "^7.21.0",
-        "@babel/plugin-proposal-dynamic-import": "^7.18.6",
-        "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-        "@babel/plugin-proposal-json-strings": "^7.18.6",
-        "@babel/plugin-proposal-logical-assignment-operators": "^7.20.7",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-        "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-        "@babel/plugin-proposal-optional-catch-binding": "^7.18.6",
-        "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-        "@babel/plugin-proposal-private-methods": "^7.18.6",
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.0",
-        "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.20.0",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5",
-        "@babel/plugin-transform-arrow-functions": "^7.21.5",
-        "@babel/plugin-transform-async-to-generator": "^7.20.7",
-        "@babel/plugin-transform-block-scoped-functions": "^7.18.6",
-        "@babel/plugin-transform-block-scoping": "^7.21.0",
-        "@babel/plugin-transform-classes": "^7.21.0",
-        "@babel/plugin-transform-computed-properties": "^7.21.5",
-        "@babel/plugin-transform-destructuring": "^7.21.3",
-        "@babel/plugin-transform-dotall-regex": "^7.18.6",
-        "@babel/plugin-transform-duplicate-keys": "^7.18.9",
-        "@babel/plugin-transform-exponentiation-operator": "^7.18.6",
-        "@babel/plugin-transform-for-of": "^7.21.5",
-        "@babel/plugin-transform-function-name": "^7.18.9",
-        "@babel/plugin-transform-literals": "^7.18.9",
-        "@babel/plugin-transform-member-expression-literals": "^7.18.6",
-        "@babel/plugin-transform-modules-amd": "^7.20.11",
-        "@babel/plugin-transform-modules-commonjs": "^7.21.5",
-        "@babel/plugin-transform-modules-systemjs": "^7.20.11",
-        "@babel/plugin-transform-modules-umd": "^7.18.6",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.20.5",
-        "@babel/plugin-transform-new-target": "^7.18.6",
-        "@babel/plugin-transform-object-super": "^7.18.6",
-        "@babel/plugin-transform-parameters": "^7.21.3",
-        "@babel/plugin-transform-property-literals": "^7.18.6",
-        "@babel/plugin-transform-regenerator": "^7.21.5",
-        "@babel/plugin-transform-reserved-words": "^7.18.6",
-        "@babel/plugin-transform-shorthand-properties": "^7.18.6",
-        "@babel/plugin-transform-spread": "^7.20.7",
-        "@babel/plugin-transform-sticky-regex": "^7.18.6",
-        "@babel/plugin-transform-template-literals": "^7.18.9",
-        "@babel/plugin-transform-typeof-symbol": "^7.18.9",
-        "@babel/plugin-transform-unicode-escapes": "^7.21.5",
-        "@babel/plugin-transform-unicode-regex": "^7.18.6",
-        "@babel/preset-modules": "^0.1.5",
-        "@babel/types": "^7.21.5",
-        "babel-plugin-polyfill-corejs2": "^0.3.3",
-        "babel-plugin-polyfill-corejs3": "^0.6.0",
-        "babel-plugin-polyfill-regenerator": "^0.4.1",
-        "core-js-compat": "^3.25.1",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@babel/preset-modules": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6.tgz",
-      "integrity": "sha512-ID2yj6K/4lKfhuU3+EX4UvNbIt7eACFbHmNUjzA+ep+B5971CknnA/9DEWKbRokfbbtblxxxXFJJrH47UEAMVg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
-        "@babel/plugin-transform-dotall-regex": "^7.4.4",
-        "@babel/types": "^7.4.4",
-        "esutils": "^2.0.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz",
-      "integrity": "sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.3.3",
-        "core-js-compat": "^3.25.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
     "node_modules/@storybook/codemod/node_modules/prettier": {
       "version": "2.8.8",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
@@ -10856,16 +10852,18 @@
       }
     },
     "node_modules/@storybook/components": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.0.26.tgz",
-      "integrity": "sha512-n0TVWEF4Bc9JAyEIaN0PqwglbaYYRcPVG7ka+5wgGmBiuDlWI1SXd4EXxv2u0mVibHvtkHvOn6/GaZ1vG45p6g==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.1.tgz",
+      "integrity": "sha512-jZNGVepmn/iwZ/WSwchZfBo8r4knUpHLwrffMc8FSltmzyKxlEmtZwzlTbBCi48mBc0CqucI1GYtnhzzgX6N8w==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@radix-ui/react-select": "^1.2.2",
+        "@radix-ui/react-toolbar": "^1.0.4",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "memoizerific": "^1.11.3",
         "use-resize-observer": "^9.1.0",
         "util-deprecate": "^1.0.2"
@@ -10880,13 +10878,13 @@
       }
     },
     "node_modules/@storybook/core-client": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.0.26.tgz",
-      "integrity": "sha512-1DA8mLnr0f6EuL74859IDK99a7CGNgMIN0/cAVNgYxq0WA4j+9ajsJ+/RIAgnS2NLVLR9kbezUtBEx4/H88IRA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.1.tgz",
+      "integrity": "sha512-izolLY0QAPREwm3ZCp9PZasa0OBchzxWYFaVekgbX66lhFJvAVfp84L17oi3HyVbQt7xbAlGPoSoP6wcfMecTw==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26"
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/preview-api": "7.6.1"
       },
       "funding": {
         "type": "opencollective",
@@ -10894,24 +10892,26 @@
       }
     },
     "node_modules/@storybook/core-common": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.0.26.tgz",
-      "integrity": "sha512-rojZblzB0egNXX0bZ7R3TuPDiBSIhxpZCrorrDMHOZ8F+zuBxyTiZ0yMxEDn7i46T2n1vX+hUHhwZVxZrLn/ZQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.1.tgz",
+      "integrity": "sha512-6K9UXUxO708T0H29Z2QDrLHU5nFL3VEWuS1vzbC/naJVt/yg+w1jzgknP7IFmmDf2e02tLQS886cE+M23249Tg==",
       "dev": true,
       "dependencies": {
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "@types/node": "^16.0.0",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/types": "7.6.1",
+        "@types/find-cache-dir": "^3.2.1",
+        "@types/node": "^18.0.0",
         "@types/node-fetch": "^2.6.4",
         "@types/pretty-hrtime": "^1.0.0",
         "chalk": "^4.1.0",
-        "esbuild": "^0.17.0",
-        "esbuild-register": "^3.4.0",
+        "esbuild": "^0.18.0",
+        "esbuild-register": "^3.5.0",
         "file-system-cache": "2.3.0",
+        "find-cache-dir": "^3.0.0",
         "find-up": "^5.0.0",
         "fs-extra": "^11.1.0",
-        "glob": "^8.1.0",
-        "glob-promise": "^6.0.2",
+        "glob": "^10.0.0",
         "handlebars": "^4.7.7",
         "lazy-universal-dotenv": "^4.0.0",
         "node-fetch": "^2.0.0",
@@ -10926,6 +10926,15 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/core-common/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@storybook/core-common/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -11000,10 +11009,26 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@storybook/core-common/node_modules/foreground-child": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
+      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@storybook/core-common/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -11015,19 +11040,22 @@
       }
     },
     "node_modules/@storybook/core-common/node_modules/glob": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
-      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
       "dev": true,
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^5.0.1",
-        "once": "^1.3.0"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.5",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+        "path-scurry": "^1.10.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -11049,15 +11077,18 @@
       }
     },
     "node_modules/@storybook/core-common/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/@storybook/core-common/node_modules/p-locate": {
@@ -11087,42 +11118,57 @@
         "node": ">=10"
       }
     },
+    "node_modules/@storybook/core-common/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@storybook/core-events": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.26.tgz",
-      "integrity": "sha512-ckZszphEAYs9wp8tPVhayEMzk8JxCiQfzbq0S45sbdqdTrl40PmsOjv5iPNaUYElI/Stfz+v4gDCEUfOsxyC+w==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.1.tgz",
+      "integrity": "sha512-4B55//oGyvdiKQUCMRHLlA6v7HW69tf4mqjHdPbwETyj9PzFTpo4S8tsYxkba/azCxvqncotPDsMkxycritGbA==",
       "dev": true,
+      "dependencies": {
+        "ts-dedent": "^2.0.0"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       }
     },
     "node_modules/@storybook/core-server": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.0.26.tgz",
-      "integrity": "sha512-QieqH19jBPZafxJVmCVK6GTYkRN/CJ8RQUvyRH2KNhqXP0tHYfL51FlU70ldo/vHX6Ax4Cje5hx/Nln9+DOMNg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.1.tgz",
+      "integrity": "sha512-WqiNpcyS8j+AgrJSqF4FLKvgXKVYpvk0kouNzLHyXmknjfqcGPySKpEP/MYD9tALdAnZhA80M5suuLFSAWlXxw==",
       "dev": true,
       "dependencies": {
-        "@aw-web-design/x-default-browser": "1.4.88",
+        "@aw-web-design/x-default-browser": "1.4.126",
         "@discoveryjs/json-ext": "^0.5.3",
-        "@storybook/builder-manager": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/csf-tools": "7.0.26",
+        "@storybook/builder-manager": "7.6.1",
+        "@storybook/channels": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/csf-tools": "7.6.1",
         "@storybook/docs-mdx": "^0.1.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/telemetry": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/manager": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/telemetry": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/detect-port": "^1.3.0",
-        "@types/node": "^16.0.0",
-        "@types/node-fetch": "^2.5.7",
+        "@types/node": "^18.0.0",
         "@types/pretty-hrtime": "^1.0.0",
         "@types/semver": "^7.3.4",
-        "better-opn": "^2.1.1",
+        "better-opn": "^3.0.2",
         "chalk": "^4.1.0",
         "cli-table3": "^0.6.1",
         "compression": "^1.7.4",
@@ -11132,15 +11178,15 @@
         "globby": "^11.0.2",
         "ip": "^2.0.0",
         "lodash": "^4.17.21",
-        "node-fetch": "^2.6.7",
         "open": "^8.4.0",
         "pretty-hrtime": "^1.0.3",
         "prompts": "^2.4.0",
         "read-pkg-up": "^7.0.1",
         "semver": "^7.3.7",
-        "serve-favicon": "^2.5.0",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0",
+        "util": "^0.12.4",
         "util-deprecate": "^1.0.2",
         "watchpack": "^2.2.0",
         "ws": "^8.2.3"
@@ -11150,6 +11196,15 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/core-server/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@storybook/core-server/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -11200,9 +11255,9 @@
       "dev": true
     },
     "node_modules/@storybook/core-server/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -11229,9 +11284,9 @@
       }
     },
     "node_modules/@storybook/core-server/node_modules/ws": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
-      "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
+      "version": "8.14.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"
@@ -11250,15 +11305,15 @@
       }
     },
     "node_modules/@storybook/core-webpack": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.0.26.tgz",
-      "integrity": "sha512-mIi+D+15sGRh8CWE7mMgvxX8KRfrACcR+AuEDi9rfQBB2PX0Okkrh6GAxPWjjeFFG7DF4RXdkusgC8/seYCTXg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.6.1.tgz",
+      "integrity": "sha512-IPxDICZAu5nAU+MHzmha5uaLirHrLpC6StNc2aeQ75YOk0MwdRj49F7AAqWegBlnvOy0wdfYf5jxQD7N/C//rA==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-common": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "@types/node": "^16.0.0",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/types": "7.6.1",
+        "@types/node": "^18.0.0",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -11266,23 +11321,32 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/core-webpack/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@storybook/csf": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.0.tgz",
-      "integrity": "sha512-uk+jMXCZ8t38jSTHk2o5btI+aV2Ksbvl6DoOv3r6VaCM1KZqeuMwtwywIQdflkA8/6q/dKT8z8L+g8hC4GC3VQ==",
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.2.tgz",
+      "integrity": "sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==",
       "dev": true,
       "dependencies": {
         "type-fest": "^2.19.0"
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.0.26.tgz",
-      "integrity": "sha512-D+wZvKlFxI/Vur8SRvkwKujOdV8ZL6xKiCX/07nFJXhhZoaeM+E78xPCL613Hj15GloujMkAnv7CT2rCiFJYow==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.1.tgz",
+      "integrity": "sha512-wkUNl3nJGoUFyVk7lPFwStCqD4e51jqYFCxCSFifsLHtVKpNZPIR5AmiRTExmx4VL0xlmloTvOE9Mdkc7pWhiw==",
       "dev": true,
       "dependencies": {
-        "@storybook/csf-tools": "7.0.26",
-        "unplugin": "^0.10.2"
+        "@storybook/csf-tools": "7.6.1",
+        "unplugin": "^1.3.1"
       },
       "funding": {
         "type": "opencollective",
@@ -11290,17 +11354,17 @@
       }
     },
     "node_modules/@storybook/csf-tools": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.0.26.tgz",
-      "integrity": "sha512-O8WJNOkvgrGV6gS/5ERkgqiXOxoXMuHtzdJpIM9DHPhzkSxB1Inl3WrX/dRRDNtmiHf87hBUuzhgo7YR7z4tuQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.1.tgz",
+      "integrity": "sha512-+fkVma/Qbm5Lips9jwlN/wZybikYHJNGiAyjT1qjtfis9115XSUKXJtGhnAUtB6sbYtoFBNvBJ9QrFKa1lEZ/A==",
       "dev": true,
       "dependencies": {
-        "@babel/generator": "~7.21.1",
-        "@babel/parser": "~7.21.2",
-        "@babel/traverse": "~7.21.2",
-        "@babel/types": "~7.21.2",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/types": "7.0.26",
+        "@babel/generator": "^7.23.0",
+        "@babel/parser": "^7.23.0",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/types": "7.6.1",
         "fs-extra": "^11.1.0",
         "recast": "^0.23.1",
         "ts-dedent": "^2.0.0"
@@ -11311,9 +11375,9 @@
       }
     },
     "node_modules/@storybook/csf-tools/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -11343,16 +11407,16 @@
       "dev": true
     },
     "node_modules/@storybook/docs-tools": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.0.26.tgz",
-      "integrity": "sha512-Ibpm/OTR2XmJgix5w+wMYbDwN0zp5e/pcqSHy36OvkBOG588IKSSzYdBjGdTLPHWBoehp2Kyndw/5dL/09ftXA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.1.tgz",
+      "integrity": "sha512-F6mbKFWwqzCTM39xnsW5FH/wSxeQTZ/N9j1MM8J+x39QbWbLi2VodSuPjKyS1L7CPcYhc3N1Re/F3lIgpF2piw==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.12.10",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/doctrine": "^0.0.3",
+        "assert": "^2.1.0",
         "doctrine": "^3.0.0",
         "lodash": "^4.17.21"
       },
@@ -11368,9 +11432,9 @@
       "dev": true
     },
     "node_modules/@storybook/manager": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.0.26.tgz",
-      "integrity": "sha512-mxjU/pmHr8xL96HCipqazvZWQkxBPCbpZ2+YsJuJoLFN4m7RoOK21VK0euBW24NlSg7Vp57XGQcrJCv6xUTKMg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.1.tgz",
+      "integrity": "sha512-e2cYvMl01TZj+s++aqlCkeyvZoIFAUaRyG8d6rj2S1mIfzSl41NL2e76cdm5nIdrgkZFv4fMNaWpXyJp1p3wfg==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -11378,34 +11442,30 @@
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.26.tgz",
-      "integrity": "sha512-/2p6lU7r30qMXob/UnzRL9yq7XjoE+YQXv1KhrcePfMBARbelYw9RYhYT/AkXGtb9/Fa95uG3lNvoDLC1IQfMQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.1.tgz",
+      "integrity": "sha512-Fo+sM5ExbZ3UWWVMd5A3+Mee9/YGtLAla3yActaemcWmR2r/THjoFtL4GU2qmUnUvTvSYLYir6s1+90cUyfSvA==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/router": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/router": "7.6.1",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "memoizerific": "^1.11.3",
         "semver": "^7.3.7",
         "store2": "^2.14.2",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/@storybook/manager-api/node_modules/semver": {
@@ -11430,36 +11490,38 @@
       "dev": true
     },
     "node_modules/@storybook/nextjs": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-7.0.26.tgz",
-      "integrity": "sha512-G7A0WGvh4DnESM1S+UIFbi7HgxrOwq2UhdBo8Cd0VyM6qwHomagGPCq3MNHHlmXLiObBezxEqBrbAm2l8klBTQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-7.6.1.tgz",
+      "integrity": "sha512-kizybEUG9YnoVKfAO4uysKHoJPVRaq6CxBN11LRU/I+aOUnQLzNrdlOOkyReAAdkhes/RVekdq/cHkOKkLhyCQ==",
       "dev": true,
       "dependencies": {
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-        "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/core": "^7.23.2",
         "@babel/plugin-syntax-bigint": "^7.8.3",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.20.0",
-        "@babel/plugin-transform-runtime": "^7.21.0",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@babel/runtime": "^7.21.0",
-        "@storybook/addon-actions": "7.0.26",
-        "@storybook/builder-webpack5": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preset-react-webpack": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/react": "7.0.26",
-        "@types/node": "^16.0.0",
+        "@babel/plugin-syntax-import-assertions": "^7.22.5",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
+        "@babel/plugin-transform-numeric-separator": "^7.22.11",
+        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
+        "@babel/plugin-transform-runtime": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/preset-react": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.2",
+        "@babel/runtime": "^7.23.2",
+        "@storybook/addon-actions": "7.6.1",
+        "@storybook/builder-webpack5": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preset-react-webpack": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/react": "7.6.1",
+        "@types/node": "^18.0.0",
         "css-loader": "^6.7.3",
         "find-up": "^5.0.0",
         "fs-extra": "^11.1.0",
         "image-size": "^1.0.0",
-        "loader-utils": "^3.2.0",
+        "loader-utils": "^3.2.1",
         "node-polyfill-webpack-plugin": "^2.0.1",
         "pnp-webpack-plugin": "^1.7.0",
         "postcss": "^8.4.21",
@@ -11467,11 +11529,12 @@
         "resolve-url-loader": "^5.0.0",
         "sass-loader": "^12.4.0",
         "semver": "^7.3.5",
+        "sharp": "^0.32.6",
         "style-loader": "^3.3.1",
         "styled-jsx": "5.1.1",
         "ts-dedent": "^2.0.0",
         "tsconfig-paths": "^4.0.0",
-        "tsconfig-paths-webpack-plugin": "^3.5.2"
+        "tsconfig-paths-webpack-plugin": "^4.0.1"
       },
       "engines": {
         "node": ">=16.0.0"
@@ -11481,23 +11544,16 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "@babel/core": "^7.11.5",
-        "@next/font": "^13.0.0",
-        "next": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",
+        "@next/font": "^13.0.0|| ^14.0.0",
+        "next": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "webpack": "^5.0.0"
       },
       "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
         "@next/font": {
           "optional": true
         },
-        "@storybook/addon-actions": {
-          "optional": true
-        },
         "typescript": {
           "optional": true
         },
@@ -11506,55 +11562,30 @@
         }
       }
     },
-    "node_modules/@storybook/nextjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+    "node_modules/@storybook/nextjs/node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz",
+      "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==",
       "dev": true,
       "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@storybook/nextjs/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+    "node_modules/@storybook/nextjs/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
       "dev": true,
       "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
+        "undici-types": "~5.26.4"
       }
     },
-    "node_modules/@storybook/nextjs/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
     "node_modules/@storybook/nextjs/node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -11585,18 +11616,6 @@
         "node": ">=14.14"
       }
     },
-    "node_modules/@storybook/nextjs/node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
     "node_modules/@storybook/nextjs/node_modules/loader-utils": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
@@ -11740,98 +11759,20 @@
         }
       }
     },
-    "node_modules/@storybook/nextjs/node_modules/tsconfig-paths-webpack-plugin": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-3.5.2.tgz",
-      "integrity": "sha512-EhnfjHbzm5IYI9YPNVIxx1moxMI4bpHD2e0zTXeDNQcwjjRaGepP7IhTHJkyDBG0CAOoxRfe7jCG630Ou+C6Pw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "enhanced-resolve": "^5.7.0",
-        "tsconfig-paths": "^3.9.0"
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/tsconfig-paths-webpack-plugin/node_modules/tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-      "dev": true,
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
     "node_modules/@storybook/node-logger": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.0.26.tgz",
-      "integrity": "sha512-3Jqv3fRb8+Mn/aNl4IztgUAS/pvouVzpfHDc8+6KYAoFMeDXwHVlfF/+gRCpd/fbYaTHGrycIs5G48bC190Dgg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.1.tgz",
+      "integrity": "sha512-aHQUfWJBJBBof4WfNN552I76QZmMwLHeerI+98NE3IphRHlM+OW96crKXKvX7DWaN5otgxdXroZFpEABKhHIwQ==",
       "dev": true,
-      "dependencies": {
-        "@types/npmlog": "^4.1.2",
-        "chalk": "^4.1.0",
-        "npmlog": "^5.0.1",
-        "pretty-hrtime": "^1.0.3"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/node-logger/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@storybook/node-logger/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/@storybook/node-logger/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/@storybook/node-logger/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
     "node_modules/@storybook/postinstall": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.0.26.tgz",
-      "integrity": "sha512-NhJBpQ+49RWF63UkdwrEwBLJBjAZeTlruPWfXGUb343iaGNNTsD3jajbToFHncibewH83yk6MeGfiyUva60oJw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.1.tgz",
+      "integrity": "sha512-XYJPzJ4ZCxTn6r/mTXKCtLUBLo0yPiA4fnCPE+ltyYvhLZ0Hm7o0TP4ew7zvoXKuGJZUH4vuEBCt+AdqrSp6Qw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -11839,25 +11780,26 @@
       }
     },
     "node_modules/@storybook/preset-react-webpack": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.0.26.tgz",
-      "integrity": "sha512-uJTW7of4eF8upoP2W0N5FVi1DG2f6CXkkI5qX4WmYFAmCtShor75EZTcv50QF4GOKJs9NlHDgC2+i6gT24u1rg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/preset-flow": "^7.18.6",
-        "@babel/preset-react": "^7.18.6",
-        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-        "@storybook/core-webpack": "7.0.26",
-        "@storybook/docs-tools": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/react": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.6.1.tgz",
+      "integrity": "sha512-dgLFsdylKF3Bfa00a2aCs7N1LsZU9GH3pmCrERpXUUEMVdS4oPoExRsEjFoTrV9FrToAHWf8TRY8LLEyA/I/zg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/preset-flow": "^7.22.15",
+        "@babel/preset-react": "^7.22.15",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
+        "@storybook/core-webpack": "7.6.1",
+        "@storybook/docs-tools": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/react": "7.6.1",
         "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
-        "@types/node": "^16.0.0",
+        "@types/node": "^18.0.0",
         "@types/semver": "^7.3.4",
         "babel-plugin-add-react-displayname": "^0.0.5",
-        "babel-plugin-react-docgen": "^4.2.1",
         "fs-extra": "^11.1.0",
-        "react-refresh": "^0.11.0",
+        "magic-string": "^0.30.5",
+        "react-docgen": "^7.0.0",
+        "react-refresh": "^0.14.0",
         "semver": "^7.3.7",
         "webpack": "5"
       },
@@ -11869,7 +11811,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "@babel/core": "^7.11.5",
+        "@babel/core": "^7.22.0",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       },
@@ -11882,10 +11824,25 @@
         }
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
+    },
+    "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -11896,6 +11853,18 @@
         "node": ">=14.14"
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/magic-string": {
+      "version": "0.30.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -11912,9 +11881,9 @@
       }
     },
     "node_modules/@storybook/preview": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.0.26.tgz",
-      "integrity": "sha512-9Uaxl/MEMYqjLlKAeAF2ATuaM0yQagXUfu2bEOpuor2ys9XoisDkvB7jfsCVqMZHeQ+mCdYyBICHhgqzxcO2Zg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.1.tgz",
+      "integrity": "sha512-5qC/skcs0gQenTfCNa2LLp7X9++ZuLQwoweNmAtRJ8Gxn9ac6Yd3/pf9xjxAhlLDhb4Ojdrb9owrPAOf9b4woA==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -11922,18 +11891,17 @@
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.0.26.tgz",
-      "integrity": "sha512-uJwA4errBOZOoDF2T7Z2oLqjAYvvjMr31sTsOoT0niJtWr29RQp8yS6VoSrsuh+y3FAVqBEl5pS+DX3IGLjvxw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.1.tgz",
+      "integrity": "sha512-lhuwkDHBZCq3UtQXRkGKTBntINkXPXyAA7fSYWrwfQBr/3NhaCoj859b+71Ax8sYcSFF4+U3S6+o8XE3dz+kwA==",
       "dev": true,
       "dependencies": {
-        "@storybook/channel-postmessage": "7.0.26",
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/types": "7.0.26",
+        "@storybook/types": "7.6.1",
         "@types/qs": "^6.9.5",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
@@ -11949,31 +11917,31 @@
       }
     },
     "node_modules/@storybook/react": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.0.26.tgz",
-      "integrity": "sha512-+YK/1vF2Pd/PX7Ss5yPCIh9hee7iMVbu86gdjV9n9r6G244jQ7HLtdA01JKfq92/UgoysSWUjUECrxrUvcsh5w==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.1.tgz",
+      "integrity": "sha512-zl157OA2ihP7sGDzgiU9lnXJ+iDDnxcEJu0xVCVsAjD1BvAKYB1Otc6aRIRCHLQLP8yoM7ekxzWYl9lGjXunNA==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-client": "7.0.26",
-        "@storybook/docs-tools": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-client": "7.6.1",
+        "@storybook/docs-tools": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/react-dom-shim": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/react-dom-shim": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/escodegen": "^0.0.6",
         "@types/estree": "^0.0.51",
-        "@types/node": "^16.0.0",
+        "@types/node": "^18.0.0",
         "acorn": "^7.4.1",
         "acorn-jsx": "^5.3.1",
         "acorn-walk": "^7.2.0",
-        "escodegen": "^2.0.0",
+        "escodegen": "^2.1.0",
         "html-tags": "^3.1.0",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
         "react-element-to-jsx-string": "^15.0.0",
         "ts-dedent": "^2.0.0",
-        "type-fest": "^2.19.0",
+        "type-fest": "~2.19",
         "util-deprecate": "^1.0.2"
       },
       "engines": {
@@ -11985,7 +11953,8 @@
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "typescript": "*"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -12036,15 +12005,15 @@
       "dev": true
     },
     "node_modules/@storybook/react-docgen-typescript-plugin/node_modules/tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
       "dev": true
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.26.tgz",
-      "integrity": "sha512-heobG4IovYAD9fo7qmUHylCSQjDd1eXDCOaTiy+XVKobHAJgkz1gKqbaFSP6KLkPE4cKyScku2K9mY0tcKIhMw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.1.tgz",
+      "integrity": "sha512-COIVtG33Pfa8o8PR7VlQKjBOD5jG3dUPLuRBwvomy3+fkoS5JZNTnehZrgDDMkevpZr8eb0A+uCfLckicsg/ig==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -12061,6 +12030,15 @@
       "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
       "dev": true
     },
+    "node_modules/@storybook/react/node_modules/@types/node": {
+      "version": "18.18.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+      "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@storybook/react/node_modules/acorn": {
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -12095,52 +12073,33 @@
       }
     },
     "node_modules/@storybook/router": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.26.tgz",
-      "integrity": "sha512-OfLittKxdahsgKsmQFoBX9q5tN/aqKMhhc/WbW88UPAQCUcEuazB0CwM+LI9YXY+n5L+vpLI4lGlgaqvPy4hHw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.1.tgz",
+      "integrity": "sha512-zoIRDhes/4R9jsJ6c48xqmhcGYrSoPBzxEWnIaeSv0rEZFLhkTgruyAG0/rJ0FrCsSwFxVSI6ecYfCPVYMVr7w==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
         "memoizerific": "^1.11.3",
         "qs": "^6.10.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/store": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/store/-/store-7.0.26.tgz",
-      "integrity": "sha512-gJ9LDv8Mos8kPHj7SDEpBxQVL756j+15XUqBeBjgK+/TihnzIFeeX9QaTLo+As8bhgF/P2MVR+v0Qv9Zlm9MgQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       }
     },
     "node_modules/@storybook/telemetry": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.0.26.tgz",
-      "integrity": "sha512-TgvtARAiD+SNyWJJfQdPiWW5JQkbX1UdHKEqEhoJXsGDkEi2Zpb+1tdeP1qZ3Gfbd1K0/LDpXGcqLv6/deSEdg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.1.tgz",
+      "integrity": "sha512-xR2OUqoANSjHReu4RONXNAkoy9WPwZfk3IfajtqgMsYlwXY/yvLZqDkp/eZNhI6gps8IsP7gMx9E1WDqS3ghcA==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-common": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/csf-tools": "7.6.1",
         "chalk": "^4.1.0",
         "detect-package-manager": "^2.0.1",
         "fetch-retry": "^5.0.2",
         "fs-extra": "^11.1.0",
-        "isomorphic-unfetch": "^3.1.0",
-        "nanoid": "^3.3.1",
         "read-pkg-up": "^7.0.1"
       },
       "funding": {
@@ -12198,9 +12157,9 @@
       "dev": true
     },
     "node_modules/@storybook/telemetry/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -12212,13 +12171,13 @@
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.26.tgz",
-      "integrity": "sha512-7hxpT2yq+xZonSsEZHOF+HDHx6GE0qlys3EQ63K9XCJ8VeBnq9M5zHvMK9iXl90093ufxpvWsfDWgtja2zvmTw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.1.tgz",
+      "integrity": "sha512-e6S5jRn90etnvlJKIJ4wlFauFn9tNQ2YJ/Uyo8yUUGrA665yc7zdBZPUwD6oHYXP6znEfXMJ2dbx/hs1I/V7Gw==",
       "dev": true,
       "dependencies": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       },
@@ -12232,12 +12191,12 @@
       }
     },
     "node_modules/@storybook/types": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.26.tgz",
-      "integrity": "sha512-5RBi6agtDglNXdffmw4+Fyv2dUdlIdeOdUj0O5+JRYajTxfHdurZd9r/42z4OstN+ORDkLA/svt8Q9JyRpIb6Q==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.1.tgz",
+      "integrity": "sha512-xwEdMHbms7nnyPugqrxjz62n1CoAZ6I+m6y7Rfk/2C0nsgpS0Go1UXUNmcWNxx2ZYX7bEgSPZtcYZa9buPSY3g==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.26",
+        "@storybook/channels": "7.6.1",
         "@types/babel__core": "^7.0.0",
         "@types/express": "^4.7.0",
         "file-system-cache": "2.3.0"
@@ -12615,6 +12574,193 @@
         "url": "https://github.com/sponsors/gregberge"
       }
     },
+    "node_modules/@swc/core": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.3.99.tgz",
+      "integrity": "sha512-8O996RfuPC4ieb4zbYMfbyCU9k4gSOpyCNnr7qBQ+o7IEmh8JCV6B8wwu+fT/Om/6Lp34KJe1IpJ/24axKS6TQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "@swc/counter": "^0.1.1",
+        "@swc/types": "^0.1.5"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.3.99",
+        "@swc/core-darwin-x64": "1.3.99",
+        "@swc/core-linux-arm64-gnu": "1.3.99",
+        "@swc/core-linux-arm64-musl": "1.3.99",
+        "@swc/core-linux-x64-gnu": "1.3.99",
+        "@swc/core-linux-x64-musl": "1.3.99",
+        "@swc/core-win32-arm64-msvc": "1.3.99",
+        "@swc/core-win32-ia32-msvc": "1.3.99",
+        "@swc/core-win32-x64-msvc": "1.3.99"
+      },
+      "peerDependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.99.tgz",
+      "integrity": "sha512-Qj7Jct68q3ZKeuJrjPx7k8SxzWN6PqLh+VFxzA+KwLDpQDPzOlKRZwkIMzuFjLhITO4RHgSnXoDk/Syz0ZeN+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.99.tgz",
+      "integrity": "sha512-wR7m9QVJjgiBu1PSOHy7s66uJPa45Kf9bZExXUL+JAa9OQxt5y+XVzr+n+F045VXQOwdGWplgPnWjgbUUHEVyw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.99.tgz",
+      "integrity": "sha512-gcGv1l5t0DScEONmw5OhdVmEI/o49HCe9Ik38zzH0NtDkc+PDYaCcXU5rvfZP2qJFaAAr8cua8iJcOunOSLmnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.99.tgz",
+      "integrity": "sha512-XL1/eUsTO8BiKsWq9i3iWh7H99iPO61+9HYiWVKhSavknfj4Plbn+XyajDpxsauln5o8t+BRGitymtnAWJM4UQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.99.tgz",
+      "integrity": "sha512-fGrXYE6DbTfGNIGQmBefYxSk3rp/1lgbD0nVg4rl4mfFRQPi7CgGhrrqSuqZ/ezXInUIgoCyvYGWFSwjLXt/Qg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.99.tgz",
+      "integrity": "sha512-kvgZp/mqf3IJ806gUOL6gN6VU15+DfzM1Zv4Udn8GqgXiUAvbQehrtruid4Snn5pZTLj4PEpSCBbxgxK1jbssA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.99.tgz",
+      "integrity": "sha512-yt8RtZ4W/QgFF+JUemOUQAkVW58cCST7mbfKFZ1v16w3pl3NcWd9OrtppFIXpbjU1rrUX2zp2R7HZZzZ2Zk/aQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.99.tgz",
+      "integrity": "sha512-62p5fWnOJR/rlbmbUIpQEVRconICy5KDScWVuJg1v3GPLBrmacjphyHiJC1mp6dYvvoEWCk/77c/jcQwlXrDXw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.99.tgz",
+      "integrity": "sha512-PdppWhkoS45VGdMBxvClVgF1hVjqamtvYd82Gab1i4IV45OSym2KinoDCKE1b6j3LwBLOn2J9fvChGSgGfDCHQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz",
+      "integrity": "sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==",
+      "dev": true
+    },
     "node_modules/@swc/helpers": {
       "version": "0.4.11",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
@@ -12628,6 +12774,12 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
       "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
     },
+    "node_modules/@swc/types": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
+      "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==",
+      "dev": true
+    },
     "node_modules/@synthetixio/synpress": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/@synthetixio/synpress/-/synpress-3.7.1.tgz",
@@ -13872,6 +14024,15 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/cross-spawn": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/d3": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.0.0.tgz",
@@ -14134,9 +14295,9 @@
       }
     },
     "node_modules/@types/detect-port": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.3.tgz",
-      "integrity": "sha512-bV/jQlAJ/nPY3XqSatkGpu+nGzou+uSwrH1cROhn+jBFg47yaNH+blW4C7p9KhopC7QxCv/6M86s37k8dMk0Yg==",
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.5.tgz",
+      "integrity": "sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==",
       "dev": true
     },
     "node_modules/@types/doctrine": {
@@ -14146,9 +14307,15 @@
       "dev": true
     },
     "node_modules/@types/ejs": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.2.tgz",
-      "integrity": "sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.5.tgz",
+      "integrity": "sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==",
+      "dev": true
+    },
+    "node_modules/@types/emscripten": {
+      "version": "1.39.10",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.10.tgz",
+      "integrity": "sha512-TB/6hBkYQJxsZHSqyeuO1Jt0AB/bW6G7rHt9g7lML7SOF6lbgcHvw/Lr+69iqN0qxgXLhWKScAon73JNnptuDw==",
       "dev": true
     },
     "node_modules/@types/escodegen": {
@@ -14168,9 +14335,9 @@
       }
     },
     "node_modules/@types/eslint-scope": {
-      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
-      "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "dev": true,
       "dependencies": {
         "@types/eslint": "*",
@@ -14239,9 +14406,9 @@
       }
     },
     "node_modules/@types/graceful-fs": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.7.tgz",
-      "integrity": "sha512-MhzcwU8aUygZroVwL2jeYk6JisJrPl/oov/gsgGCue9mkgl9wjGbzReYQClxiUgFDnib9FuHqTndccKeZKxTRw==",
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
@@ -14373,9 +14540,9 @@
       }
     },
     "node_modules/@types/mdx": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.5.tgz",
-      "integrity": "sha512-76CqzuD6Q7LC+AtbPqrvD9AqsN0k8bsYo2bM2J8pmNldP1aIPAbzUQ7QbobyXL4eLr1wK5x8FZFe8eF/ubRuBg==",
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.10.tgz",
+      "integrity": "sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==",
       "dev": true
     },
     "node_modules/@types/mime": {
@@ -14385,9 +14552,9 @@
       "dev": true
     },
     "node_modules/@types/mime-types": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.1.tgz",
-      "integrity": "sha512-vXOTGVSLR2jMw440moWTC7H19iUyLtP3Z1YTj7cSsubOICinjMxFeb/V57v9QdyyPGbbWolUFSSmSiRSn94tFw==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.4.tgz",
+      "integrity": "sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==",
       "dev": true
     },
     "node_modules/@types/minimatch": {
@@ -14412,13 +14579,27 @@
       "integrity": "sha512-KPXltf4z4g517OlVJO9XQ2357CYw7fvuJ3ZuBynjXC5Jos9i+K7LvFb7bUIwtJXSZj0vTp9Q6NJBSQpkwwO8Zw=="
     },
     "node_modules/@types/node-fetch": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.4.tgz",
-      "integrity": "sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==",
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.9.tgz",
+      "integrity": "sha512-bQVlnMLFJ2d35DkPNjEPmd9ueO/rh5EiaZt2bhqiSarPjZIuIV6bPQVqcrEyvNo+AfTrRGVazle1tl597w3gfA==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
-        "form-data": "^3.0.0"
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/@types/node-fetch/node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
       }
     },
     "node_modules/@types/normalize-package-data": {
@@ -14427,12 +14608,6 @@
       "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
-    "node_modules/@types/npmlog": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/@types/npmlog/-/npmlog-4.1.4.tgz",
-      "integrity": "sha512-WKG4gTr8przEZBiJ5r3s8ZIAoMXNbOgQ+j/d5O4X3x6kZJRLNvyUJuUK/KoG3+8BaOHPhp2m7WC6JKKeovDSzQ==",
-      "dev": true
-    },
     "node_modules/@types/nprogress": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.0.tgz",
@@ -14467,9 +14642,9 @@
       "dev": true
     },
     "node_modules/@types/pretty-hrtime": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.1.tgz",
-      "integrity": "sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
+      "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==",
       "dev": true
     },
     "node_modules/@types/prop-types": {
@@ -14588,6 +14763,12 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/resolve": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz",
+      "integrity": "sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==",
+      "dev": true
+    },
     "node_modules/@types/retry": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
@@ -14833,6 +15014,12 @@
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz",
       "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ=="
     },
+    "node_modules/@types/uuid": {
+      "version": "9.0.7",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.7.tgz",
+      "integrity": "sha512-WUtIVRUZ9i5dYXefDEAI7sh9/O7jGvHg7Df/5O/gtH3Yabe5odI3UWopVR1qbPXQtvOxWu3mM4XxlYeZtMWF4g==",
+      "dev": true
+    },
     "node_modules/@types/validator": {
       "version": "13.7.17",
       "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.7.17.tgz",
@@ -14888,9 +15075,9 @@
       }
     },
     "node_modules/@types/yargs": {
-      "version": "17.0.24",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
-      "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
+      "version": "17.0.32",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
+      "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==",
       "dev": true,
       "dependencies": {
         "@types/yargs-parser": "*"
@@ -15391,136 +15578,6 @@
         "vite": "^4.2.0"
       }
     },
-    "node_modules/@vitejs/plugin-react/node_modules/@babel/core": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.0.tgz",
-      "integrity": "sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==",
-      "dev": true,
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helpers": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/@babel/generator": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.23.0",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/@babel/parser": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
-      "dev": true,
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/@babel/traverse": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-      "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "debug": "^4.1.0",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
-    "node_modules/@vitejs/plugin-react/node_modules/react-refresh": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
-      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/@vitest/coverage-v8": {
       "version": "0.34.6",
       "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-0.34.6.tgz",
@@ -16615,11 +16672,37 @@
       }
     },
     "node_modules/@yarnpkg/esbuild-plugin-pnp/node_modules/tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
       "dev": true
     },
+    "node_modules/@yarnpkg/fslib": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/fslib/-/fslib-2.10.3.tgz",
+      "integrity": "sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==",
+      "dev": true,
+      "dependencies": {
+        "@yarnpkg/libzip": "^2.3.0",
+        "tslib": "^1.13.0"
+      },
+      "engines": {
+        "node": ">=12 <14 || 14.2 - 14.9 || >14.10.0"
+      }
+    },
+    "node_modules/@yarnpkg/libzip": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/libzip/-/libzip-2.3.0.tgz",
+      "integrity": "sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==",
+      "dev": true,
+      "dependencies": {
+        "@types/emscripten": "^1.39.6",
+        "tslib": "^1.13.0"
+      },
+      "engines": {
+        "node": ">=12 <14 || 14.2 - 14.9 || >14.10.0"
+      }
+    },
     "node_modules/@zxing/text-encoding": {
       "version": "0.9.0",
       "resolved": "https://registry.npmmirror.com/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
@@ -16671,9 +16754,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -17110,12 +17193,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/aproba": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
-      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
-      "dev": true
-    },
     "node_modules/arch": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
@@ -17163,19 +17240,6 @@
       "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
       "dev": true
     },
-    "node_modules/are-we-there-yet": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
-      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
-      "dev": true,
-      "dependencies": {
-        "delegates": "^1.0.0",
-        "readable-stream": "^3.6.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/arg": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
@@ -17191,6 +17255,24 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "node_modules/aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-hidden/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
     "node_modules/aria-query": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
@@ -17389,15 +17471,16 @@
       "dev": true
     },
     "node_modules/assert": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/assert/-/assert-2.0.0.tgz",
-      "integrity": "sha512-se5Cd+js9dXJnu6Ag2JFc00t+HmHOen+8Q+L7O9zI0PqQXr20uk2J0XQqMxZEeo5U50o8Nvmmx7dZrl+Ufr35A==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
       "dev": true,
       "dependencies": {
-        "es6-object-assign": "^1.1.0",
-        "is-nan": "^1.2.1",
-        "object-is": "^1.0.1",
-        "util": "^0.12.0"
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
       }
     },
     "node_modules/assert-plus": {
@@ -17436,9 +17519,9 @@
       "dev": true
     },
     "node_modules/ast-types/node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
       "dev": true
     },
     "node_modules/astral-regex": {
@@ -17584,6 +17667,12 @@
       "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==",
       "dev": true
     },
+    "node_modules/b4a": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
+      "integrity": "sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==",
+      "dev": true
+    },
     "node_modules/babel-core": {
       "version": "7.0.0-bridge.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
@@ -17785,159 +17874,42 @@
         "node": ">=8"
       }
     },
-    "node_modules/babel-plugin-named-exports-order": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/babel-plugin-named-exports-order/-/babel-plugin-named-exports-order-0.0.2.tgz",
-      "integrity": "sha512-OgOYHOLoRK+/mvXU9imKHlG6GkPLYrUCvFXG/CM93R/aNNO8pOOF4aS+S8CCHMDQoNSeiOYEZb/G6RwL95Jktw==",
-      "dev": true
-    },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz",
-      "integrity": "sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.17.7",
-        "@babel/helper-define-polyfill-provider": "^0.3.3",
-        "semver": "^6.1.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs2/node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-      "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-      "dev": true,
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
+      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.17.7",
-        "@babel/helper-plugin-utils": "^7.16.7",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2",
-        "semver": "^6.1.2"
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "semver": "^6.3.1"
       },
       "peerDependencies": {
-        "@babel/core": "^7.4.0-0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs2/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/babel-plugin-polyfill-corejs2/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.4.tgz",
-      "integrity": "sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==",
+      "version": "0.8.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
+      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.1.tgz",
-      "integrity": "sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.3.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-regenerator/node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-      "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-      "dev": true,
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
+      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.17.7",
-        "@babel/helper-plugin-utils": "^7.16.7",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2",
-        "semver": "^6.1.2"
+        "@babel/helper-define-polyfill-provider": "^0.4.3"
       },
       "peerDependencies": {
-        "@babel/core": "^7.4.0-0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-regenerator/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/babel-plugin-polyfill-regenerator/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
-    "node_modules/babel-plugin-react-docgen": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-react-docgen/-/babel-plugin-react-docgen-4.2.1.tgz",
-      "integrity": "sha512-UQ0NmGHj/HAqi5Bew8WvNfCk8wSsmdgNd8ZdMjBCICtyCJCq9LiqgqvjCYe570/Wg7AQArSq1VQ60Dd/CHN7mQ==",
-      "dev": true,
-      "dependencies": {
-        "ast-types": "^0.14.2",
-        "lodash": "^4.17.15",
-        "react-docgen": "^5.0.0"
-      }
-    },
-    "node_modules/babel-plugin-react-docgen/node_modules/ast-types": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.14.2.tgz",
-      "integrity": "sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=4"
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/babel-plugin-react-docgen/node_modules/tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-      "dev": true
-    },
     "node_modules/babel-plugin-react-generate-property": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/babel-plugin-react-generate-property/-/babel-plugin-react-generate-property-1.1.2.tgz",
@@ -18153,37 +18125,21 @@
       }
     },
     "node_modules/better-opn": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-2.1.1.tgz",
-      "integrity": "sha512-kIPXZS5qwyKiX/HcRvDYfmBQUa8XP17I0mYZZ0y4UhpYOSvtsLHDYqmomS+Mj20aDvD3knEiQ0ecQy2nhio3yA==",
-      "dev": true,
-      "dependencies": {
-        "open": "^7.0.3"
-      },
-      "engines": {
-        "node": ">8.0.0"
-      }
-    },
-    "node_modules/better-opn/node_modules/open": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
-      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
+      "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
       "dev": true,
       "dependencies": {
-        "is-docker": "^2.0.0",
-        "is-wsl": "^2.1.1"
+        "open": "^8.0.4"
       },
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=12.0.0"
       }
     },
     "node_modules/big-integer": {
-      "version": "1.6.51",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz",
-      "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==",
+      "version": "1.6.52",
+      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
+      "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
       "dev": true,
       "engines": {
         "node": ">=0.6"
@@ -18639,93 +18595,6 @@
         "bytes32": "bin.js"
       }
     },
-    "node_modules/c8": {
-      "version": "7.14.0",
-      "resolved": "https://registry.npmjs.org/c8/-/c8-7.14.0.tgz",
-      "integrity": "sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==",
-      "dev": true,
-      "dependencies": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@istanbuljs/schema": "^0.1.3",
-        "find-up": "^5.0.0",
-        "foreground-child": "^2.0.0",
-        "istanbul-lib-coverage": "^3.2.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-reports": "^3.1.4",
-        "rimraf": "^3.0.2",
-        "test-exclude": "^6.0.0",
-        "v8-to-istanbul": "^9.0.0",
-        "yargs": "^16.2.0",
-        "yargs-parser": "^20.2.9"
-      },
-      "bin": {
-        "c8": "bin/c8.js"
-      },
-      "engines": {
-        "node": ">=10.12.0"
-      }
-    },
-    "node_modules/c8/node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/c8/node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/c8/node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/c8/node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/cac": {
       "version": "6.7.14",
       "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -19444,15 +19313,6 @@
         "color-name": "^1.0.0"
       }
     },
-    "node_modules/color-support": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
-      "dev": true,
-      "bin": {
-        "color-support": "bin.js"
-      }
-    },
     "node_modules/color/node_modules/clone": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
@@ -19687,12 +19547,6 @@
       "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
       "dev": true
     },
-    "node_modules/console-control-strings": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
-      "dev": true
-    },
     "node_modules/consolidated-events": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/consolidated-events/-/consolidated-events-2.0.2.tgz",
@@ -19769,6 +19623,7 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
       "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
+      "dev": true,
       "dependencies": {
         "safe-buffer": "~5.1.1"
       }
@@ -19805,11 +19660,11 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.32.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.2.tgz",
-      "integrity": "sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==",
+      "version": "3.33.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
+      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
       "dependencies": {
-        "browserslist": "^4.21.10"
+        "browserslist": "^4.22.1"
       },
       "funding": {
         "type": "opencollective",
@@ -20073,15 +19928,15 @@
       }
     },
     "node_modules/css-loader": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.3.tgz",
-      "integrity": "sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==",
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz",
+      "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==",
       "dev": true,
       "dependencies": {
         "icss-utils": "^5.1.0",
-        "postcss": "^8.4.19",
+        "postcss": "^8.4.21",
         "postcss-modules-extract-imports": "^3.0.0",
-        "postcss-modules-local-by-default": "^4.0.0",
+        "postcss-modules-local-by-default": "^4.0.3",
         "postcss-modules-scope": "^3.0.0",
         "postcss-modules-values": "^4.0.0",
         "postcss-value-parser": "^4.2.0",
@@ -20099,9 +19954,9 @@
       }
     },
     "node_modules/css-loader/node_modules/postcss": {
-      "version": "8.4.23",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
-      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "dev": true,
       "funding": [
         {
@@ -21329,6 +21184,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -21441,9 +21305,9 @@
       }
     },
     "node_modules/defu": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
-      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.3.tgz",
+      "integrity": "sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==",
       "dev": true
     },
     "node_modules/del": {
@@ -21513,12 +21377,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/delegates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
-      "dev": true
-    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -21586,6 +21444,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
+      "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-node": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
@@ -22063,6 +21930,12 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
     "node_modules/ecc-jsbn": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
@@ -22228,9 +22101,9 @@
       }
     },
     "node_modules/envinfo": {
-      "version": "7.10.0",
-      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
-      "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==",
+      "version": "7.11.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.11.0.tgz",
+      "integrity": "sha512-G9/6xF1FPbIw0TtalAMaVPpiq2aDEuKLXM314jPVAO9r2fo2a4BLqMNkmRS7O/xPPZ+COAhGIz3ETvHEV3eUcg==",
       "dev": true,
       "bin": {
         "envinfo": "dist/cli.js"
@@ -22337,9 +22210,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz",
-      "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
+      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
       "dev": true
     },
     "node_modules/es-set-tostringtag": {
@@ -22386,12 +22259,6 @@
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
       "dev": true
     },
-    "node_modules/es6-object-assign": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/es6-object-assign/-/es6-object-assign-1.1.0.tgz",
-      "integrity": "sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==",
-      "dev": true
-    },
     "node_modules/es6-promise": {
       "version": "4.2.8",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
@@ -22406,9 +22273,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
-      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -22418,28 +22285,28 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/android-arm": "0.17.19",
-        "@esbuild/android-arm64": "0.17.19",
-        "@esbuild/android-x64": "0.17.19",
-        "@esbuild/darwin-arm64": "0.17.19",
-        "@esbuild/darwin-x64": "0.17.19",
-        "@esbuild/freebsd-arm64": "0.17.19",
-        "@esbuild/freebsd-x64": "0.17.19",
-        "@esbuild/linux-arm": "0.17.19",
-        "@esbuild/linux-arm64": "0.17.19",
-        "@esbuild/linux-ia32": "0.17.19",
-        "@esbuild/linux-loong64": "0.17.19",
-        "@esbuild/linux-mips64el": "0.17.19",
-        "@esbuild/linux-ppc64": "0.17.19",
-        "@esbuild/linux-riscv64": "0.17.19",
-        "@esbuild/linux-s390x": "0.17.19",
-        "@esbuild/linux-x64": "0.17.19",
-        "@esbuild/netbsd-x64": "0.17.19",
-        "@esbuild/openbsd-x64": "0.17.19",
-        "@esbuild/sunos-x64": "0.17.19",
-        "@esbuild/win32-arm64": "0.17.19",
-        "@esbuild/win32-ia32": "0.17.19",
-        "@esbuild/win32-x64": "0.17.19"
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
       }
     },
     "node_modules/esbuild-plugin-alias": {
@@ -22449,9 +22316,9 @@
       "dev": true
     },
     "node_modules/esbuild-register": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.4.2.tgz",
-      "integrity": "sha512-kG/XyTDyz6+YDuyfB9ZoSIOOmgyFCH+xPRtsCa8W85HLRV5Csp+o3jWVbOSHgSLfyLc5DmP+KFDNwty4mEjC+Q==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.5.0.tgz",
+      "integrity": "sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==",
       "dev": true,
       "dependencies": {
         "debug": "^4.3.4"
@@ -22483,342 +22350,6 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
-    "node_modules/esbuild/node_modules/@esbuild/android-arm": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
-      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/android-arm64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
-      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/android-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
-      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/darwin-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
-      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
-      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
-      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-arm": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
-      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-arm64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
-      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-ia32": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
-      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-loong64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
-      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
-      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
-      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
-      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-s390x": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
-      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/linux-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
-      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
-      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
-      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/sunos-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
-      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/win32-arm64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
-      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/win32-ia32": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
-      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild/node_modules/@esbuild/win32-x64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
-      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -23430,9 +22961,9 @@
       }
     },
     "node_modules/eslint-plugin-storybook": {
-      "version": "0.6.12",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.12.tgz",
-      "integrity": "sha512-XbIvrq6hNVG6rpdBr+eBw63QhOMLpZneQVSooEDow8aQCWGCk/5vqtap1yxpVydNfSxi3S/3mBBRLQqKUqQRww==",
+      "version": "0.6.15",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.15.tgz",
+      "integrity": "sha512-lAGqVAJGob47Griu29KXYowI4G7KwMoJDOkEip8ujikuDLxU+oWJ1l0WL6F2oDO4QiyUFXvtDkEkISMOPzo+7w==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "^0.0.1",
@@ -23821,20 +23352,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/estree-to-babel": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/estree-to-babel/-/estree-to-babel-3.2.1.tgz",
-      "integrity": "sha512-YNF+mZ/Wu2FU/gvmzuWtYc8rloubL7wfXCTgouFrnjGVXPA/EeYYA7pupXWrb3Iv1cTBeSSxxJIbK23l4MRNqg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/traverse": "^7.1.6",
-        "@babel/types": "^7.2.0",
-        "c8": "^7.6.0"
-      },
-      "engines": {
-        "node": ">=8.3.0"
-      }
-    },
     "node_modules/estree-walker": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
@@ -24039,6 +23556,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/expand-tilde": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
@@ -24216,6 +23742,12 @@
       "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==",
       "dev": true
     },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true
+    },
     "node_modules/fast-glob": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.0.tgz",
@@ -24740,9 +24272,9 @@
       "dev": true
     },
     "node_modules/flow-parser": {
-      "version": "0.211.1",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.211.1.tgz",
-      "integrity": "sha512-TjUjPTe22yM1DYKDqsmnUblJ0Vs5WJWP3FeaXU8L1gGKGrAQBdxRvs0CRj6NXYF8gugej4JyRWGBbaiVunC9uw==",
+      "version": "0.223.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.223.0.tgz",
+      "integrity": "sha512-POG49J/UuvwI43iP7XzW1EBQzJtkAVT1/HUwbMVtEhNK+AvymSQwBRX6khUhgzbFgfyrWgVYHhheqe1xTruBLg==",
       "dev": true,
       "engines": {
         "node": ">=0.4.0"
@@ -24814,9 +24346,9 @@
       }
     },
     "node_modules/fork-ts-checker-webpack-plugin": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-7.3.0.tgz",
-      "integrity": "sha512-IN+XTzusCjR5VgntYFgxbxVx3WraPRnKehBFrf00cMSrtUuW9MsG9dhL6MWpY6MkjC3wVwoujfCDgZZCQwbswA==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz",
+      "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==",
       "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.16.7",
@@ -24838,13 +24370,7 @@
       },
       "peerDependencies": {
         "typescript": ">3.6.0",
-        "vue-template-compiler": "*",
         "webpack": "^5.11.0"
-      },
-      "peerDependenciesMeta": {
-        "vue-template-compiler": {
-          "optional": true
-        }
       }
     },
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv": {
@@ -25187,9 +24713,9 @@
       }
     },
     "node_modules/fs-monkey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
-      "integrity": "sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.5.tgz",
+      "integrity": "sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==",
       "dev": true
     },
     "node_modules/fs.realpath": {
@@ -25240,26 +24766,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/gauge": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
-      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
-      "dev": true,
-      "dependencies": {
-        "aproba": "^1.0.3 || ^2.0.0",
-        "color-support": "^1.1.2",
-        "console-control-strings": "^1.0.0",
-        "has-unicode": "^2.0.1",
-        "object-assign": "^4.1.1",
-        "signal-exit": "^3.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1",
-        "wide-align": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -25308,9 +24814,9 @@
       }
     },
     "node_modules/get-npm-tarball-url": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.0.3.tgz",
-      "integrity": "sha512-R/PW6RqyaBQNWYaSyfrh54/qtcnOp22FHCCiRhSSZj0FP3KQWCsxxt0DzIdVTbwTqe9CtQfvl/FPD4UIPt4pqw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz",
+      "integrity": "sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==",
       "dev": true,
       "engines": {
         "node": ">=12.17"
@@ -25527,23 +25033,77 @@
       }
     },
     "node_modules/giget": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz",
-      "integrity": "sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.3.tgz",
+      "integrity": "sha512-zHuCeqtfgqgDwvXlR84UNgnJDuUHQcNI5OqWqFxxuk2BshuKbYhJWdxBsEo4PvKqoGh23lUAIvBNpChMLv7/9Q==",
       "dev": true,
       "dependencies": {
-        "colorette": "^2.0.19",
+        "colorette": "^2.0.20",
         "defu": "^6.1.2",
-        "https-proxy-agent": "^5.0.1",
+        "https-proxy-agent": "^7.0.2",
         "mri": "^1.2.0",
-        "node-fetch-native": "^1.0.2",
-        "pathe": "^1.1.0",
-        "tar": "^6.1.13"
+        "node-fetch-native": "^1.4.0",
+        "pathe": "^1.1.1",
+        "tar": "^6.2.0"
       },
       "bin": {
         "giget": "dist/cli.mjs"
       }
     },
+    "node_modules/giget/node_modules/agent-base": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
+      "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/giget/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/giget/node_modules/https-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/giget/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
+      "dev": true
+    },
     "node_modules/github-slugger": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
@@ -25580,35 +25140,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/glob-promise": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-6.0.2.tgz",
-      "integrity": "sha512-Ni2aDyD1ekD6x8/+K4hDriRDbzzfuK4yKpqSymJ4P7IxbtARiOOuU+k40kbHM0sLIlbf1Qh0qdMkAHMZYE6XJQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/glob": "^8.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/ahmadnassri"
-      },
-      "peerDependencies": {
-        "glob": "^8.0.3"
-      }
-    },
-    "node_modules/glob-promise/node_modules/@types/glob": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-8.1.0.tgz",
-      "integrity": "sha512-IO+MJPVhoqz+28h1qLAcBEH2+xHMK6MTyHJc7MTnnYb6wsoLR29POVGJ7LycmVXIqyy/4/2ShP5sUwTXuOwb/w==",
-      "dev": true,
-      "dependencies": {
-        "@types/minimatch": "^5.1.2",
-        "@types/node": "*"
-      }
-    },
     "node_modules/glob-to-regexp": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
@@ -26010,13 +25541,13 @@
       "dev": true
     },
     "node_modules/handlebars": {
-      "version": "4.7.7",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.7.tgz",
-      "integrity": "sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==",
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
       "dev": true,
       "dependencies": {
         "minimist": "^1.2.5",
-        "neo-async": "^2.6.0",
+        "neo-async": "^2.6.2",
         "source-map": "^0.6.1",
         "wordwrap": "^1.0.0"
       },
@@ -26180,12 +25711,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/has-unicode": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
-      "dev": true
-    },
     "node_modules/hash-base": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
@@ -27689,15 +27214,6 @@
       "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
       "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw=="
     },
-    "node_modules/interpret": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
-      "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/intl-messageformat": {
       "version": "10.5.0",
       "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.0.tgz",
@@ -27826,6 +27342,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "dev": true
+    },
     "node_modules/is-bigint": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -28743,6 +28265,24 @@
       "resolved": "https://registry.npmjs.org/iterall/-/iterall-1.3.0.tgz",
       "integrity": "sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg=="
     },
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/jake": {
       "version": "10.8.5",
       "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.5.tgz",
@@ -29067,20 +28607,21 @@
       "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
     },
     "node_modules/jscodeshift": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.14.0.tgz",
-      "integrity": "sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.13.16",
-        "@babel/parser": "^7.13.16",
-        "@babel/plugin-proposal-class-properties": "^7.13.0",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
-        "@babel/plugin-proposal-optional-chaining": "^7.13.12",
-        "@babel/plugin-transform-modules-commonjs": "^7.13.8",
-        "@babel/preset-flow": "^7.13.13",
-        "@babel/preset-typescript": "^7.13.0",
-        "@babel/register": "^7.13.16",
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.1.tgz",
+      "integrity": "sha512-hIJfxUy8Rt4HkJn/zZPU9ChKfKZM1342waJ1QC2e2YsPcWhM+3BJ4dcfQCzArTrk1jJeNLB341H+qOcEHRxJZg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.23.0",
+        "@babel/parser": "^7.23.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.23.0",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/preset-flow": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.0",
+        "@babel/register": "^7.22.15",
         "babel-core": "^7.0.0-bridge.0",
         "chalk": "^4.1.2",
         "flow-parser": "0.*",
@@ -29088,7 +28629,7 @@
         "micromatch": "^4.0.4",
         "neo-async": "^2.5.0",
         "node-dir": "^0.1.17",
-        "recast": "^0.21.0",
+        "recast": "^0.23.3",
         "temp": "^0.8.4",
         "write-file-atomic": "^2.3.0"
       },
@@ -29097,6 +28638,11 @@
       },
       "peerDependencies": {
         "@babel/preset-env": "^7.1.6"
+      },
+      "peerDependenciesMeta": {
+        "@babel/preset-env": {
+          "optional": true
+        }
       }
     },
     "node_modules/jscodeshift/node_modules/ansi-styles": {
@@ -29114,18 +28660,6 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/jscodeshift/node_modules/ast-types": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.15.2.tgz",
-      "integrity": "sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/jscodeshift/node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -29160,27 +28694,6 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
-    "node_modules/jscodeshift/node_modules/recast": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/recast/-/recast-0.21.5.tgz",
-      "integrity": "sha512-hjMmLaUXAm1hIuTqOdeYObMslq/q+Xff6QE3Y2P+uoHAg2nmVlLBps2hzh1UJDdMtDTMXOFewK6ky51JQIeECg==",
-      "dev": true,
-      "dependencies": {
-        "ast-types": "0.15.2",
-        "esprima": "~4.0.0",
-        "source-map": "~0.6.1",
-        "tslib": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/jscodeshift/node_modules/tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-      "dev": true
-    },
     "node_modules/jscodeshift/node_modules/write-file-atomic": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
@@ -29878,7 +29391,7 @@
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
     "node_modules/lodash.flattendeep": {
       "version": "4.4.0",
@@ -30311,9 +29824,9 @@
       }
     },
     "node_modules/markdown-to-jsx": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.2.1.tgz",
-      "integrity": "sha512-9HrdzBAo0+sFz9ZYAGT5fB8ilzTW+q6lPocRxrIesMO+aB40V9MgFfbfMXxlGjf22OpRy+IXlvVaQenicdpgbg==",
+      "version": "7.3.2",
+      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz",
+      "integrity": "sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==",
       "dev": true,
       "engines": {
         "node": ">= 10"
@@ -30708,12 +30221,12 @@
       }
     },
     "node_modules/memfs": {
-      "version": "3.4.7",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.7.tgz",
-      "integrity": "sha512-ygaiUSNalBX85388uskeCyhSAoOSgzBbtVCr9jA2RROssFL9Q19/ZXFqS+2Th2sr1ewNIWgFdLzLC3Yl1Zv+lw==",
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
+      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
       "dev": true,
       "dependencies": {
-        "fs-monkey": "^1.0.3"
+        "fs-monkey": "^1.0.4"
       },
       "engines": {
         "node": ">= 4.0.0"
@@ -31664,6 +31177,12 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/napi-build-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
+      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==",
+      "dev": true
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -32140,6 +31659,33 @@
       "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A==",
       "dev": true
     },
+    "node_modules/node-abi": {
+      "version": "3.51.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
+      "integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-abi/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/node-abort-controller": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz",
@@ -32210,9 +31756,9 @@
       }
     },
     "node_modules/node-fetch-native": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.2.0.tgz",
-      "integrity": "sha512-5IAMBTl9p6PaAjYCnMv5FmqIF6GcZnawAVnzaCG0rX2aYZJ4CxEkZNtVPuTRug7fL7wyM5BQYTlAzcyMPi6oTQ==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.4.1.tgz",
+      "integrity": "sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==",
       "dev": true
     },
     "node_modules/node-forge": {
@@ -32449,18 +31995,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/npmlog": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
-      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
-      "dev": true,
-      "dependencies": {
-        "are-we-there-yet": "^2.0.0",
-        "console-control-strings": "^1.1.0",
-        "gauge": "^3.0.0",
-        "set-blocking": "^2.0.0"
-      }
-    },
     "node_modules/nprogress": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
@@ -33441,6 +32975,31 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/path-scurry": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
+      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^9.1.1 || ^10.0.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
+      "dev": true,
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
     "node_modules/path-to-regexp": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz",
@@ -34323,9 +33882,9 @@
       }
     },
     "node_modules/postcss-modules-local-by-default": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz",
-      "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
       "dev": true,
       "dependencies": {
         "icss-utils": "^5.0.0",
@@ -34684,6 +34243,66 @@
         "url": "https://opencollective.com/preact"
       }
     },
+    "node_modules/prebuild-install": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz",
+      "integrity": "sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==",
+      "dev": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^1.0.1",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "bin": {
+        "prebuild-install": "bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prebuild-install/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
+    "node_modules/prebuild-install/node_modules/tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dev": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/prebuild-install/node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -35490,6 +35109,12 @@
         }
       ]
     },
+    "node_modules/queue-tick": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
+      "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==",
+      "dev": true
+    },
     "node_modules/quick-format-unescaped": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
@@ -35578,6 +35203,30 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
@@ -35642,27 +35291,24 @@
       }
     },
     "node_modules/react-docgen": {
-      "version": "5.4.3",
-      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-5.4.3.tgz",
-      "integrity": "sha512-xlLJyOlnfr8lLEEeaDZ+X2J/KJoe6Nr9AzxnkdQWush5hz2ZSu66w6iLMOScMmxoSHWpWMn+k3v5ZiyCfcWsOA==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.0.1.tgz",
+      "integrity": "sha512-rCz0HBIT0LWbIM+///LfRrJoTKftIzzwsYDf0ns5KwaEjejMHQRtphcns+IXFHDNY9pnz6G8l/JbbI6pD4EAIA==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.7.5",
-        "@babel/generator": "^7.12.11",
-        "@babel/runtime": "^7.7.6",
-        "ast-types": "^0.14.2",
-        "commander": "^2.19.0",
+        "@babel/core": "^7.18.9",
+        "@babel/traverse": "^7.18.9",
+        "@babel/types": "^7.18.9",
+        "@types/babel__core": "^7.18.0",
+        "@types/babel__traverse": "^7.18.0",
+        "@types/doctrine": "^0.0.9",
+        "@types/resolve": "^1.20.2",
         "doctrine": "^3.0.0",
-        "estree-to-babel": "^3.1.0",
-        "neo-async": "^2.6.1",
-        "node-dir": "^0.1.10",
-        "strip-indent": "^3.0.0"
-      },
-      "bin": {
-        "react-docgen": "bin/react-docgen.js"
+        "resolve": "^1.22.1",
+        "strip-indent": "^4.0.0"
       },
       "engines": {
-        "node": ">=8.10.0"
+        "node": ">=16.14.0"
       }
     },
     "node_modules/react-docgen-typescript": {
@@ -35674,24 +35320,27 @@
         "typescript": ">= 4.3.x"
       }
     },
-    "node_modules/react-docgen/node_modules/ast-types": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.14.2.tgz",
-      "integrity": "sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==",
+    "node_modules/react-docgen/node_modules/@types/doctrine": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz",
+      "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==",
+      "dev": true
+    },
+    "node_modules/react-docgen/node_modules/strip-indent": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
+      "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
       "dev": true,
       "dependencies": {
-        "tslib": "^2.0.1"
+        "min-indent": "^1.0.1"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/react-docgen/node_modules/tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-      "dev": true
-    },
     "node_modules/react-dom": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
@@ -35787,15 +35436,6 @@
         "react-dom": ">=16"
       }
     },
-    "node_modules/react-inspector": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/react-inspector/-/react-inspector-6.0.1.tgz",
-      "integrity": "sha512-cxKSeFTf7jpSSVddm66sKdolG90qURAX3g1roTeaN6x0YEbtWc8JpmFN9+yIqLNH2uEkYerWLtJZIXRIFuBKrg==",
-      "dev": true,
-      "peerDependencies": {
-        "react": "^16.8.4 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/react-intl": {
       "version": "6.4.4",
       "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-6.4.4.tgz",
@@ -35959,9 +35599,9 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
     "node_modules/react-refresh": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
-      "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==",
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
+      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -36022,19 +35662,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
       "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
     },
-    "node_modules/react-resize-detector": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/react-resize-detector/-/react-resize-detector-7.1.2.tgz",
-      "integrity": "sha512-zXnPJ2m8+6oq9Nn8zsep/orts9vQv3elrpA+R8XTcW7DVVUJ9vwDwMXaBtykAYjMnkCIaOoK9vObyR7ZgFNlOw==",
-      "dev": true,
-      "dependencies": {
-        "lodash": "^4.17.21"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/react-spring": {
       "version": "9.7.2",
       "resolved": "https://registry.npmjs.org/react-spring/-/react-spring-9.7.2.tgz",
@@ -36229,9 +35856,9 @@
       }
     },
     "node_modules/recast": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.2.tgz",
-      "integrity": "sha512-Qv6cPfVZyMOtPszK6PgW70pUgm7gPlFitAPf0Q69rlOA0zLw2XdDcNmPbVGYicFGT9O8I7TZ/0ryJD+6COvIPw==",
+      "version": "0.23.4",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.4.tgz",
+      "integrity": "sha512-qtEDqIZGVcSZCHniWwZWbRy79Dc6Wp3kT/UmDA2RJKBPg7+7k51aQBZirHmUGn5uvHf2rg8DkjizrN26k61ATw==",
       "dev": true,
       "dependencies": {
         "assert": "^2.0.0",
@@ -36245,23 +35872,11 @@
       }
     },
     "node_modules/recast/node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
       "dev": true
     },
-    "node_modules/rechoir": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz",
-      "integrity": "sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==",
-      "dev": true,
-      "dependencies": {
-        "resolve": "^1.1.6"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/redent": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-4.0.0.tgz",
@@ -36333,7 +35948,8 @@
     "node_modules/regenerator-runtime": {
       "version": "0.13.11",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "dev": true
     },
     "node_modules/regenerator-transform": {
       "version": "0.15.2",
@@ -37517,34 +37133,6 @@
         "randombytes": "^2.1.0"
       }
     },
-    "node_modules/serve-favicon": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz",
-      "integrity": "sha512-FMW2RvqNr03x+C0WxTyu6sOv21oOjkq5j8tjquWccwa6ScNyGFOGJVpuS1NmTVGBAHS07xnSKotgf2ehQmf9iA==",
-      "dev": true,
-      "dependencies": {
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "ms": "2.1.1",
-        "parseurl": "~1.3.2",
-        "safe-buffer": "5.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/serve-favicon/node_modules/ms": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-      "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
-      "dev": true
-    },
-    "node_modules/serve-favicon/node_modules/safe-buffer": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
-      "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
-      "dev": true
-    },
     "node_modules/serve-index": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
@@ -37667,6 +37255,91 @@
       "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
       "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
     },
+    "node_modules/sharp": {
+      "version": "0.32.6",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
+      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.2",
+        "node-addon-api": "^6.1.0",
+        "prebuild-install": "^7.1.1",
+        "semver": "^7.5.4",
+        "simple-get": "^4.0.1",
+        "tar-fs": "^3.0.4",
+        "tunnel-agent": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/sharp/node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/sharp/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/sharp/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/sharp/node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/sharp/node_modules/node-addon-api": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
+      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
+      "dev": true
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -37697,23 +37370,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/shelljs": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.5.tgz",
-      "integrity": "sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.0.0",
-        "interpret": "^1.0.0",
-        "rechoir": "^0.6.2"
-      },
-      "bin": {
-        "shjs": "bin/shjs"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/side-channel": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
@@ -37745,25 +37401,112 @@
       "integrity": "sha512-6+eerH9fEnNmi/hyM1DXcRK3pWdoMQtlkQ+ns0ntzunjKqp5i3sKCc80ym8Fib3iaYhdJUOPdhlJWj1tvge2Ww==",
       "dev": true
     },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/simple-get/node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dev": true,
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/simple-get/node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "node_modules/simple-update-notifier": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz",
-      "integrity": "sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
       "dev": true,
       "dependencies": {
-        "semver": "~7.0.0"
+        "semver": "^7.5.3"
       },
       "engines": {
-        "node": ">=8.10.0"
+        "node": ">=10"
       }
     },
     "node_modules/simple-update-notifier/node_modules/semver": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
-      "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
       "bin": {
         "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/sirv": {
@@ -38293,12 +38036,12 @@
       "dev": true
     },
     "node_modules/storybook": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.0.26.tgz",
-      "integrity": "sha512-N6+/QBIahTnOJ3mQFNh+PIimjw+yUUoBlnMq8kE1Rg6QFi8ErEK8xte6uppiTh+7ShpqeLhp9ipuDV6DwJ9Aqg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.1.tgz",
+      "integrity": "sha512-JarHWZ7PLnGFPvapcSTdmneckGi1nCez18JozXsFXunDLZWUEn8kui0FLUhc579glZ8yDaSr9zsxWG8ZIFUm+A==",
       "dev": true,
       "dependencies": {
-        "@storybook/cli": "7.0.26"
+        "@storybook/cli": "7.6.1"
       },
       "bin": {
         "sb": "index.js",
@@ -38353,6 +38096,16 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/streamx": {
+      "version": "2.15.5",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.5.tgz",
+      "integrity": "sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==",
+      "dev": true,
+      "dependencies": {
+        "fast-fifo": "^1.1.0",
+        "queue-tick": "^1.0.1"
+      }
+    },
     "node_modules/strict-uri-encode": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
@@ -38407,6 +38160,21 @@
         "node": ">=8"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/string.prototype.matchall": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
@@ -38504,6 +38272,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -38596,9 +38377,9 @@
       }
     },
     "node_modules/style-loader": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.2.tgz",
-      "integrity": "sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz",
+      "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==",
       "dev": true,
       "engines": {
         "node": ">= 12.13.0"
@@ -39090,6 +38871,16 @@
       "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
       "dev": true
     },
+    "node_modules/swc-loader": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/swc-loader/-/swc-loader-0.2.3.tgz",
+      "integrity": "sha512-D1p6XXURfSPleZZA/Lipb3A8pZ17fP4NObZvFCDjK/OKljroqDpPmsBdTraWhVBqUNpcWBQY1imWdoPScRlQ7A==",
+      "dev": true,
+      "peerDependencies": {
+        "@swc/core": "^1.2.147",
+        "webpack": ">=2"
+      }
+    },
     "node_modules/symbol-observable": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
@@ -39158,9 +38949,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.1.15",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz",
-      "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
+      "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
       "dev": true,
       "dependencies": {
         "chownr": "^2.0.0",
@@ -39175,37 +38966,25 @@
       }
     },
     "node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
+      "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
       "dev": true,
       "dependencies": {
-        "chownr": "^1.1.1",
         "mkdirp-classic": "^0.5.2",
         "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
+        "tar-stream": "^3.1.5"
       }
     },
-    "node_modules/tar-fs/node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
     "node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
+      "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
       "dev": true,
       "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
       }
     },
     "node_modules/tar/node_modules/mkdirp": {
@@ -39221,9 +39000,9 @@
       }
     },
     "node_modules/telejson": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.1.0.tgz",
-      "integrity": "sha512-jFJO4P5gPebZAERPkJsqMAQ0IMA1Hi0AoSfxpnUaV6j6R2SZqlpkbS20U6dEUtA3RUYt2Ak/mTlkQzHH9Rv/hA==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
+      "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
       "dev": true,
       "dependencies": {
         "memoizerific": "^1.11.3"
@@ -39586,9 +39365,9 @@
       }
     },
     "node_modules/tiny-invariant": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
-      "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw=="
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
     },
     "node_modules/tiny-warning": {
       "version": "1.0.3",
@@ -39685,6 +39464,12 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tocbot": {
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.23.0.tgz",
+      "integrity": "sha512-5DWuSZXsqG894mkGb8ZsQt9myyQyVxE50AiGRZ0obV0BVUTVkaZmc9jbgpknaAAPUm4FIrzGkEseD6FuQJYJDQ==",
+      "dev": true
+    },
     "node_modules/toggle-selection": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
@@ -39886,6 +39671,69 @@
         "node": ">=6"
       }
     },
+    "node_modules/tsconfig-paths-webpack-plugin": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz",
+      "integrity": "sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "enhanced-resolve": "^5.7.0",
+        "tsconfig-paths": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/tsconfig-paths-webpack-plugin/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/tsconfig-paths-webpack-plugin/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/tsconfig-paths-webpack-plugin/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths-webpack-plugin/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
     "node_modules/tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
@@ -40114,6 +39962,12 @@
         "node": ">=12.18"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "node_modules/unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -40356,15 +40210,15 @@
       }
     },
     "node_modules/unplugin": {
-      "version": "0.10.2",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-0.10.2.tgz",
-      "integrity": "sha512-6rk7GUa4ICYjae5PrAllvcDeuT8pA9+j5J5EkxbMFaV+SalHhxZ7X2dohMzu6C3XzsMT+6jwR/+pwPNR3uK9MA==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.5.1.tgz",
+      "integrity": "sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==",
       "dev": true,
       "dependencies": {
-        "acorn": "^8.8.0",
+        "acorn": "^8.11.2",
         "chokidar": "^3.5.3",
         "webpack-sources": "^3.2.3",
-        "webpack-virtual-modules": "^0.4.5"
+        "webpack-virtual-modules": "^0.6.0"
       }
     },
     "node_modules/unplugin/node_modules/webpack-sources": {
@@ -40376,6 +40230,12 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/unplugin/node_modules/webpack-virtual-modules": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz",
+      "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
+      "dev": true
+    },
     "node_modules/untildify": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
@@ -41249,59 +41109,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/android-arm": "0.18.20",
-        "@esbuild/android-arm64": "0.18.20",
-        "@esbuild/android-x64": "0.18.20",
-        "@esbuild/darwin-arm64": "0.18.20",
-        "@esbuild/darwin-x64": "0.18.20",
-        "@esbuild/freebsd-arm64": "0.18.20",
-        "@esbuild/freebsd-x64": "0.18.20",
-        "@esbuild/linux-arm": "0.18.20",
-        "@esbuild/linux-arm64": "0.18.20",
-        "@esbuild/linux-ia32": "0.18.20",
-        "@esbuild/linux-loong64": "0.18.20",
-        "@esbuild/linux-mips64el": "0.18.20",
-        "@esbuild/linux-ppc64": "0.18.20",
-        "@esbuild/linux-riscv64": "0.18.20",
-        "@esbuild/linux-s390x": "0.18.20",
-        "@esbuild/linux-x64": "0.18.20",
-        "@esbuild/netbsd-x64": "0.18.20",
-        "@esbuild/openbsd-x64": "0.18.20",
-        "@esbuild/sunos-x64": "0.18.20",
-        "@esbuild/win32-arm64": "0.18.20",
-        "@esbuild/win32-ia32": "0.18.20",
-        "@esbuild/win32-x64": "0.18.20"
-      }
-    },
     "node_modules/vite/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -41707,9 +41514,9 @@
       "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
     },
     "node_modules/webpack": {
-      "version": "5.88.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.1.tgz",
-      "integrity": "sha512-FROX3TxQnC/ox4N+3xQoWZzvGXSuscxR32rbzjpXgEzWudJFEJBpdlkkob2ylrv5yzzufD1zph1OoFsLtm6stQ==",
+      "version": "5.89.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
+      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
       "dev": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -42036,15 +41843,15 @@
       }
     },
     "node_modules/webpack-virtual-modules": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz",
-      "integrity": "sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
+      "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
       "dev": true
     },
     "node_modules/webpack/node_modules/@types/estree": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
-      "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
       "dev": true
     },
     "node_modules/webpack/node_modules/ajv": {
@@ -42256,15 +42063,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/wide-align": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
-      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^1.0.2 || 2 || 3 || 4"
-      }
-    },
     "node_modules/wildcard": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
@@ -42363,6 +42161,57 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
     "node_modules/wrap-ansi/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -42817,50 +42666,55 @@
       "integrity": "sha512-PexfFmf3Un3C752SFpryYROgahfdSsHhNETSZlJcO0W3MJ14hyw/MbLQl3DnNdQGIJZE6y1MbnH7ntEt8PWB0Q=="
     },
     "@aw-web-design/x-default-browser": {
-      "version": "1.4.88",
-      "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.88.tgz",
-      "integrity": "sha512-AkEmF0wcwYC2QkhK703Y83fxWARttIWXDmQN8+cof8FmFZ5BRhnNXGymeb1S73bOCLfWjYELxtujL56idCN/XA==",
+      "version": "1.4.126",
+      "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz",
+      "integrity": "sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==",
       "dev": true,
       "requires": {
         "default-browser-id": "3.0.0"
       }
     },
     "@babel/code-frame": {
-      "version": "7.22.13",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
+      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
       "requires": {
-        "@babel/highlight": "^7.22.13",
+        "@babel/highlight": "^7.23.4",
         "chalk": "^2.4.2"
       }
     },
     "@babel/compat-data": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.20.tgz",
-      "integrity": "sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw=="
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
+      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw=="
     },
     "@babel/core": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.8.tgz",
-      "integrity": "sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
+      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
       "requires": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-compilation-targets": "^7.21.5",
-        "@babel/helper-module-transforms": "^7.21.5",
-        "@babel/helpers": "^7.21.5",
-        "@babel/parser": "^7.21.8",
-        "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.21.5",
-        "@babel/types": "^7.21.5",
-        "convert-source-map": "^1.7.0",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helpers": "^7.23.5",
+        "@babel/parser": "^7.23.5",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.5",
+        "@babel/types": "^7.23.5",
+        "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.2",
-        "semver": "^6.3.0"
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
       },
       "dependencies": {
+        "convert-source-map": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+          "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
+        },
         "debug": {
           "version": "4.3.1",
           "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
@@ -42877,11 +42731,11 @@
       }
     },
     "@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
+      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
       "requires": {
-        "@babel/types": "^7.21.5",
+        "@babel/types": "^7.23.5",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -42893,18 +42747,6 @@
       "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
       "requires": {
         "@babel/types": "^7.22.5"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-builder-binary-assignment-operator-visitor": {
@@ -42913,18 +42755,6 @@
       "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
       "requires": {
         "@babel/types": "^7.22.15"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-compilation-targets": {
@@ -42955,16 +42785,16 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
+      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-member-expression-to-functions": "^7.23.0",
         "@babel/helper-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-replace-supers": "^7.22.20",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
         "semver": "^6.3.1"
@@ -42981,9 +42811,9 @@
       }
     },
     "@babel/helper-define-polyfill-provider": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz",
-      "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==",
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
+      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
       "requires": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -43019,18 +42849,6 @@
       "requires": {
         "@babel/template": "^7.22.15",
         "@babel/types": "^7.23.0"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-hoist-variables": {
@@ -43039,18 +42857,6 @@
       "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
       "requires": {
         "@babel/types": "^7.22.5"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-member-expression-to-functions": {
@@ -43059,18 +42865,6 @@
       "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
       "requires": {
         "@babel/types": "^7.23.0"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-module-imports": {
@@ -43079,24 +42873,12 @@
       "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
       "requires": {
         "@babel/types": "^7.22.15"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
-      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
+      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
       "requires": {
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-module-imports": "^7.22.15",
@@ -43111,18 +42893,6 @@
       "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
       "requires": {
         "@babel/types": "^7.22.5"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-plugin-utils": {
@@ -43156,18 +42926,6 @@
       "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
       "requires": {
         "@babel/types": "^7.22.5"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-skip-transparent-expression-wrappers": {
@@ -43176,18 +42934,6 @@
       "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
       "requires": {
         "@babel/types": "^7.22.5"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-split-export-declaration": {
@@ -43196,24 +42942,12 @@
       "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
       "requires": {
         "@babel/types": "^7.22.5"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helper-string-parser": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw=="
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
+      "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ=="
     },
     "@babel/helper-validator-identifier": {
       "version": "7.22.20",
@@ -43221,9 +42955,9 @@
       "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A=="
     },
     "@babel/helper-validator-option": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
-      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA=="
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
+      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw=="
     },
     "@babel/helper-wrap-function": {
       "version": "7.22.20",
@@ -43233,92 +42967,22 @@
         "@babel/helper-function-name": "^7.22.5",
         "@babel/template": "^7.22.15",
         "@babel/types": "^7.22.19"
-      },
-      "dependencies": {
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/helpers": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.1.tgz",
-      "integrity": "sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
+      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
       "requires": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0"
-      },
-      "dependencies": {
-        "@babel/generator": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-          "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
-          "requires": {
-            "@babel/types": "^7.23.0",
-            "@jridgewell/gen-mapping": "^0.3.2",
-            "@jridgewell/trace-mapping": "^0.3.17",
-            "jsesc": "^2.5.1"
-          }
-        },
-        "@babel/parser": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-          "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw=="
-        },
-        "@babel/traverse": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-          "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
-          "requires": {
-            "@babel/code-frame": "^7.22.13",
-            "@babel/generator": "^7.23.0",
-            "@babel/helper-environment-visitor": "^7.22.20",
-            "@babel/helper-function-name": "^7.23.0",
-            "@babel/helper-hoist-variables": "^7.22.5",
-            "@babel/helper-split-export-declaration": "^7.22.6",
-            "@babel/parser": "^7.23.0",
-            "@babel/types": "^7.23.0",
-            "debug": "^4.1.0",
-            "globals": "^11.1.0"
-          }
-        },
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-        }
+        "@babel/traverse": "^7.23.5",
+        "@babel/types": "^7.23.5"
       }
     },
     "@babel/highlight": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
-      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
       "requires": {
         "@babel/helper-validator-identifier": "^7.22.20",
         "chalk": "^2.4.2",
@@ -43326,38 +42990,35 @@
       }
     },
     "@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA=="
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
+      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz",
-      "integrity": "sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz",
+      "integrity": "sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz",
-      "integrity": "sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz",
+      "integrity": "sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-transform-optional-chaining": "^7.22.15"
+        "@babel/plugin-transform-optional-chaining": "^7.23.3"
       }
     },
-    "@babel/plugin-proposal-async-generator-functions": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz",
-      "integrity": "sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==",
-      "dev": true,
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.3.tgz",
+      "integrity": "sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.18.9",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/helper-remap-async-to-generator": "^7.18.9",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-proposal-class-properties": {
@@ -43370,27 +43031,6 @@
         "@babel/helper-plugin-utils": "^7.18.6"
       }
     },
-    "@babel/plugin-proposal-class-static-block": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.21.0.tgz",
-      "integrity": "sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.21.0",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
-      }
-    },
-    "@babel/plugin-proposal-dynamic-import": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.18.6.tgz",
-      "integrity": "sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
-      }
-    },
     "@babel/plugin-proposal-export-namespace-from": {
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz",
@@ -43400,46 +43040,6 @@
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
       }
     },
-    "@babel/plugin-proposal-json-strings": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.18.6.tgz",
-      "integrity": "sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
-      }
-    },
-    "@babel/plugin-proposal-logical-assignment-operators": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.20.7.tgz",
-      "integrity": "sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
-      }
-    },
-    "@babel/plugin-proposal-nullish-coalescing-operator": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
-      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
-      }
-    },
-    "@babel/plugin-proposal-numeric-separator": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz",
-      "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      }
-    },
     "@babel/plugin-proposal-object-rest-spread": {
       "version": "7.20.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz",
@@ -43453,16 +43053,6 @@
         "@babel/plugin-transform-parameters": "^7.20.7"
       }
     },
-    "@babel/plugin-proposal-optional-catch-binding": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz",
-      "integrity": "sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
-      }
-    },
     "@babel/plugin-proposal-optional-chaining": {
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz",
@@ -43474,31 +43064,11 @@
         "@babel/plugin-syntax-optional-chaining": "^7.8.3"
       }
     },
-    "@babel/plugin-proposal-private-methods": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz",
-      "integrity": "sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      }
-    },
     "@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
       "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w=="
     },
-    "@babel/plugin-proposal-unicode-property-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz",
-      "integrity": "sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      }
-    },
     "@babel/plugin-syntax-async-generators": {
       "version": "7.8.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
@@ -43549,9 +43119,9 @@
       }
     },
     "@babel/plugin-syntax-flow": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz",
-      "integrity": "sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz",
+      "integrity": "sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA==",
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -43567,9 +43137,9 @@
       }
     },
     "@babel/plugin-syntax-import-attributes": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
-      "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz",
+      "integrity": "sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
@@ -43591,12 +43161,12 @@
       }
     },
     "@babel/plugin-syntax-jsx": {
-      "version": "7.12.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz",
-      "integrity": "sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.23.3.tgz",
+      "integrity": "sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-syntax-logical-assignment-operators": {
@@ -43664,12 +43234,12 @@
       }
     },
     "@babel/plugin-syntax-typescript": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz",
-      "integrity": "sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.23.3.tgz",
+      "integrity": "sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.20.2"
+        "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-syntax-unicode-sets-regex": {
@@ -43682,244 +43252,244 @@
       }
     },
     "@babel/plugin-transform-arrow-functions": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
-      "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz",
+      "integrity": "sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-async-generator-functions": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz",
-      "integrity": "sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.4.tgz",
+      "integrity": "sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/helper-remap-async-to-generator": "^7.22.20",
         "@babel/plugin-syntax-async-generators": "^7.8.4"
       }
     },
     "@babel/plugin-transform-async-to-generator": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
-      "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz",
+      "integrity": "sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==",
       "requires": {
-        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.5"
+        "@babel/helper-remap-async-to-generator": "^7.22.20"
       }
     },
     "@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
-      "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz",
+      "integrity": "sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-block-scoping": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz",
-      "integrity": "sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz",
+      "integrity": "sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-class-properties": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
-      "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz",
+      "integrity": "sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-class-static-block": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz",
-      "integrity": "sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz",
+      "integrity": "sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-class-static-block": "^7.14.5"
       }
     },
     "@babel/plugin-transform-classes": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz",
-      "integrity": "sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.5.tgz",
+      "integrity": "sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-optimise-call-expression": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-replace-supers": "^7.22.20",
         "@babel/helper-split-export-declaration": "^7.22.6",
         "globals": "^11.1.0"
       }
     },
     "@babel/plugin-transform-computed-properties": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
-      "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz",
+      "integrity": "sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/template": "^7.22.5"
+        "@babel/template": "^7.22.15"
       }
     },
     "@babel/plugin-transform-destructuring": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz",
-      "integrity": "sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz",
+      "integrity": "sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-dotall-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
-      "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz",
+      "integrity": "sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-duplicate-keys": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
-      "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz",
+      "integrity": "sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-dynamic-import": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz",
-      "integrity": "sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz",
+      "integrity": "sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3"
       }
     },
     "@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
-      "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz",
+      "integrity": "sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==",
       "requires": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-export-namespace-from": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz",
-      "integrity": "sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz",
+      "integrity": "sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
       }
     },
     "@babel/plugin-transform-flow-strip-types": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz",
-      "integrity": "sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz",
+      "integrity": "sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q==",
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-flow": "^7.22.5"
+        "@babel/plugin-syntax-flow": "^7.23.3"
       }
     },
     "@babel/plugin-transform-for-of": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz",
-      "integrity": "sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
+      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-function-name": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
-      "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz",
+      "integrity": "sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==",
       "requires": {
-        "@babel/helper-compilation-targets": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-json-strings": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz",
-      "integrity": "sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz",
+      "integrity": "sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-json-strings": "^7.8.3"
       }
     },
     "@babel/plugin-transform-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
-      "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz",
+      "integrity": "sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz",
-      "integrity": "sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz",
+      "integrity": "sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
       }
     },
     "@babel/plugin-transform-member-expression-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
-      "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz",
+      "integrity": "sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-modules-amd": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz",
-      "integrity": "sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz",
+      "integrity": "sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==",
       "requires": {
-        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz",
-      "integrity": "sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz",
+      "integrity": "sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==",
       "requires": {
-        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-simple-access": "^7.22.5"
       }
     },
     "@babel/plugin-transform-modules-systemjs": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz",
-      "integrity": "sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz",
+      "integrity": "sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==",
       "requires": {
         "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-identifier": "^7.22.20"
       }
     },
     "@babel/plugin-transform-modules-umd": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
-      "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz",
+      "integrity": "sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==",
       "requires": {
-        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.3",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
@@ -43933,65 +43503,65 @@
       }
     },
     "@babel/plugin-transform-new-target": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
-      "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz",
+      "integrity": "sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz",
-      "integrity": "sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz",
+      "integrity": "sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
       }
     },
     "@babel/plugin-transform-numeric-separator": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz",
-      "integrity": "sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz",
+      "integrity": "sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
       }
     },
     "@babel/plugin-transform-object-rest-spread": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz",
-      "integrity": "sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz",
+      "integrity": "sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==",
       "requires": {
-        "@babel/compat-data": "^7.22.9",
+        "@babel/compat-data": "^7.23.3",
         "@babel/helper-compilation-targets": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.22.15"
+        "@babel/plugin-transform-parameters": "^7.23.3"
       }
     },
     "@babel/plugin-transform-object-super": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
-      "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz",
+      "integrity": "sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.5"
+        "@babel/helper-replace-supers": "^7.22.20"
       }
     },
     "@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz",
-      "integrity": "sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz",
+      "integrity": "sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
       }
     },
     "@babel/plugin-transform-optional-chaining": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz",
-      "integrity": "sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz",
+      "integrity": "sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
@@ -43999,37 +43569,37 @@
       }
     },
     "@babel/plugin-transform-parameters": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz",
-      "integrity": "sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz",
+      "integrity": "sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-private-methods": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
-      "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz",
+      "integrity": "sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-private-property-in-object": {
-      "version": "7.22.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz",
-      "integrity": "sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz",
+      "integrity": "sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
       }
     },
     "@babel/plugin-transform-property-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
-      "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz",
+      "integrity": "sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
@@ -44044,45 +43614,34 @@
       }
     },
     "@babel/plugin-transform-react-display-name": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz",
-      "integrity": "sha512-TV4sQ+T013n61uMoygyMRm+xf04Bd5oqFpv2jAEQwSZ8NwQA7zeRPg1LMVg2PWi3zWBz+CLKD+v5bcpZ/BS0aA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.23.3.tgz",
+      "integrity": "sha512-GnvhtVfA2OAtzdX58FJxU19rhoGeQzyVndw3GgtdECQvQFXPEZIOVULHVZGAYmOgmqjXpVpfocAbSjh99V/Fqw==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-react-jsx": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.20.7.tgz",
-      "integrity": "sha512-Tfq7qqD+tRj3EoDhY00nn2uP2hsRxgYGi5mLQ5TimKav0a9Lrpd4deE+fcLXU8zFYRjlKPHZhpCvfEA6qnBxqQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz",
+      "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==",
       "dev": true,
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-module-imports": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-jsx": "^7.18.6",
-        "@babel/types": "^7.20.7"
-      },
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": {
-          "version": "7.18.6",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz",
-          "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-plugin-utils": "^7.18.6"
-          }
-        }
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.23.3",
+        "@babel/types": "^7.23.4"
       }
     },
     "@babel/plugin-transform-react-jsx-development": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz",
-      "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz",
+      "integrity": "sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==",
       "dev": true,
       "requires": {
-        "@babel/plugin-transform-react-jsx": "^7.18.6"
+        "@babel/plugin-transform-react-jsx": "^7.22.5"
       }
     },
     "@babel/plugin-transform-react-jsx-self": {
@@ -44104,194 +43663,154 @@
       }
     },
     "@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.18.6.tgz",
-      "integrity": "sha512-I8VfEPg9r2TRDdvnHgPepTKvuRomzA8+u+nhY7qSI1fR2hRNebasZEETLyM5mAUr0Ku56OkXJ0I7NHJnO6cJiQ==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.23.3.tgz",
+      "integrity": "sha512-qMFdSS+TUhB7Q/3HVPnEdYJDQIk57jkntAwSuz9xfSE4n+3I+vHYCli3HoHawN1Z3RfCz/y1zXA/JXjG6cVImQ==",
       "dev": true,
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-regenerator": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
-      "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz",
+      "integrity": "sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "regenerator-transform": "^0.15.2"
       }
     },
     "@babel/plugin-transform-reserved-words": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
-      "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz",
+      "integrity": "sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-runtime": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.4.tgz",
-      "integrity": "sha512-1J4dhrw1h1PqnNNpzwxQ2UBymJUF8KuPjAAnlLwZcGhHAIqUigFW7cdK6GHoB64ubY4qXQNYknoUeks4Wz7CUA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
+      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
       "dev": true,
       "requires": {
-        "@babel/helper-module-imports": "^7.21.4",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "babel-plugin-polyfill-corejs2": "^0.3.3",
-        "babel-plugin-polyfill-corejs3": "^0.6.0",
-        "babel-plugin-polyfill-regenerator": "^0.4.1",
-        "semver": "^6.3.0"
-      },
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": {
-          "version": "0.3.3",
-          "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-          "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-compilation-targets": "^7.17.7",
-            "@babel/helper-plugin-utils": "^7.16.7",
-            "debug": "^4.1.1",
-            "lodash.debounce": "^4.0.8",
-            "resolve": "^1.14.2",
-            "semver": "^6.1.2"
-          }
-        },
-        "babel-plugin-polyfill-corejs3": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz",
-          "integrity": "sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-define-polyfill-provider": "^0.3.3",
-            "core-js-compat": "^3.25.1"
-          }
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        }
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "semver": "^6.3.1"
       }
     },
     "@babel/plugin-transform-shorthand-properties": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
-      "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz",
+      "integrity": "sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-spread": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
-      "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz",
+      "integrity": "sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       }
     },
     "@babel/plugin-transform-sticky-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
-      "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz",
+      "integrity": "sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-template-literals": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
-      "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz",
+      "integrity": "sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-typeof-symbol": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
-      "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz",
+      "integrity": "sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-typescript": {
-      "version": "7.21.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz",
-      "integrity": "sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
+      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
       "dev": true,
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-create-class-features-plugin": "^7.21.0",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-typescript": "^7.20.0"
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.23.3"
       }
     },
     "@babel/plugin-transform-unicode-escapes": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
-      "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz",
+      "integrity": "sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
-      "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz",
+      "integrity": "sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-unicode-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
-      "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz",
+      "integrity": "sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
-      "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz",
+      "integrity": "sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
     "@babel/preset-env": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.20.tgz",
-      "integrity": "sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
+      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
       "requires": {
-        "@babel/compat-data": "^7.22.20",
+        "@babel/compat-data": "^7.23.5",
         "@babel/helper-compilation-targets": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15",
+        "@babel/helper-validator-option": "^7.23.5",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.3",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-class-properties": "^7.12.13",
         "@babel/plugin-syntax-class-static-block": "^7.14.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.22.5",
-        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-assertions": "^7.23.3",
+        "@babel/plugin-syntax-import-attributes": "^7.23.3",
         "@babel/plugin-syntax-import-meta": "^7.10.4",
         "@babel/plugin-syntax-json-strings": "^7.8.3",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
@@ -44303,110 +43822,81 @@
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.22.5",
-        "@babel/plugin-transform-async-generator-functions": "^7.22.15",
-        "@babel/plugin-transform-async-to-generator": "^7.22.5",
-        "@babel/plugin-transform-block-scoped-functions": "^7.22.5",
-        "@babel/plugin-transform-block-scoping": "^7.22.15",
-        "@babel/plugin-transform-class-properties": "^7.22.5",
-        "@babel/plugin-transform-class-static-block": "^7.22.11",
-        "@babel/plugin-transform-classes": "^7.22.15",
-        "@babel/plugin-transform-computed-properties": "^7.22.5",
-        "@babel/plugin-transform-destructuring": "^7.22.15",
-        "@babel/plugin-transform-dotall-regex": "^7.22.5",
-        "@babel/plugin-transform-duplicate-keys": "^7.22.5",
-        "@babel/plugin-transform-dynamic-import": "^7.22.11",
-        "@babel/plugin-transform-exponentiation-operator": "^7.22.5",
-        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
-        "@babel/plugin-transform-for-of": "^7.22.15",
-        "@babel/plugin-transform-function-name": "^7.22.5",
-        "@babel/plugin-transform-json-strings": "^7.22.11",
-        "@babel/plugin-transform-literals": "^7.22.5",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.22.11",
-        "@babel/plugin-transform-member-expression-literals": "^7.22.5",
-        "@babel/plugin-transform-modules-amd": "^7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.22.15",
-        "@babel/plugin-transform-modules-systemjs": "^7.22.11",
-        "@babel/plugin-transform-modules-umd": "^7.22.5",
+        "@babel/plugin-transform-arrow-functions": "^7.23.3",
+        "@babel/plugin-transform-async-generator-functions": "^7.23.4",
+        "@babel/plugin-transform-async-to-generator": "^7.23.3",
+        "@babel/plugin-transform-block-scoped-functions": "^7.23.3",
+        "@babel/plugin-transform-block-scoping": "^7.23.4",
+        "@babel/plugin-transform-class-properties": "^7.23.3",
+        "@babel/plugin-transform-class-static-block": "^7.23.4",
+        "@babel/plugin-transform-classes": "^7.23.5",
+        "@babel/plugin-transform-computed-properties": "^7.23.3",
+        "@babel/plugin-transform-destructuring": "^7.23.3",
+        "@babel/plugin-transform-dotall-regex": "^7.23.3",
+        "@babel/plugin-transform-duplicate-keys": "^7.23.3",
+        "@babel/plugin-transform-dynamic-import": "^7.23.4",
+        "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
+        "@babel/plugin-transform-export-namespace-from": "^7.23.4",
+        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-function-name": "^7.23.3",
+        "@babel/plugin-transform-json-strings": "^7.23.4",
+        "@babel/plugin-transform-literals": "^7.23.3",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.23.4",
+        "@babel/plugin-transform-member-expression-literals": "^7.23.3",
+        "@babel/plugin-transform-modules-amd": "^7.23.3",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
+        "@babel/plugin-transform-modules-systemjs": "^7.23.3",
+        "@babel/plugin-transform-modules-umd": "^7.23.3",
         "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
-        "@babel/plugin-transform-new-target": "^7.22.5",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
-        "@babel/plugin-transform-numeric-separator": "^7.22.11",
-        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
-        "@babel/plugin-transform-object-super": "^7.22.5",
-        "@babel/plugin-transform-optional-catch-binding": "^7.22.11",
-        "@babel/plugin-transform-optional-chaining": "^7.22.15",
-        "@babel/plugin-transform-parameters": "^7.22.15",
-        "@babel/plugin-transform-private-methods": "^7.22.5",
-        "@babel/plugin-transform-private-property-in-object": "^7.22.11",
-        "@babel/plugin-transform-property-literals": "^7.22.5",
-        "@babel/plugin-transform-regenerator": "^7.22.10",
-        "@babel/plugin-transform-reserved-words": "^7.22.5",
-        "@babel/plugin-transform-shorthand-properties": "^7.22.5",
-        "@babel/plugin-transform-spread": "^7.22.5",
-        "@babel/plugin-transform-sticky-regex": "^7.22.5",
-        "@babel/plugin-transform-template-literals": "^7.22.5",
-        "@babel/plugin-transform-typeof-symbol": "^7.22.5",
-        "@babel/plugin-transform-unicode-escapes": "^7.22.10",
-        "@babel/plugin-transform-unicode-property-regex": "^7.22.5",
-        "@babel/plugin-transform-unicode-regex": "^7.22.5",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.23.3",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
+        "@babel/plugin-transform-numeric-separator": "^7.23.4",
+        "@babel/plugin-transform-object-rest-spread": "^7.23.4",
+        "@babel/plugin-transform-object-super": "^7.23.3",
+        "@babel/plugin-transform-optional-catch-binding": "^7.23.4",
+        "@babel/plugin-transform-optional-chaining": "^7.23.4",
+        "@babel/plugin-transform-parameters": "^7.23.3",
+        "@babel/plugin-transform-private-methods": "^7.23.3",
+        "@babel/plugin-transform-private-property-in-object": "^7.23.4",
+        "@babel/plugin-transform-property-literals": "^7.23.3",
+        "@babel/plugin-transform-regenerator": "^7.23.3",
+        "@babel/plugin-transform-reserved-words": "^7.23.3",
+        "@babel/plugin-transform-shorthand-properties": "^7.23.3",
+        "@babel/plugin-transform-spread": "^7.23.3",
+        "@babel/plugin-transform-sticky-regex": "^7.23.3",
+        "@babel/plugin-transform-template-literals": "^7.23.3",
+        "@babel/plugin-transform-typeof-symbol": "^7.23.3",
+        "@babel/plugin-transform-unicode-escapes": "^7.23.3",
+        "@babel/plugin-transform-unicode-property-regex": "^7.23.3",
+        "@babel/plugin-transform-unicode-regex": "^7.23.3",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.23.3",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "@babel/types": "^7.22.19",
-        "babel-plugin-polyfill-corejs2": "^0.4.5",
-        "babel-plugin-polyfill-corejs3": "^0.8.3",
-        "babel-plugin-polyfill-regenerator": "^0.5.2",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
         "core-js-compat": "^3.31.0",
         "semver": "^6.3.1"
       },
       "dependencies": {
         "@babel/plugin-syntax-import-assertions": {
-          "version": "7.22.5",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
-          "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
+          "version": "7.23.3",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz",
+          "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==",
           "requires": {
             "@babel/helper-plugin-utils": "^7.22.5"
           }
-        },
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        },
-        "babel-plugin-polyfill-corejs2": {
-          "version": "0.4.5",
-          "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz",
-          "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==",
-          "requires": {
-            "@babel/compat-data": "^7.22.6",
-            "@babel/helper-define-polyfill-provider": "^0.4.2",
-            "semver": "^6.3.1"
-          }
-        },
-        "babel-plugin-polyfill-regenerator": {
-          "version": "0.5.2",
-          "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz",
-          "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==",
-          "requires": {
-            "@babel/helper-define-polyfill-provider": "^0.4.2"
-          }
         }
       }
     },
     "@babel/preset-flow": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.22.5.tgz",
-      "integrity": "sha512-ta2qZ+LSiGCrP5pgcGt8xMnnkXQrq8Sa4Ulhy06BOlF5QbLw9q5hIx7bn5MrsvyTGAfh6kTOo07Q+Pfld/8Y5Q==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.23.3.tgz",
+      "integrity": "sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA==",
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.5",
-        "@babel/plugin-transform-flow-strip-types": "^7.22.5"
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-flow-strip-types": "^7.23.3"
       }
     },
     "@babel/preset-modules": {
@@ -44420,47 +43910,36 @@
       }
     },
     "@babel/preset-react": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.18.6.tgz",
-      "integrity": "sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.23.3.tgz",
+      "integrity": "sha512-tbkHOS9axH6Ysf2OUEqoSZ6T3Fa2SrNH6WTWSPBboxKzdxNc9qOICeLXkNG0ZEwbQ1HY8liwOce4aN/Ceyuq6w==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/helper-validator-option": "^7.18.6",
-        "@babel/plugin-transform-react-display-name": "^7.18.6",
-        "@babel/plugin-transform-react-jsx": "^7.18.6",
-        "@babel/plugin-transform-react-jsx-development": "^7.18.6",
-        "@babel/plugin-transform-react-pure-annotations": "^7.18.6"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-react-display-name": "^7.23.3",
+        "@babel/plugin-transform-react-jsx": "^7.22.15",
+        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+        "@babel/plugin-transform-react-pure-annotations": "^7.23.3"
       }
     },
     "@babel/preset-typescript": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.21.5.tgz",
-      "integrity": "sha512-iqe3sETat5EOrORXiQ6rWfoOg2y68Cs75B9wNxdPW4kixJxh7aXQE1KPdWLDniC24T/6dSnguF33W9j/ZZQcmA==",
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.3.tgz",
+      "integrity": "sha512-17oIGVlqz6CchO9RFYn5U6ZpWRZIngayYCtrPRSgANSwC2V1Jb+iP74nVxzzXJte8b8BYxrL1yY96xfhTBrNNQ==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.21.5",
-        "@babel/helper-validator-option": "^7.21.0",
-        "@babel/plugin-syntax-jsx": "^7.21.4",
-        "@babel/plugin-transform-modules-commonjs": "^7.21.5",
-        "@babel/plugin-transform-typescript": "^7.21.3"
-      },
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": {
-          "version": "7.21.4",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz",
-          "integrity": "sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-plugin-utils": "^7.20.2"
-          }
-        }
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-syntax-jsx": "^7.23.3",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
+        "@babel/plugin-transform-typescript": "^7.23.3"
       }
     },
     "@babel/register": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.22.5.tgz",
-      "integrity": "sha512-vV6pm/4CijSQ8Y47RH5SopXzursN35RQINfGJkmOlcpAtGuf94miFvIPhCKGQN7WGIcsgG1BHEX2KVdTYwTwUQ==",
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.22.15.tgz",
+      "integrity": "sha512-V3Q3EqoQdn65RCgTLwauZaTfd1ShhwPmbBv+1dkZV/HpCGMKVyn6oFcRlI7RaKqiDQjX2Qd3AuoEguBgdjIKlg==",
       "dev": true,
       "requires": {
         "clone-deep": "^4.0.1",
@@ -44557,11 +44036,18 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "@babel/runtime": {
-      "version": "7.22.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz",
-      "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
+      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
       "requires": {
-        "regenerator-runtime": "^0.13.11"
+        "regenerator-runtime": "^0.14.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.14.0",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+          "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+        }
       }
     },
     "@babel/runtime-corejs3": {
@@ -44582,38 +44068,21 @@
         "@babel/code-frame": "^7.22.13",
         "@babel/parser": "^7.22.15",
         "@babel/types": "^7.22.15"
-      },
-      "dependencies": {
-        "@babel/parser": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-          "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw=="
-        },
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        }
       }
     },
     "@babel/traverse": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.5.tgz",
-      "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==",
-      "requires": {
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-environment-visitor": "^7.21.5",
-        "@babel/helper-function-name": "^7.21.0",
-        "@babel/helper-hoist-variables": "^7.18.6",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.21.5",
-        "@babel/types": "^7.21.5",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
+      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "requires": {
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.5",
+        "@babel/types": "^7.23.5",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -44634,12 +44103,12 @@
       }
     },
     "@babel/types": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.5.tgz",
-      "integrity": "sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
+      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
       "requires": {
-        "@babel/helper-string-parser": "^7.21.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
         "to-fast-properties": "^2.0.0"
       }
     },
@@ -45491,9 +44960,9 @@
       "optional": true
     },
     "@esbuild/darwin-arm64": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
-      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
       "dev": true,
       "optional": true
     },
@@ -46331,6 +45800,40 @@
       "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.10.0.tgz",
       "integrity": "sha512-2I8y+vJVrPfPFJrnRGpao1Qc2Gu7wmYoo5ed2s5zK/DUGgcyY1Yr/xC0YdnKM4pi7rG3HqwW9ehAKUXoTMLdoA=="
     },
+    "@floating-ui/core": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz",
+      "integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/utils": "^0.1.3"
+      }
+    },
+    "@floating-ui/dom": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
+      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/core": "^1.4.2",
+        "@floating-ui/utils": "^0.1.3"
+      }
+    },
+    "@floating-ui/react-dom": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz",
+      "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/dom": "^1.5.1"
+      }
+    },
+    "@floating-ui/utils": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
+      "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==",
+      "dev": true
+    },
     "@formatjs/cli": {
       "version": "6.1.3",
       "resolved": "https://registry.npmjs.org/@formatjs/cli/-/cli-6.1.3.tgz",
@@ -47805,6 +47308,71 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "requires": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+          "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "9.2.2",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+          "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+          "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+          "dev": true,
+          "requires": {
+            "eastasianwidth": "^0.2.0",
+            "emoji-regex": "^9.2.2",
+            "strip-ansi": "^7.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        },
+        "wrap-ansi": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+          "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^6.1.0",
+            "string-width": "^5.0.1",
+            "strip-ansi": "^7.0.1"
+          }
+        }
+      }
+    },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -48418,6 +47986,39 @@
         "gunzip-maybe": "^1.4.2",
         "pump": "^3.0.0",
         "tar-fs": "^2.1.1"
+      },
+      "dependencies": {
+        "chownr": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+          "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+          "dev": true
+        },
+        "tar-fs": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+          "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+          "dev": true,
+          "requires": {
+            "chownr": "^1.1.1",
+            "mkdirp-classic": "^0.5.2",
+            "pump": "^3.0.0",
+            "tar-stream": "^2.1.4"
+          }
+        },
+        "tar-stream": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+          "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+          "dev": true,
+          "requires": {
+            "bl": "^4.0.3",
+            "end-of-stream": "^1.4.1",
+            "fs-constants": "^1.0.0",
+            "inherits": "^2.0.3",
+            "readable-stream": "^3.1.1"
+          }
+        }
       }
     },
     "@next/bundle-analyzer": {
@@ -48639,6 +48240,13 @@
         }
       }
     },
+    "@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true
+    },
     "@pkgr/utils": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.3.1.tgz",
@@ -48673,9 +48281,9 @@
       }
     },
     "@pmmmwh/react-refresh-webpack-plugin": {
-      "version": "0.5.10",
-      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz",
-      "integrity": "sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==",
+      "version": "0.5.11",
+      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.11.tgz",
+      "integrity": "sha512-7j/6vdTym0+qZ6u4XbSAxrWBGYSdCfTzySkj7WAFgDLmSyWlOrWvpyzxlFh5jtw9dn0oL/jtW+06XfFiisN3JQ==",
       "dev": true,
       "requires": {
         "ansi-html-community": "^0.0.8",
@@ -48824,6 +48432,377 @@
       "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
       "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="
     },
+    "@radix-ui/number": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz",
+      "integrity": "sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz",
+      "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-arrow": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz",
+      "integrity": "sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      }
+    },
+    "@radix-ui/react-collection": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
+      "integrity": "sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2"
+      }
+    },
+    "@radix-ui/react-compose-refs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
+      "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-context": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz",
+      "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-direction": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz",
+      "integrity": "sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-dismissable-layer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz",
+      "integrity": "sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-escape-keydown": "1.0.3"
+      }
+    },
+    "@radix-ui/react-focus-guards": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
+      "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-focus-scope": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.3.tgz",
+      "integrity": "sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      }
+    },
+    "@radix-ui/react-id": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz",
+      "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      }
+    },
+    "@radix-ui/react-popper": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.2.tgz",
+      "integrity": "sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-use-rect": "1.0.1",
+        "@radix-ui/react-use-size": "1.0.1",
+        "@radix-ui/rect": "1.0.1"
+      }
+    },
+    "@radix-ui/react-portal": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.3.tgz",
+      "integrity": "sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      }
+    },
+    "@radix-ui/react-primitive": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
+      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-slot": "1.0.2"
+      }
+    },
+    "@radix-ui/react-roving-focus": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.4.tgz",
+      "integrity": "sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      }
+    },
+    "@radix-ui/react-select": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-1.2.2.tgz",
+      "integrity": "sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/number": "1.0.1",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.4",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.3",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.2",
+        "@radix-ui/react-portal": "1.0.3",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-visually-hidden": "1.0.3",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "2.5.5"
+      },
+      "dependencies": {
+        "react-remove-scroll": {
+          "version": "2.5.5",
+          "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
+          "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
+          "dev": true,
+          "requires": {
+            "react-remove-scroll-bar": "^2.3.3",
+            "react-style-singleton": "^2.2.1",
+            "tslib": "^2.1.0",
+            "use-callback-ref": "^1.3.0",
+            "use-sidecar": "^1.1.2"
+          }
+        },
+        "tslib": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+          "dev": true
+        }
+      }
+    },
+    "@radix-ui/react-separator": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz",
+      "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      }
+    },
+    "@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      }
+    },
+    "@radix-ui/react-toggle": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.0.3.tgz",
+      "integrity": "sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      }
+    },
+    "@radix-ui/react-toggle-group": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.0.4.tgz",
+      "integrity": "sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-toggle": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      }
+    },
+    "@radix-ui/react-toolbar": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.0.4.tgz",
+      "integrity": "sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-separator": "1.0.3",
+        "@radix-ui/react-toggle-group": "1.0.4"
+      }
+    },
+    "@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-use-controllable-state": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz",
+      "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      }
+    },
+    "@radix-ui/react-use-escape-keydown": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz",
+      "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      }
+    },
+    "@radix-ui/react-use-layout-effect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz",
+      "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-use-previous": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.1.tgz",
+      "integrity": "sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "@radix-ui/react-use-rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz",
+      "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/rect": "1.0.1"
+      }
+    },
+    "@radix-ui/react-use-size": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
+      "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      }
+    },
+    "@radix-ui/react-visually-hidden": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz",
+      "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      }
+    },
+    "@radix-ui/rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz",
+      "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
     "@reach/alert": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/@reach/alert/-/alert-0.18.0.tgz",
@@ -49441,110 +49420,72 @@
       }
     },
     "@storybook/addon-a11y": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.26.tgz",
-      "integrity": "sha512-OKPzdDiOgoONqNefVRQQrAESKaewloHBupCOpj9lnQfQv1b4pdgMzYbsqbyvBks8BdrK3KEtHDCdlhNtH4tErw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.6.1.tgz",
+      "integrity": "sha512-w6lQbU/+uMc0J2vtHmChE7P9L1kRkCRrr6ZwYhkysvDj4PWF74CrbMGNAtHu6TYm+7rFsuJD8kQGYPge1Bng2Q==",
       "dev": true,
       "requires": {
-        "@storybook/addon-highlight": "7.0.26",
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "axe-core": "^4.2.0",
-        "lodash": "^4.17.21",
-        "react-resize-detector": "^7.1.2"
+        "@storybook/addon-highlight": "7.6.1",
+        "axe-core": "^4.2.0"
       }
     },
     "@storybook/addon-actions": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.26.tgz",
-      "integrity": "sha512-vVoqE0Zw0g1PPnGfho8vRwjpXhQCpRNBQ/2U83/CSodHWL/MBYENG0XMby90TC72M26gNmEh0dn1YCUXvLdiew==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.1.tgz",
+      "integrity": "sha512-KSaIv1LKGyaCJuPuEIwwLtMp/Md8t/jprng3FwYW/lChbsYw40lexiLYRy2LHomsyvXT0acsjLuSmJ8FrynSoA==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
+        "@storybook/core-events": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@types/uuid": "^9.0.1",
         "dequal": "^2.0.2",
-        "lodash": "^4.17.21",
         "polished": "^4.2.2",
-        "prop-types": "^15.7.2",
-        "react-inspector": "^6.0.0",
-        "telejson": "^7.0.3",
-        "ts-dedent": "^2.0.0",
         "uuid": "^9.0.0"
       }
     },
     "@storybook/addon-backgrounds": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.0.26.tgz",
-      "integrity": "sha512-sjTkOnSsVBBl1GruVVsNKWEuLCbKjkNun1mzIklfYAiHz9hTZIhe9MA2SGZoDozMUDIXQqSoMDEc3rnDtfqsnQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.1.tgz",
+      "integrity": "sha512-o4PFWTAmc9VjSQA3zT1XOM6WoFBmUxtrH0lFsBeeXHh9mIhnCmmYOGDt09ZVC20QrAfp35qo0UouVIOy5MC6ng==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
         "memoizerific": "^1.11.3",
         "ts-dedent": "^2.0.0"
       }
     },
     "@storybook/addon-controls": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.0.26.tgz",
-      "integrity": "sha512-mp1WuOYCPvR33orHn0XPABY5roF9Le8HnZwTpvfkrRMeMqLnYLnkCTZqY3JN/IOVlyQuYdqodP5CPDHNDLmvVg==",
-      "dev": true,
-      "requires": {
-        "@storybook/blocks": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.1.tgz",
+      "integrity": "sha512-yc9uLEGCjEdMlp12gwPesZOklD2rQfELMI8VZXR0PUa5lhmj4oMkdRAMYltf7Fk5CtMgjdDs7jVn5UnfxwqEWg==",
+      "dev": true,
+      "requires": {
+        "@storybook/blocks": "7.6.1",
         "lodash": "^4.17.21",
         "ts-dedent": "^2.0.0"
       }
     },
     "@storybook/addon-docs": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.0.26.tgz",
-      "integrity": "sha512-C8DOwfmPBWDUS1IJbyJxykgVVHVzSSL+JFh3FwtF0hsqwjlNW4OvGDFbz0oAxyxs4V46xVcvh4E95e3GkW36BQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.1.tgz",
+      "integrity": "sha512-f4d+0R582DUxJvoALgOtPAGnWOQ7aB1OOovMp3YNTv6rO2bMpC9umhjvBaf4RJCM83MLHiGA9CkReHJz6V0sUA==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.20.2",
-        "@babel/plugin-transform-react-jsx": "^7.19.0",
         "@jest/transform": "^29.3.1",
         "@mdx-js/react": "^2.1.5",
-        "@storybook/blocks": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/csf-plugin": "7.0.26",
-        "@storybook/csf-tools": "7.0.26",
+        "@storybook/blocks": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/components": "7.6.1",
+        "@storybook/csf-plugin": "7.6.1",
+        "@storybook/csf-tools": "7.6.1",
         "@storybook/global": "^5.0.0",
         "@storybook/mdx2-csf": "^1.0.0",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/postinstall": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/react-dom-shim": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/postinstall": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/react-dom-shim": "7.6.1",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "fs-extra": "^11.1.0",
         "remark-external-links": "^8.0.0",
         "remark-slug": "^6.0.0",
@@ -49552,9 +49493,9 @@
       },
       "dependencies": {
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -49565,166 +49506,110 @@
       }
     },
     "@storybook/addon-essentials": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.0.26.tgz",
-      "integrity": "sha512-r+IOtxbIqlCKO8fDgLppubYm+GEW3ZDxjPwXMQdDGem9ENpz0QLKb49r89+UYqnnaYjuYKjDNUOqy0gX2HfUXQ==",
-      "dev": true,
-      "requires": {
-        "@storybook/addon-actions": "7.0.26",
-        "@storybook/addon-backgrounds": "7.0.26",
-        "@storybook/addon-controls": "7.0.26",
-        "@storybook/addon-docs": "7.0.26",
-        "@storybook/addon-highlight": "7.0.26",
-        "@storybook/addon-measure": "7.0.26",
-        "@storybook/addon-outline": "7.0.26",
-        "@storybook/addon-toolbars": "7.0.26",
-        "@storybook/addon-viewport": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.1.tgz",
+      "integrity": "sha512-MNhA6wd/oYvU2Xd8lCDuyY9vazEPn40/TO2tmT3+8VdxzzP8D7fISjNhy4L3Cg8SvQqrQxeWmh+yETtn48VplA==",
+      "dev": true,
+      "requires": {
+        "@storybook/addon-actions": "7.6.1",
+        "@storybook/addon-backgrounds": "7.6.1",
+        "@storybook/addon-controls": "7.6.1",
+        "@storybook/addon-docs": "7.6.1",
+        "@storybook/addon-highlight": "7.6.1",
+        "@storybook/addon-measure": "7.6.1",
+        "@storybook/addon-outline": "7.6.1",
+        "@storybook/addon-toolbars": "7.6.1",
+        "@storybook/addon-viewport": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/manager-api": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
         "ts-dedent": "^2.0.0"
       }
     },
     "@storybook/addon-highlight": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.0.26.tgz",
-      "integrity": "sha512-+I+MoM7yXCA3YR2FwTSxSs6/IBpcc3Ey88WboGthR23ERmsgZOtum1S7KZ6cffNCOq4U0LzPkjKX2bICytFrIQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.1.tgz",
+      "integrity": "sha512-NcaIQA1clfKY8P13PlL7yypASaxNcLQ3+fjYa6ysS1dnXw4dV2ecPpYQD8/+sUXOTVtbSdtlVZIvPlmKrO2c5g==",
       "dev": true,
       "requires": {
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "7.0.26"
+        "@storybook/global": "^5.0.0"
       }
     },
     "@storybook/addon-links": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.0.26.tgz",
-      "integrity": "sha512-og+8AUAUpHsT+MVjhdQmRNJw9RUkHn5FFoou003b9V4UlPPNDYTo/tNEqOhUXn2l/ESAROJlR/q/8Qjdes24pA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.1.tgz",
+      "integrity": "sha512-0eW50nQcqztfgzqFoDXVJqNFQzx9LvsxuJVTdU7OTqfaFS72E85Yolnppd1tNHhDLsRpOPmUsDb68BWdIYp+sw==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/router": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "prop-types": "^15.7.2",
         "ts-dedent": "^2.0.0"
       }
     },
     "@storybook/addon-mdx-gfm": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-7.0.26.tgz",
-      "integrity": "sha512-dgqpCLz4mfHb0h8zAMF97Apybb+JLs5cZQvwavp3zuPccqA8Ho8wF5//LsgUdZEYxpaK2sk5ni6xESBjVyVD3A==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-7.6.1.tgz",
+      "integrity": "sha512-Zqdr/UlUHnfULLddgbyRTg+lCTvRYnWyU7P7c1DVyr1zFRLyVCA9gkCjPNHln2kC9LgVGOk9iLZe4qzPZyZEcg==",
       "dev": true,
       "requires": {
-        "@storybook/node-logger": "7.0.26",
+        "@storybook/node-logger": "7.6.1",
         "remark-gfm": "^3.0.1",
         "ts-dedent": "^2.0.0"
       }
     },
     "@storybook/addon-measure": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.0.26.tgz",
-      "integrity": "sha512-iAnI6q3GB8uSydK+S4m4ANpy0GpMpHhmU0oBtu6OmyyzHUH1RJ7/fGfBnzx6YT+rIOlqSFocxYGn74ylsp33Wg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.1.tgz",
+      "integrity": "sha512-RREJsDnBtLcI7kpay6fXvSjnGOwEHQQ14TyuhtWjbSRmP/H3mGgUUk6Aty/qi0nKuQPoj6RFSM2r/khTYOd0eg==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26"
+        "tiny-invariant": "^1.3.1"
       }
     },
     "@storybook/addon-outline": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.0.26.tgz",
-      "integrity": "sha512-oL7D0IWO0M6hMw5cWEC6JdKXlGadlVIdhIrVN+0gdFxuxCHTGpebQ02DCvyfls29UssEOxPaO1XMdu9tDlctbg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.1.tgz",
+      "integrity": "sha512-SaVqwbpD42iThYL69ypNozgQ2rOE5QaNRiKg4n5OkskFMsFi35/ZyOlufnKRBLgad2TUmVIS4vYerMiSGNOjew==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26",
         "ts-dedent": "^2.0.0"
       }
     },
     "@storybook/addon-toolbars": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.26.tgz",
-      "integrity": "sha512-DrwqcWuCLjaTNFtAYUxO2VaLrr2ibhB3ZQwW7J6a4YFCJaV49wempGPq3BzTWvrPUtMxGp7J3ZusdH9jBgCzjA==",
-      "dev": true,
-      "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26"
-      }
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.1.tgz",
+      "integrity": "sha512-nOE9q/57tuGed2z4+NGDhKfCii0Xh2SUt4C9O4tajoyVl2vs5MG+YnipbuIzmrmgPjs8oh0Bk+z7PtQGoRi7Xw==",
+      "dev": true
     },
     "@storybook/addon-viewport": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.0.26.tgz",
-      "integrity": "sha512-veAYxnR11sojXC7tlnBZ/USiafhWCsZNvjxmywl/XCh3MeDGFFDb2NN1s/7irAYXfNMOhgPGZED19BN9cQ8QRQ==",
-      "dev": true,
-      "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "memoizerific": "^1.11.3",
-        "prop-types": "^15.7.2"
-      }
-    },
-    "@storybook/addons": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.0.26.tgz",
-      "integrity": "sha512-zn7vdgXkQ4DpCJaawJsNPnh0NzXVXd2qfVtzYWWKT4eyj43VXxoVX2Z4woAD8h6G57JJg67+7hChRebUmd284A==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.1.tgz",
+      "integrity": "sha512-f+CYKLk6ftEzwf7Q48CBiJBaERzGzxBcMlcS1/xPg6n2AGpVl++HvFRpvDR/vuE22YpHVz5B1mwUusoXHemhyw==",
       "dev": true,
       "requires": {
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26"
-      }
-    },
-    "@storybook/api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.0.26.tgz",
-      "integrity": "sha512-czS5iWE3Px3e0sXjgt1T+LDiT6Tl4gXYPmHIaWpKGDCh4W2zrGolOvB0WqDt3IKhDGnXxaJF5jn705OGBQOptw==",
-      "dev": true,
-      "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/manager-api": "7.0.26"
+        "memoizerific": "^1.11.3"
       }
     },
     "@storybook/blocks": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.0.26.tgz",
-      "integrity": "sha512-VNYB6Y1Ocja8HVg4Bm1w7LvqRSEc9aLVD8BnI8BInHvekvxhaxTkfpA18qds7d8+RmerrJqAUhGx0jkIB/cvwA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.1.tgz",
+      "integrity": "sha512-thK7W/RrhDRkGGwm+Le8E2ffVY3oXtLl7UPR/IT8+waBXgeBzQz6Mjl4KQiV38sloRyz9ZRUiXT96mnrXIkeMQ==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/docs-tools": "7.0.26",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/components": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/docs-tools": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/manager-api": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/lodash": "^4.14.167",
         "color-convert": "^2.0.1",
         "dequal": "^2.0.2",
@@ -49733,7 +49618,8 @@
         "memoizerific": "^1.11.3",
         "polished": "^4.2.2",
         "react-colorful": "^5.1.2",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
+        "tocbot": "^4.20.1",
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2"
       },
@@ -49756,21 +49642,21 @@
       }
     },
     "@storybook/builder-manager": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.0.26.tgz",
-      "integrity": "sha512-1Uk3dL3Yu5AuimfHAghBHs11wf7B+a+277astqLx7HSeh3L49zcDZS4NhGHKmtQjsEorbvmtty3s16q2k+fM8A==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.1.tgz",
+      "integrity": "sha512-Hxp2y3XR5UgfsWWqVM7R4jb+4DZNe8LBb9ko3PzMRAySY0ED45/lPTK+zEEFhOX4mc1Ftqmj0RAJHmbwr0vQRg==",
       "dev": true,
       "requires": {
         "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/manager": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/manager": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
         "@types/ejs": "^3.1.1",
         "@types/find-cache-dir": "^3.2.1",
         "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
         "browser-assert": "^1.2.1",
         "ejs": "^3.1.8",
-        "esbuild": "^0.17.0",
+        "esbuild": "^0.18.0",
         "esbuild-plugin-alias": "^0.2.1",
         "express": "^4.17.3",
         "find-cache-dir": "^3.0.0",
@@ -49780,9 +49666,9 @@
       },
       "dependencies": {
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -49793,60 +49679,69 @@
       }
     },
     "@storybook/builder-webpack5": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.0.26.tgz",
-      "integrity": "sha512-LfntlZKm0PB6hrgXd7IlzjuCLzjQezYHt3GQfZRxzu7MAu/bgu7xtr7lMaIJOQd2ckpvEN7xhJ89t2mvdk5y0A==",
-      "dev": true,
-      "requires": {
-        "@babel/core": "^7.12.10",
-        "@storybook/addons": "7.0.26",
-        "@storybook/api": "7.0.26",
-        "@storybook/channel-postmessage": "7.0.26",
-        "@storybook/channel-websocket": "7.0.26",
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-api": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/components": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/core-webpack": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/router": "7.0.26",
-        "@storybook/store": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@types/node": "^16.0.0",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.6.1.tgz",
+      "integrity": "sha512-0bo8nNU/YhIgrfNBaebd9ruWLKZZmn/C/5ubkYCc8Yo1JxxZIJj3Hm45JCuSWMW2RO9DLnTF5TGpzNyVPtODpA==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.23.2",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/core-webpack": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preview": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@swc/core": "^1.3.82",
+        "@types/node": "^18.0.0",
         "@types/semver": "^7.3.4",
         "babel-loader": "^9.0.0",
-        "babel-plugin-named-exports-order": "^0.0.2",
         "browser-assert": "^1.2.1",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",
+        "constants-browserify": "^1.0.0",
         "css-loader": "^6.7.1",
+        "es-module-lexer": "^1.4.1",
         "express": "^4.17.3",
-        "fork-ts-checker-webpack-plugin": "^7.2.8",
+        "fork-ts-checker-webpack-plugin": "^8.0.0",
         "fs-extra": "^11.1.0",
         "html-webpack-plugin": "^5.5.0",
+        "magic-string": "^0.30.5",
         "path-browserify": "^1.0.1",
         "process": "^0.11.10",
         "semver": "^7.3.7",
         "style-loader": "^3.3.1",
+        "swc-loader": "^0.2.3",
         "terser-webpack-plugin": "^5.3.1",
         "ts-dedent": "^2.0.0",
+        "url": "^0.11.0",
         "util": "^0.12.4",
         "util-deprecate": "^1.0.2",
         "webpack": "5",
-        "webpack-dev-middleware": "^5.3.1",
+        "webpack-dev-middleware": "^6.1.1",
         "webpack-hot-middleware": "^2.25.1",
-        "webpack-virtual-modules": "^0.4.3"
+        "webpack-virtual-modules": "^0.5.0"
       },
       "dependencies": {
+        "@jridgewell/sourcemap-codec": {
+          "version": "1.4.15",
+          "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+          "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+          "dev": true
+        },
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
+        },
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -49854,6 +49749,27 @@
             "universalify": "^2.0.0"
           }
         },
+        "magic-string": {
+          "version": "0.30.5",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+          "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.15"
+          }
+        },
+        "schema-utils": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
+          "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.9.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.1.0"
+          }
+        },
         "semver": {
           "version": "7.5.4",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -49862,58 +49778,57 @@
           "requires": {
             "lru-cache": "^6.0.0"
           }
+        },
+        "webpack-dev-middleware": {
+          "version": "6.1.1",
+          "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.1.tgz",
+          "integrity": "sha512-y51HrHaFeeWir0YO4f0g+9GwZawuigzcAdRNon6jErXy/SqV/+O6eaVAzDqE6t3e3NpGeR5CS+cCDaTC+V3yEQ==",
+          "dev": true,
+          "requires": {
+            "colorette": "^2.0.10",
+            "memfs": "^3.4.12",
+            "mime-types": "^2.1.31",
+            "range-parser": "^1.2.1",
+            "schema-utils": "^4.0.0"
+          }
         }
       }
     },
-    "@storybook/channel-postmessage": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-7.0.26.tgz",
-      "integrity": "sha512-ZvFLr/tUD9dWIjQtIn1JXHjqrbOP/uEEOqzwpKSVj0Cl4Vgc12s8hecbzBufkOF7fwLsFvfieSi7ENOmjoncdQ==",
+    "@storybook/channels": {
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.1.tgz",
+      "integrity": "sha512-wQBiY8gLRs6I3V8Cr5xHNx3OImDhzsYGOMM8tUnVKO4HpcxsJ7ipQ8UvIU88MNbk+gx3WCsM4FZBBPF4f1Ar/g==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-events": "7.6.1",
         "@storybook/global": "^5.0.0",
         "qs": "^6.10.0",
-        "telejson": "^7.0.3"
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1"
       }
     },
-    "@storybook/channel-websocket": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/channel-websocket/-/channel-websocket-7.0.26.tgz",
-      "integrity": "sha512-c+0VcZf78RGnT/pWrH85yydt0azRKAHZF3SHWKM4+W8qOFr0Mk0+jqhPh1uoUoPDpBZDTKS/nzXY8cwUVwF/eA==",
-      "dev": true,
-      "requires": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/global": "^5.0.0",
-        "telejson": "^7.0.3"
-      }
-    },
-    "@storybook/channels": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.26.tgz",
-      "integrity": "sha512-Br3XILhrtuL5Sdp91I04kKjJzSqU/N8gGL6B6nIfnuaHUvGMDuMCHAB+g7aoiyH5dnpDZ6yBVGNwtYAyJA+0Og==",
-      "dev": true
-    },
     "@storybook/cli": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.0.26.tgz",
-      "integrity": "sha512-sZ136wRUYTdhhm/thegFoI47wOzl2X+K9eaiTTp0ARwnIUhXAPDQ0MKOD36hKbCX5T/pBE7r++7WoEReIbUDqQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.1.tgz",
+      "integrity": "sha512-o0KDj9E5VYVn55/l9j7YwncehlfIHX2CCBCp0opSmsv3ohw9ME9aTdl2q19j4SXV30UQFFbi/4Yn/FBWsShxRg==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.20.2",
-        "@babel/preset-env": "^7.20.2",
+        "@babel/core": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/types": "^7.23.0",
         "@ndelangen/get-tarball": "^3.0.7",
-        "@storybook/codemod": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/core-server": "7.0.26",
-        "@storybook/csf-tools": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/telemetry": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/codemod": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/core-server": "7.6.1",
+        "@storybook/csf-tools": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/telemetry": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/semver": "^7.3.4",
+        "@yarnpkg/fslib": "2.10.3",
+        "@yarnpkg/libzip": "2.3.0",
         "chalk": "^4.1.0",
         "commander": "^6.2.1",
         "cross-spawn": "^7.0.3",
@@ -49927,7 +49842,7 @@
         "get-port": "^5.1.1",
         "giget": "^1.0.0",
         "globby": "^11.0.2",
-        "jscodeshift": "^0.14.0",
+        "jscodeshift": "^0.15.1",
         "leven": "^3.1.0",
         "ora": "^5.4.1",
         "prettier": "^2.8.0",
@@ -49935,8 +49850,7 @@
         "puppeteer-core": "^2.1.1",
         "read-pkg-up": "^7.0.1",
         "semver": "^7.3.7",
-        "shelljs": "^0.8.5",
-        "simple-update-notifier": "^1.0.0",
+        "simple-update-notifier": "^2.0.0",
         "strip-json-comments": "^3.0.1",
         "tempy": "^1.0.1",
         "ts-dedent": "^2.0.0",
@@ -49994,9 +49908,9 @@
           }
         },
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -50039,194 +49953,37 @@
         }
       }
     },
-    "@storybook/client-api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/client-api/-/client-api-7.0.26.tgz",
-      "integrity": "sha512-55Oy5Es8ACABWT01iddUJHt8oT4VnuCvec/FUC4iN7ITiOGjk7YzZB3NftmD6C5+pVQC99buspuwg7IFxmj+Aw==",
-      "dev": true,
-      "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26"
-      }
-    },
     "@storybook/client-logger": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.26.tgz",
-      "integrity": "sha512-OMVLbgceoeuM8sWOfTX/9a4zCrH78G32hg7x8yXLZnRJ9OLaHJHzUM0Onc4MLudqVUdaKH0c8ejpBXUyIr1rJQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.1.tgz",
+      "integrity": "sha512-klaeDFGK2NAXoRDgp8+55Qn9mdVVNk16POb2/lbXYo8ydZDYaNjjLISO9+dLA65SL8NUEQw1m8YVhzyAQCE5bg==",
       "dev": true,
       "requires": {
         "@storybook/global": "^5.0.0"
       }
     },
     "@storybook/codemod": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.0.26.tgz",
-      "integrity": "sha512-H9sV59FfGrGzGM+UZQclNglnc4cOkQvvF3EOWlR3BfDhx+STSB9VbCR308ygjUYw2TXZ2s5seCvHtVvA2yhILA==",
-      "dev": true,
-      "requires": {
-        "@babel/core": "~7.21.0",
-        "@babel/preset-env": "~7.21.0",
-        "@babel/types": "~7.21.2",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/csf-tools": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/types": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.1.tgz",
+      "integrity": "sha512-V9zzrNVfJZ3y7Y0MIL3PySDmMuxKM207wE+XYectOCTTyz7pObylwpp3UugNRptj2vvinLfCx1SjKVQ6RpYarQ==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/csf-tools": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/types": "7.6.1",
+        "@types/cross-spawn": "^6.0.2",
         "cross-spawn": "^7.0.3",
         "globby": "^11.0.2",
-        "jscodeshift": "^0.14.0",
+        "jscodeshift": "^0.15.1",
         "lodash": "^4.17.21",
         "prettier": "^2.8.0",
         "recast": "^0.23.1"
       },
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": {
-          "version": "0.3.3",
-          "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-          "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-compilation-targets": "^7.17.7",
-            "@babel/helper-plugin-utils": "^7.16.7",
-            "debug": "^4.1.1",
-            "lodash.debounce": "^4.0.8",
-            "resolve": "^1.14.2",
-            "semver": "^6.1.2"
-          }
-        },
-        "@babel/plugin-proposal-private-property-in-object": {
-          "version": "7.21.11",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
-          "integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-annotate-as-pure": "^7.18.6",
-            "@babel/helper-create-class-features-plugin": "^7.21.0",
-            "@babel/helper-plugin-utils": "^7.20.2",
-            "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-          }
-        },
-        "@babel/preset-env": {
-          "version": "7.21.5",
-          "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.21.5.tgz",
-          "integrity": "sha512-wH00QnTTldTbf/IefEVyChtRdw5RJvODT/Vb4Vcxq1AZvtXj6T0YeX0cAcXhI6/BdGuiP3GcNIL4OQbI2DVNxg==",
-          "dev": true,
-          "requires": {
-            "@babel/compat-data": "^7.21.5",
-            "@babel/helper-compilation-targets": "^7.21.5",
-            "@babel/helper-plugin-utils": "^7.21.5",
-            "@babel/helper-validator-option": "^7.21.0",
-            "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.18.6",
-            "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.20.7",
-            "@babel/plugin-proposal-async-generator-functions": "^7.20.7",
-            "@babel/plugin-proposal-class-properties": "^7.18.6",
-            "@babel/plugin-proposal-class-static-block": "^7.21.0",
-            "@babel/plugin-proposal-dynamic-import": "^7.18.6",
-            "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-            "@babel/plugin-proposal-json-strings": "^7.18.6",
-            "@babel/plugin-proposal-logical-assignment-operators": "^7.20.7",
-            "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-            "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-            "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-            "@babel/plugin-proposal-optional-catch-binding": "^7.18.6",
-            "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-            "@babel/plugin-proposal-private-methods": "^7.18.6",
-            "@babel/plugin-proposal-private-property-in-object": "^7.21.0",
-            "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
-            "@babel/plugin-syntax-async-generators": "^7.8.4",
-            "@babel/plugin-syntax-class-properties": "^7.12.13",
-            "@babel/plugin-syntax-class-static-block": "^7.14.5",
-            "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-            "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-            "@babel/plugin-syntax-import-assertions": "^7.20.0",
-            "@babel/plugin-syntax-import-meta": "^7.10.4",
-            "@babel/plugin-syntax-json-strings": "^7.8.3",
-            "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-            "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-            "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-            "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-            "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-            "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-            "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-            "@babel/plugin-syntax-top-level-await": "^7.14.5",
-            "@babel/plugin-transform-arrow-functions": "^7.21.5",
-            "@babel/plugin-transform-async-to-generator": "^7.20.7",
-            "@babel/plugin-transform-block-scoped-functions": "^7.18.6",
-            "@babel/plugin-transform-block-scoping": "^7.21.0",
-            "@babel/plugin-transform-classes": "^7.21.0",
-            "@babel/plugin-transform-computed-properties": "^7.21.5",
-            "@babel/plugin-transform-destructuring": "^7.21.3",
-            "@babel/plugin-transform-dotall-regex": "^7.18.6",
-            "@babel/plugin-transform-duplicate-keys": "^7.18.9",
-            "@babel/plugin-transform-exponentiation-operator": "^7.18.6",
-            "@babel/plugin-transform-for-of": "^7.21.5",
-            "@babel/plugin-transform-function-name": "^7.18.9",
-            "@babel/plugin-transform-literals": "^7.18.9",
-            "@babel/plugin-transform-member-expression-literals": "^7.18.6",
-            "@babel/plugin-transform-modules-amd": "^7.20.11",
-            "@babel/plugin-transform-modules-commonjs": "^7.21.5",
-            "@babel/plugin-transform-modules-systemjs": "^7.20.11",
-            "@babel/plugin-transform-modules-umd": "^7.18.6",
-            "@babel/plugin-transform-named-capturing-groups-regex": "^7.20.5",
-            "@babel/plugin-transform-new-target": "^7.18.6",
-            "@babel/plugin-transform-object-super": "^7.18.6",
-            "@babel/plugin-transform-parameters": "^7.21.3",
-            "@babel/plugin-transform-property-literals": "^7.18.6",
-            "@babel/plugin-transform-regenerator": "^7.21.5",
-            "@babel/plugin-transform-reserved-words": "^7.18.6",
-            "@babel/plugin-transform-shorthand-properties": "^7.18.6",
-            "@babel/plugin-transform-spread": "^7.20.7",
-            "@babel/plugin-transform-sticky-regex": "^7.18.6",
-            "@babel/plugin-transform-template-literals": "^7.18.9",
-            "@babel/plugin-transform-typeof-symbol": "^7.18.9",
-            "@babel/plugin-transform-unicode-escapes": "^7.21.5",
-            "@babel/plugin-transform-unicode-regex": "^7.18.6",
-            "@babel/preset-modules": "^0.1.5",
-            "@babel/types": "^7.21.5",
-            "babel-plugin-polyfill-corejs2": "^0.3.3",
-            "babel-plugin-polyfill-corejs3": "^0.6.0",
-            "babel-plugin-polyfill-regenerator": "^0.4.1",
-            "core-js-compat": "^3.25.1",
-            "semver": "^6.3.0"
-          }
-        },
-        "@babel/preset-modules": {
-          "version": "0.1.6",
-          "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6.tgz",
-          "integrity": "sha512-ID2yj6K/4lKfhuU3+EX4UvNbIt7eACFbHmNUjzA+ep+B5971CknnA/9DEWKbRokfbbtblxxxXFJJrH47UEAMVg==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-plugin-utils": "^7.0.0",
-            "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
-            "@babel/plugin-transform-dotall-regex": "^7.4.4",
-            "@babel/types": "^7.4.4",
-            "esutils": "^2.0.2"
-          }
-        },
-        "babel-plugin-polyfill-corejs3": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz",
-          "integrity": "sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-define-polyfill-provider": "^0.3.3",
-            "core-js-compat": "^3.25.1"
-          }
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        },
         "prettier": {
           "version": "2.8.8",
           "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
@@ -50236,50 +49993,54 @@
       }
     },
     "@storybook/components": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.0.26.tgz",
-      "integrity": "sha512-n0TVWEF4Bc9JAyEIaN0PqwglbaYYRcPVG7ka+5wgGmBiuDlWI1SXd4EXxv2u0mVibHvtkHvOn6/GaZ1vG45p6g==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.1.tgz",
+      "integrity": "sha512-jZNGVepmn/iwZ/WSwchZfBo8r4knUpHLwrffMc8FSltmzyKxlEmtZwzlTbBCi48mBc0CqucI1GYtnhzzgX6N8w==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@radix-ui/react-select": "^1.2.2",
+        "@radix-ui/react-toolbar": "^1.0.4",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "memoizerific": "^1.11.3",
         "use-resize-observer": "^9.1.0",
         "util-deprecate": "^1.0.2"
       }
     },
     "@storybook/core-client": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.0.26.tgz",
-      "integrity": "sha512-1DA8mLnr0f6EuL74859IDK99a7CGNgMIN0/cAVNgYxq0WA4j+9ajsJ+/RIAgnS2NLVLR9kbezUtBEx4/H88IRA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.1.tgz",
+      "integrity": "sha512-izolLY0QAPREwm3ZCp9PZasa0OBchzxWYFaVekgbX66lhFJvAVfp84L17oi3HyVbQt7xbAlGPoSoP6wcfMecTw==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26"
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/preview-api": "7.6.1"
       }
     },
     "@storybook/core-common": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.0.26.tgz",
-      "integrity": "sha512-rojZblzB0egNXX0bZ7R3TuPDiBSIhxpZCrorrDMHOZ8F+zuBxyTiZ0yMxEDn7i46T2n1vX+hUHhwZVxZrLn/ZQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.1.tgz",
+      "integrity": "sha512-6K9UXUxO708T0H29Z2QDrLHU5nFL3VEWuS1vzbC/naJVt/yg+w1jzgknP7IFmmDf2e02tLQS886cE+M23249Tg==",
       "dev": true,
       "requires": {
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "@types/node": "^16.0.0",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/types": "7.6.1",
+        "@types/find-cache-dir": "^3.2.1",
+        "@types/node": "^18.0.0",
         "@types/node-fetch": "^2.6.4",
         "@types/pretty-hrtime": "^1.0.0",
         "chalk": "^4.1.0",
-        "esbuild": "^0.17.0",
-        "esbuild-register": "^3.4.0",
+        "esbuild": "^0.18.0",
+        "esbuild-register": "^3.5.0",
         "file-system-cache": "2.3.0",
+        "find-cache-dir": "^3.0.0",
         "find-up": "^5.0.0",
         "fs-extra": "^11.1.0",
-        "glob": "^8.1.0",
-        "glob-promise": "^6.0.2",
+        "glob": "^10.0.0",
         "handlebars": "^4.7.7",
         "lazy-universal-dotenv": "^4.0.0",
         "node-fetch": "^2.0.0",
@@ -50290,6 +50051,15 @@
         "ts-dedent": "^2.0.0"
       },
       "dependencies": {
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -50343,10 +50113,20 @@
             "path-exists": "^4.0.0"
           }
         },
+        "foreground-child": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
+          "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+          "dev": true,
+          "requires": {
+            "cross-spawn": "^7.0.0",
+            "signal-exit": "^4.0.1"
+          }
+        },
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -50355,16 +50135,16 @@
           }
         },
         "glob": {
-          "version": "8.1.0",
-          "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
-          "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+          "version": "10.3.10",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+          "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
           "dev": true,
           "requires": {
-            "fs.realpath": "^1.0.0",
-            "inflight": "^1.0.4",
-            "inherits": "2",
-            "minimatch": "^5.0.1",
-            "once": "^1.3.0"
+            "foreground-child": "^3.1.0",
+            "jackspeak": "^2.3.5",
+            "minimatch": "^9.0.1",
+            "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+            "path-scurry": "^1.10.1"
           }
         },
         "locate-path": {
@@ -50377,9 +50157,9 @@
           }
         },
         "minimatch": {
-          "version": "5.1.6",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-          "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+          "version": "9.0.3",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+          "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
           "dev": true,
           "requires": {
             "brace-expansion": "^2.0.1"
@@ -50402,41 +50182,50 @@
           "requires": {
             "find-up": "^5.0.0"
           }
+        },
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+          "dev": true
         }
       }
     },
     "@storybook/core-events": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.26.tgz",
-      "integrity": "sha512-ckZszphEAYs9wp8tPVhayEMzk8JxCiQfzbq0S45sbdqdTrl40PmsOjv5iPNaUYElI/Stfz+v4gDCEUfOsxyC+w==",
-      "dev": true
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.1.tgz",
+      "integrity": "sha512-4B55//oGyvdiKQUCMRHLlA6v7HW69tf4mqjHdPbwETyj9PzFTpo4S8tsYxkba/azCxvqncotPDsMkxycritGbA==",
+      "dev": true,
+      "requires": {
+        "ts-dedent": "^2.0.0"
+      }
     },
     "@storybook/core-server": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.0.26.tgz",
-      "integrity": "sha512-QieqH19jBPZafxJVmCVK6GTYkRN/CJ8RQUvyRH2KNhqXP0tHYfL51FlU70ldo/vHX6Ax4Cje5hx/Nln9+DOMNg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.1.tgz",
+      "integrity": "sha512-WqiNpcyS8j+AgrJSqF4FLKvgXKVYpvk0kouNzLHyXmknjfqcGPySKpEP/MYD9tALdAnZhA80M5suuLFSAWlXxw==",
       "dev": true,
       "requires": {
-        "@aw-web-design/x-default-browser": "1.4.88",
+        "@aw-web-design/x-default-browser": "1.4.126",
         "@discoveryjs/json-ext": "^0.5.3",
-        "@storybook/builder-manager": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/csf-tools": "7.0.26",
+        "@storybook/builder-manager": "7.6.1",
+        "@storybook/channels": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/csf-tools": "7.6.1",
         "@storybook/docs-mdx": "^0.1.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/telemetry": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/manager": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/telemetry": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/detect-port": "^1.3.0",
-        "@types/node": "^16.0.0",
-        "@types/node-fetch": "^2.5.7",
+        "@types/node": "^18.0.0",
         "@types/pretty-hrtime": "^1.0.0",
         "@types/semver": "^7.3.4",
-        "better-opn": "^2.1.1",
+        "better-opn": "^3.0.2",
         "chalk": "^4.1.0",
         "cli-table3": "^0.6.1",
         "compression": "^1.7.4",
@@ -50446,20 +50235,29 @@
         "globby": "^11.0.2",
         "ip": "^2.0.0",
         "lodash": "^4.17.21",
-        "node-fetch": "^2.6.7",
         "open": "^8.4.0",
         "pretty-hrtime": "^1.0.3",
         "prompts": "^2.4.0",
         "read-pkg-up": "^7.0.1",
         "semver": "^7.3.7",
-        "serve-favicon": "^2.5.0",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0",
+        "util": "^0.12.4",
         "util-deprecate": "^1.0.2",
         "watchpack": "^2.2.0",
         "ws": "^8.2.3"
       },
       "dependencies": {
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -50495,9 +50293,9 @@
           "dev": true
         },
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -50515,30 +50313,41 @@
           }
         },
         "ws": {
-          "version": "8.13.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
-          "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
+          "version": "8.14.2",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+          "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
           "dev": true
         }
       }
     },
     "@storybook/core-webpack": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.0.26.tgz",
-      "integrity": "sha512-mIi+D+15sGRh8CWE7mMgvxX8KRfrACcR+AuEDi9rfQBB2PX0Okkrh6GAxPWjjeFFG7DF4RXdkusgC8/seYCTXg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.6.1.tgz",
+      "integrity": "sha512-IPxDICZAu5nAU+MHzmha5uaLirHrLpC6StNc2aeQ75YOk0MwdRj49F7AAqWegBlnvOy0wdfYf5jxQD7N/C//rA==",
       "dev": true,
       "requires": {
-        "@storybook/core-common": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/types": "7.0.26",
-        "@types/node": "^16.0.0",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/types": "7.6.1",
+        "@types/node": "^18.0.0",
         "ts-dedent": "^2.0.0"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
+        }
       }
     },
     "@storybook/csf": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.0.tgz",
-      "integrity": "sha512-uk+jMXCZ8t38jSTHk2o5btI+aV2Ksbvl6DoOv3r6VaCM1KZqeuMwtwywIQdflkA8/6q/dKT8z8L+g8hC4GC3VQ==",
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.2.tgz",
+      "integrity": "sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==",
       "dev": true,
       "requires": {
         "type-fest": "^2.19.0"
@@ -50553,36 +50362,36 @@
       }
     },
     "@storybook/csf-plugin": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.0.26.tgz",
-      "integrity": "sha512-D+wZvKlFxI/Vur8SRvkwKujOdV8ZL6xKiCX/07nFJXhhZoaeM+E78xPCL613Hj15GloujMkAnv7CT2rCiFJYow==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.1.tgz",
+      "integrity": "sha512-wkUNl3nJGoUFyVk7lPFwStCqD4e51jqYFCxCSFifsLHtVKpNZPIR5AmiRTExmx4VL0xlmloTvOE9Mdkc7pWhiw==",
       "dev": true,
       "requires": {
-        "@storybook/csf-tools": "7.0.26",
-        "unplugin": "^0.10.2"
+        "@storybook/csf-tools": "7.6.1",
+        "unplugin": "^1.3.1"
       }
     },
     "@storybook/csf-tools": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.0.26.tgz",
-      "integrity": "sha512-O8WJNOkvgrGV6gS/5ERkgqiXOxoXMuHtzdJpIM9DHPhzkSxB1Inl3WrX/dRRDNtmiHf87hBUuzhgo7YR7z4tuQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.1.tgz",
+      "integrity": "sha512-+fkVma/Qbm5Lips9jwlN/wZybikYHJNGiAyjT1qjtfis9115XSUKXJtGhnAUtB6sbYtoFBNvBJ9QrFKa1lEZ/A==",
       "dev": true,
       "requires": {
-        "@babel/generator": "~7.21.1",
-        "@babel/parser": "~7.21.2",
-        "@babel/traverse": "~7.21.2",
-        "@babel/types": "~7.21.2",
-        "@storybook/csf": "^0.1.0",
-        "@storybook/types": "7.0.26",
+        "@babel/generator": "^7.23.0",
+        "@babel/parser": "^7.23.0",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/types": "7.6.1",
         "fs-extra": "^11.1.0",
         "recast": "^0.23.1",
         "ts-dedent": "^2.0.0"
       },
       "dependencies": {
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -50599,16 +50408,16 @@
       "dev": true
     },
     "@storybook/docs-tools": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.0.26.tgz",
-      "integrity": "sha512-Ibpm/OTR2XmJgix5w+wMYbDwN0zp5e/pcqSHy36OvkBOG588IKSSzYdBjGdTLPHWBoehp2Kyndw/5dL/09ftXA==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.1.tgz",
+      "integrity": "sha512-F6mbKFWwqzCTM39xnsW5FH/wSxeQTZ/N9j1MM8J+x39QbWbLi2VodSuPjKyS1L7CPcYhc3N1Re/F3lIgpF2piw==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.12.10",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/doctrine": "^0.0.3",
+        "assert": "^2.1.0",
         "doctrine": "^3.0.0",
         "lodash": "^4.17.21"
       }
@@ -50620,31 +50429,31 @@
       "dev": true
     },
     "@storybook/manager": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.0.26.tgz",
-      "integrity": "sha512-mxjU/pmHr8xL96HCipqazvZWQkxBPCbpZ2+YsJuJoLFN4m7RoOK21VK0euBW24NlSg7Vp57XGQcrJCv6xUTKMg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.1.tgz",
+      "integrity": "sha512-e2cYvMl01TZj+s++aqlCkeyvZoIFAUaRyG8d6rj2S1mIfzSl41NL2e76cdm5nIdrgkZFv4fMNaWpXyJp1p3wfg==",
       "dev": true
     },
     "@storybook/manager-api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.26.tgz",
-      "integrity": "sha512-/2p6lU7r30qMXob/UnzRL9yq7XjoE+YQXv1KhrcePfMBARbelYw9RYhYT/AkXGtb9/Fa95uG3lNvoDLC1IQfMQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.1.tgz",
+      "integrity": "sha512-Fo+sM5ExbZ3UWWVMd5A3+Mee9/YGtLAla3yActaemcWmR2r/THjoFtL4GU2qmUnUvTvSYLYir6s1+90cUyfSvA==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/router": "7.0.26",
-        "@storybook/theming": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/router": "7.6.1",
+        "@storybook/theming": "7.6.1",
+        "@storybook/types": "7.6.1",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "memoizerific": "^1.11.3",
         "semver": "^7.3.7",
         "store2": "^2.14.2",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
         "ts-dedent": "^2.0.0"
       },
       "dependencies": {
@@ -50666,36 +50475,38 @@
       "dev": true
     },
     "@storybook/nextjs": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-7.0.26.tgz",
-      "integrity": "sha512-G7A0WGvh4DnESM1S+UIFbi7HgxrOwq2UhdBo8Cd0VyM6qwHomagGPCq3MNHHlmXLiObBezxEqBrbAm2l8klBTQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-7.6.1.tgz",
+      "integrity": "sha512-kizybEUG9YnoVKfAO4uysKHoJPVRaq6CxBN11LRU/I+aOUnQLzNrdlOOkyReAAdkhes/RVekdq/cHkOKkLhyCQ==",
       "dev": true,
       "requires": {
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-        "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/core": "^7.23.2",
         "@babel/plugin-syntax-bigint": "^7.8.3",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.20.0",
-        "@babel/plugin-transform-runtime": "^7.21.0",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@babel/runtime": "^7.21.0",
-        "@storybook/addon-actions": "7.0.26",
-        "@storybook/builder-webpack5": "7.0.26",
-        "@storybook/core-common": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/preset-react-webpack": "7.0.26",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/react": "7.0.26",
-        "@types/node": "^16.0.0",
+        "@babel/plugin-syntax-import-assertions": "^7.22.5",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
+        "@babel/plugin-transform-numeric-separator": "^7.22.11",
+        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
+        "@babel/plugin-transform-runtime": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/preset-react": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.2",
+        "@babel/runtime": "^7.23.2",
+        "@storybook/addon-actions": "7.6.1",
+        "@storybook/builder-webpack5": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/preset-react-webpack": "7.6.1",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/react": "7.6.1",
+        "@types/node": "^18.0.0",
         "css-loader": "^6.7.3",
         "find-up": "^5.0.0",
         "fs-extra": "^11.1.0",
         "image-size": "^1.0.0",
-        "loader-utils": "^3.2.0",
+        "loader-utils": "^3.2.1",
         "node-polyfill-webpack-plugin": "^2.0.1",
         "pnp-webpack-plugin": "^1.7.0",
         "postcss": "^8.4.21",
@@ -50703,47 +50514,32 @@
         "resolve-url-loader": "^5.0.0",
         "sass-loader": "^12.4.0",
         "semver": "^7.3.5",
+        "sharp": "^0.32.6",
         "style-loader": "^3.3.1",
         "styled-jsx": "5.1.1",
         "ts-dedent": "^2.0.0",
         "tsconfig-paths": "^4.0.0",
-        "tsconfig-paths-webpack-plugin": "^3.5.2"
+        "tsconfig-paths-webpack-plugin": "^4.0.1"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+        "@babel/plugin-syntax-import-assertions": {
+          "version": "7.23.3",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz",
+          "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==",
           "dev": true,
           "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
+            "@babel/helper-plugin-utils": "^7.22.5"
           }
         },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
           "dev": true,
           "requires": {
-            "color-name": "~1.1.4"
+            "undici-types": "~5.26.4"
           }
         },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        },
         "find-up": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -50765,15 +50561,6 @@
             "universalify": "^2.0.0"
           }
         },
-        "json5": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
         "loader-utils": {
           "version": "3.2.1",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
@@ -50836,116 +50623,65 @@
           "requires": {
             "client-only": "0.0.1"
           }
-        },
-        "tsconfig-paths-webpack-plugin": {
-          "version": "3.5.2",
-          "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-3.5.2.tgz",
-          "integrity": "sha512-EhnfjHbzm5IYI9YPNVIxx1moxMI4bpHD2e0zTXeDNQcwjjRaGepP7IhTHJkyDBG0CAOoxRfe7jCG630Ou+C6Pw==",
-          "dev": true,
-          "requires": {
-            "chalk": "^4.1.0",
-            "enhanced-resolve": "^5.7.0",
-            "tsconfig-paths": "^3.9.0"
-          },
-          "dependencies": {
-            "tsconfig-paths": {
-              "version": "3.14.2",
-              "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-              "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-              "dev": true,
-              "requires": {
-                "@types/json5": "^0.0.29",
-                "json5": "^1.0.2",
-                "minimist": "^1.2.6",
-                "strip-bom": "^3.0.0"
-              }
-            }
-          }
         }
       }
     },
     "@storybook/node-logger": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.0.26.tgz",
-      "integrity": "sha512-3Jqv3fRb8+Mn/aNl4IztgUAS/pvouVzpfHDc8+6KYAoFMeDXwHVlfF/+gRCpd/fbYaTHGrycIs5G48bC190Dgg==",
-      "dev": true,
-      "requires": {
-        "@types/npmlog": "^4.1.2",
-        "chalk": "^4.1.0",
-        "npmlog": "^5.0.1",
-        "pretty-hrtime": "^1.0.3"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        }
-      }
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.1.tgz",
+      "integrity": "sha512-aHQUfWJBJBBof4WfNN552I76QZmMwLHeerI+98NE3IphRHlM+OW96crKXKvX7DWaN5otgxdXroZFpEABKhHIwQ==",
+      "dev": true
     },
     "@storybook/postinstall": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.0.26.tgz",
-      "integrity": "sha512-NhJBpQ+49RWF63UkdwrEwBLJBjAZeTlruPWfXGUb343iaGNNTsD3jajbToFHncibewH83yk6MeGfiyUva60oJw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.1.tgz",
+      "integrity": "sha512-XYJPzJ4ZCxTn6r/mTXKCtLUBLo0yPiA4fnCPE+ltyYvhLZ0Hm7o0TP4ew7zvoXKuGJZUH4vuEBCt+AdqrSp6Qw==",
       "dev": true
     },
     "@storybook/preset-react-webpack": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.0.26.tgz",
-      "integrity": "sha512-uJTW7of4eF8upoP2W0N5FVi1DG2f6CXkkI5qX4WmYFAmCtShor75EZTcv50QF4GOKJs9NlHDgC2+i6gT24u1rg==",
-      "dev": true,
-      "requires": {
-        "@babel/preset-flow": "^7.18.6",
-        "@babel/preset-react": "^7.18.6",
-        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-        "@storybook/core-webpack": "7.0.26",
-        "@storybook/docs-tools": "7.0.26",
-        "@storybook/node-logger": "7.0.26",
-        "@storybook/react": "7.0.26",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.6.1.tgz",
+      "integrity": "sha512-dgLFsdylKF3Bfa00a2aCs7N1LsZU9GH3pmCrERpXUUEMVdS4oPoExRsEjFoTrV9FrToAHWf8TRY8LLEyA/I/zg==",
+      "dev": true,
+      "requires": {
+        "@babel/preset-flow": "^7.22.15",
+        "@babel/preset-react": "^7.22.15",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
+        "@storybook/core-webpack": "7.6.1",
+        "@storybook/docs-tools": "7.6.1",
+        "@storybook/node-logger": "7.6.1",
+        "@storybook/react": "7.6.1",
         "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
-        "@types/node": "^16.0.0",
+        "@types/node": "^18.0.0",
         "@types/semver": "^7.3.4",
         "babel-plugin-add-react-displayname": "^0.0.5",
-        "babel-plugin-react-docgen": "^4.2.1",
         "fs-extra": "^11.1.0",
-        "react-refresh": "^0.11.0",
+        "magic-string": "^0.30.5",
+        "react-docgen": "^7.0.0",
+        "react-refresh": "^0.14.0",
         "semver": "^7.3.7",
         "webpack": "5"
       },
       "dependencies": {
+        "@jridgewell/sourcemap-codec": {
+          "version": "1.4.15",
+          "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+          "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+          "dev": true
+        },
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
+        },
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -50953,6 +50689,15 @@
             "universalify": "^2.0.0"
           }
         },
+        "magic-string": {
+          "version": "0.30.5",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+          "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.15"
+          }
+        },
         "semver": {
           "version": "7.5.4",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -50965,24 +50710,23 @@
       }
     },
     "@storybook/preview": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.0.26.tgz",
-      "integrity": "sha512-9Uaxl/MEMYqjLlKAeAF2ATuaM0yQagXUfu2bEOpuor2ys9XoisDkvB7jfsCVqMZHeQ+mCdYyBICHhgqzxcO2Zg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.1.tgz",
+      "integrity": "sha512-5qC/skcs0gQenTfCNa2LLp7X9++ZuLQwoweNmAtRJ8Gxn9ac6Yd3/pf9xjxAhlLDhb4Ojdrb9owrPAOf9b4woA==",
       "dev": true
     },
     "@storybook/preview-api": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.0.26.tgz",
-      "integrity": "sha512-uJwA4errBOZOoDF2T7Z2oLqjAYvvjMr31sTsOoT0niJtWr29RQp8yS6VoSrsuh+y3FAVqBEl5pS+DX3IGLjvxw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.1.tgz",
+      "integrity": "sha512-lhuwkDHBZCq3UtQXRkGKTBntINkXPXyAA7fSYWrwfQBr/3NhaCoj859b+71Ax8sYcSFF4+U3S6+o8XE3dz+kwA==",
       "dev": true,
       "requires": {
-        "@storybook/channel-postmessage": "7.0.26",
-        "@storybook/channels": "7.0.26",
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-events": "7.0.26",
-        "@storybook/csf": "^0.1.0",
+        "@storybook/channels": "7.6.1",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-events": "7.6.1",
+        "@storybook/csf": "^0.1.2",
         "@storybook/global": "^5.0.0",
-        "@storybook/types": "7.0.26",
+        "@storybook/types": "7.6.1",
         "@types/qs": "^6.9.5",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
@@ -50994,31 +50738,31 @@
       }
     },
     "@storybook/react": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.0.26.tgz",
-      "integrity": "sha512-+YK/1vF2Pd/PX7Ss5yPCIh9hee7iMVbu86gdjV9n9r6G244jQ7HLtdA01JKfq92/UgoysSWUjUECrxrUvcsh5w==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.1.tgz",
+      "integrity": "sha512-zl157OA2ihP7sGDzgiU9lnXJ+iDDnxcEJu0xVCVsAjD1BvAKYB1Otc6aRIRCHLQLP8yoM7ekxzWYl9lGjXunNA==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-client": "7.0.26",
-        "@storybook/docs-tools": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-client": "7.6.1",
+        "@storybook/docs-tools": "7.6.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "7.0.26",
-        "@storybook/react-dom-shim": "7.0.26",
-        "@storybook/types": "7.0.26",
+        "@storybook/preview-api": "7.6.1",
+        "@storybook/react-dom-shim": "7.6.1",
+        "@storybook/types": "7.6.1",
         "@types/escodegen": "^0.0.6",
         "@types/estree": "^0.0.51",
-        "@types/node": "^16.0.0",
+        "@types/node": "^18.0.0",
         "acorn": "^7.4.1",
         "acorn-jsx": "^5.3.1",
         "acorn-walk": "^7.2.0",
-        "escodegen": "^2.0.0",
+        "escodegen": "^2.1.0",
         "html-tags": "^3.1.0",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
         "react-element-to-jsx-string": "^15.0.0",
         "ts-dedent": "^2.0.0",
-        "type-fest": "^2.19.0",
+        "type-fest": "~2.19",
         "util-deprecate": "^1.0.2"
       },
       "dependencies": {
@@ -51028,6 +50772,15 @@
           "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
           "dev": true
         },
+        "@types/node": {
+          "version": "18.18.14",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.14.tgz",
+          "integrity": "sha512-iSOeNeXYNYNLLOMDSVPvIFojclvMZ/HDY2dU17kUlcsOsSQETbWIslJbYLZgA+ox8g2XQwSHKTkght1a5X26lQ==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
+        },
         "acorn": {
           "version": "7.4.1",
           "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -51079,54 +50832,43 @@
           "dev": true
         },
         "tslib": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-          "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
           "dev": true
         }
       }
     },
     "@storybook/react-dom-shim": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.26.tgz",
-      "integrity": "sha512-heobG4IovYAD9fo7qmUHylCSQjDd1eXDCOaTiy+XVKobHAJgkz1gKqbaFSP6KLkPE4cKyScku2K9mY0tcKIhMw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.1.tgz",
+      "integrity": "sha512-COIVtG33Pfa8o8PR7VlQKjBOD5jG3dUPLuRBwvomy3+fkoS5JZNTnehZrgDDMkevpZr8eb0A+uCfLckicsg/ig==",
       "dev": true
     },
     "@storybook/router": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.26.tgz",
-      "integrity": "sha512-OfLittKxdahsgKsmQFoBX9q5tN/aqKMhhc/WbW88UPAQCUcEuazB0CwM+LI9YXY+n5L+vpLI4lGlgaqvPy4hHw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.1.tgz",
+      "integrity": "sha512-zoIRDhes/4R9jsJ6c48xqmhcGYrSoPBzxEWnIaeSv0rEZFLhkTgruyAG0/rJ0FrCsSwFxVSI6ecYfCPVYMVr7w==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
         "memoizerific": "^1.11.3",
         "qs": "^6.10.0"
       }
     },
-    "@storybook/store": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/store/-/store-7.0.26.tgz",
-      "integrity": "sha512-gJ9LDv8Mos8kPHj7SDEpBxQVL756j+15XUqBeBjgK+/TihnzIFeeX9QaTLo+As8bhgF/P2MVR+v0Qv9Zlm9MgQ==",
-      "dev": true,
-      "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/preview-api": "7.0.26"
-      }
-    },
     "@storybook/telemetry": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.0.26.tgz",
-      "integrity": "sha512-TgvtARAiD+SNyWJJfQdPiWW5JQkbX1UdHKEqEhoJXsGDkEi2Zpb+1tdeP1qZ3Gfbd1K0/LDpXGcqLv6/deSEdg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.1.tgz",
+      "integrity": "sha512-xR2OUqoANSjHReu4RONXNAkoy9WPwZfk3IfajtqgMsYlwXY/yvLZqDkp/eZNhI6gps8IsP7gMx9E1WDqS3ghcA==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.26",
-        "@storybook/core-common": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
+        "@storybook/core-common": "7.6.1",
+        "@storybook/csf-tools": "7.6.1",
         "chalk": "^4.1.0",
         "detect-package-manager": "^2.0.1",
         "fetch-retry": "^5.0.2",
         "fs-extra": "^11.1.0",
-        "isomorphic-unfetch": "^3.1.0",
-        "nanoid": "^3.3.1",
         "read-pkg-up": "^7.0.1"
       },
       "dependencies": {
@@ -51165,9 +50907,9 @@
           "dev": true
         },
         "fs-extra": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -51178,24 +50920,24 @@
       }
     },
     "@storybook/theming": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.26.tgz",
-      "integrity": "sha512-7hxpT2yq+xZonSsEZHOF+HDHx6GE0qlys3EQ63K9XCJ8VeBnq9M5zHvMK9iXl90093ufxpvWsfDWgtja2zvmTw==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.1.tgz",
+      "integrity": "sha512-e6S5jRn90etnvlJKIJ4wlFauFn9tNQ2YJ/Uyo8yUUGrA665yc7zdBZPUwD6oHYXP6znEfXMJ2dbx/hs1I/V7Gw==",
       "dev": true,
       "requires": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.0.26",
+        "@storybook/client-logger": "7.6.1",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       }
     },
     "@storybook/types": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.26.tgz",
-      "integrity": "sha512-5RBi6agtDglNXdffmw4+Fyv2dUdlIdeOdUj0O5+JRYajTxfHdurZd9r/42z4OstN+ORDkLA/svt8Q9JyRpIb6Q==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.1.tgz",
+      "integrity": "sha512-xwEdMHbms7nnyPugqrxjz62n1CoAZ6I+m6y7Rfk/2C0nsgpS0Go1UXUNmcWNxx2ZYX7bEgSPZtcYZa9buPSY3g==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "7.0.26",
+        "@storybook/channels": "7.6.1",
         "@types/babel__core": "^7.0.0",
         "@types/express": "^4.7.0",
         "file-system-cache": "2.3.0"
@@ -51412,6 +51154,94 @@
         "@svgr/plugin-svgo": "8.0.1"
       }
     },
+    "@swc/core": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.3.99.tgz",
+      "integrity": "sha512-8O996RfuPC4ieb4zbYMfbyCU9k4gSOpyCNnr7qBQ+o7IEmh8JCV6B8wwu+fT/Om/6Lp34KJe1IpJ/24axKS6TQ==",
+      "dev": true,
+      "requires": {
+        "@swc/core-darwin-arm64": "1.3.99",
+        "@swc/core-darwin-x64": "1.3.99",
+        "@swc/core-linux-arm64-gnu": "1.3.99",
+        "@swc/core-linux-arm64-musl": "1.3.99",
+        "@swc/core-linux-x64-gnu": "1.3.99",
+        "@swc/core-linux-x64-musl": "1.3.99",
+        "@swc/core-win32-arm64-msvc": "1.3.99",
+        "@swc/core-win32-ia32-msvc": "1.3.99",
+        "@swc/core-win32-x64-msvc": "1.3.99",
+        "@swc/counter": "^0.1.1",
+        "@swc/types": "^0.1.5"
+      }
+    },
+    "@swc/core-darwin-arm64": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.99.tgz",
+      "integrity": "sha512-Qj7Jct68q3ZKeuJrjPx7k8SxzWN6PqLh+VFxzA+KwLDpQDPzOlKRZwkIMzuFjLhITO4RHgSnXoDk/Syz0ZeN+Q==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-darwin-x64": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.99.tgz",
+      "integrity": "sha512-wR7m9QVJjgiBu1PSOHy7s66uJPa45Kf9bZExXUL+JAa9OQxt5y+XVzr+n+F045VXQOwdGWplgPnWjgbUUHEVyw==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-linux-arm64-gnu": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.99.tgz",
+      "integrity": "sha512-gcGv1l5t0DScEONmw5OhdVmEI/o49HCe9Ik38zzH0NtDkc+PDYaCcXU5rvfZP2qJFaAAr8cua8iJcOunOSLmnA==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-linux-arm64-musl": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.99.tgz",
+      "integrity": "sha512-XL1/eUsTO8BiKsWq9i3iWh7H99iPO61+9HYiWVKhSavknfj4Plbn+XyajDpxsauln5o8t+BRGitymtnAWJM4UQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-linux-x64-gnu": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.99.tgz",
+      "integrity": "sha512-fGrXYE6DbTfGNIGQmBefYxSk3rp/1lgbD0nVg4rl4mfFRQPi7CgGhrrqSuqZ/ezXInUIgoCyvYGWFSwjLXt/Qg==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-linux-x64-musl": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.99.tgz",
+      "integrity": "sha512-kvgZp/mqf3IJ806gUOL6gN6VU15+DfzM1Zv4Udn8GqgXiUAvbQehrtruid4Snn5pZTLj4PEpSCBbxgxK1jbssA==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-win32-arm64-msvc": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.99.tgz",
+      "integrity": "sha512-yt8RtZ4W/QgFF+JUemOUQAkVW58cCST7mbfKFZ1v16w3pl3NcWd9OrtppFIXpbjU1rrUX2zp2R7HZZzZ2Zk/aQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-win32-ia32-msvc": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.99.tgz",
+      "integrity": "sha512-62p5fWnOJR/rlbmbUIpQEVRconICy5KDScWVuJg1v3GPLBrmacjphyHiJC1mp6dYvvoEWCk/77c/jcQwlXrDXw==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/core-win32-x64-msvc": {
+      "version": "1.3.99",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.99.tgz",
+      "integrity": "sha512-PdppWhkoS45VGdMBxvClVgF1hVjqamtvYd82Gab1i4IV45OSym2KinoDCKE1b6j3LwBLOn2J9fvChGSgGfDCHQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@swc/counter": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz",
+      "integrity": "sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==",
+      "dev": true
+    },
     "@swc/helpers": {
       "version": "0.4.11",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
@@ -51427,6 +51257,12 @@
         }
       }
     },
+    "@swc/types": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
+      "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==",
+      "dev": true
+    },
     "@synthetixio/synpress": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/@synthetixio/synpress/-/synpress-3.7.1.tgz",
@@ -52226,6 +52062,15 @@
         "@types/node": "*"
       }
     },
+    "@types/cross-spawn": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@types/d3": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.0.0.tgz",
@@ -52488,9 +52333,9 @@
       }
     },
     "@types/detect-port": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.3.tgz",
-      "integrity": "sha512-bV/jQlAJ/nPY3XqSatkGpu+nGzou+uSwrH1cROhn+jBFg47yaNH+blW4C7p9KhopC7QxCv/6M86s37k8dMk0Yg==",
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.5.tgz",
+      "integrity": "sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==",
       "dev": true
     },
     "@types/doctrine": {
@@ -52500,9 +52345,15 @@
       "dev": true
     },
     "@types/ejs": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.2.tgz",
-      "integrity": "sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.5.tgz",
+      "integrity": "sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==",
+      "dev": true
+    },
+    "@types/emscripten": {
+      "version": "1.39.10",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.10.tgz",
+      "integrity": "sha512-TB/6hBkYQJxsZHSqyeuO1Jt0AB/bW6G7rHt9g7lML7SOF6lbgcHvw/Lr+69iqN0qxgXLhWKScAon73JNnptuDw==",
       "dev": true
     },
     "@types/escodegen": {
@@ -52522,9 +52373,9 @@
       }
     },
     "@types/eslint-scope": {
-      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
-      "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "dev": true,
       "requires": {
         "@types/eslint": "*",
@@ -52593,9 +52444,9 @@
       }
     },
     "@types/graceful-fs": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.7.tgz",
-      "integrity": "sha512-MhzcwU8aUygZroVwL2jeYk6JisJrPl/oov/gsgGCue9mkgl9wjGbzReYQClxiUgFDnib9FuHqTndccKeZKxTRw==",
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
       "dev": true,
       "requires": {
         "@types/node": "*"
@@ -52727,9 +52578,9 @@
       }
     },
     "@types/mdx": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.5.tgz",
-      "integrity": "sha512-76CqzuD6Q7LC+AtbPqrvD9AqsN0k8bsYo2bM2J8pmNldP1aIPAbzUQ7QbobyXL4eLr1wK5x8FZFe8eF/ubRuBg==",
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.10.tgz",
+      "integrity": "sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==",
       "dev": true
     },
     "@types/mime": {
@@ -52739,9 +52590,9 @@
       "dev": true
     },
     "@types/mime-types": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.1.tgz",
-      "integrity": "sha512-vXOTGVSLR2jMw440moWTC7H19iUyLtP3Z1YTj7cSsubOICinjMxFeb/V57v9QdyyPGbbWolUFSSmSiRSn94tFw==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.4.tgz",
+      "integrity": "sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==",
       "dev": true
     },
     "@types/minimatch": {
@@ -52766,13 +52617,26 @@
       "integrity": "sha512-KPXltf4z4g517OlVJO9XQ2357CYw7fvuJ3ZuBynjXC5Jos9i+K7LvFb7bUIwtJXSZj0vTp9Q6NJBSQpkwwO8Zw=="
     },
     "@types/node-fetch": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.4.tgz",
-      "integrity": "sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==",
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.9.tgz",
+      "integrity": "sha512-bQVlnMLFJ2d35DkPNjEPmd9ueO/rh5EiaZt2bhqiSarPjZIuIV6bPQVqcrEyvNo+AfTrRGVazle1tl597w3gfA==",
       "dev": true,
       "requires": {
         "@types/node": "*",
-        "form-data": "^3.0.0"
+        "form-data": "^4.0.0"
+      },
+      "dependencies": {
+        "form-data": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+          "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+          "dev": true,
+          "requires": {
+            "asynckit": "^0.4.0",
+            "combined-stream": "^1.0.8",
+            "mime-types": "^2.1.12"
+          }
+        }
       }
     },
     "@types/normalize-package-data": {
@@ -52781,12 +52645,6 @@
       "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
-    "@types/npmlog": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/@types/npmlog/-/npmlog-4.1.4.tgz",
-      "integrity": "sha512-WKG4gTr8przEZBiJ5r3s8ZIAoMXNbOgQ+j/d5O4X3x6kZJRLNvyUJuUK/KoG3+8BaOHPhp2m7WC6JKKeovDSzQ==",
-      "dev": true
-    },
     "@types/nprogress": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.0.tgz",
@@ -52821,9 +52679,9 @@
       "dev": true
     },
     "@types/pretty-hrtime": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.1.tgz",
-      "integrity": "sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
+      "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==",
       "dev": true
     },
     "@types/prop-types": {
@@ -52942,6 +52800,12 @@
         "@types/react": "*"
       }
     },
+    "@types/resolve": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz",
+      "integrity": "sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==",
+      "dev": true
+    },
     "@types/retry": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
@@ -53167,6 +53031,12 @@
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz",
       "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ=="
     },
+    "@types/uuid": {
+      "version": "9.0.7",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.7.tgz",
+      "integrity": "sha512-WUtIVRUZ9i5dYXefDEAI7sh9/O7jGvHg7Df/5O/gtH3Yabe5odI3UWopVR1qbPXQtvOxWu3mM4XxlYeZtMWF4g==",
+      "dev": true
+    },
     "@types/validator": {
       "version": "13.7.17",
       "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.7.17.tgz",
@@ -53221,9 +53091,9 @@
       }
     },
     "@types/yargs": {
-      "version": "17.0.24",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
-      "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
+      "version": "17.0.32",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
+      "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==",
       "dev": true,
       "requires": {
         "@types/yargs-parser": "*"
@@ -53531,105 +53401,6 @@
         "@babel/plugin-transform-react-jsx-source": "^7.22.5",
         "@types/babel__core": "^7.20.2",
         "react-refresh": "^0.14.0"
-      },
-      "dependencies": {
-        "@babel/core": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.0.tgz",
-          "integrity": "sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==",
-          "dev": true,
-          "requires": {
-            "@ampproject/remapping": "^2.2.0",
-            "@babel/code-frame": "^7.22.13",
-            "@babel/generator": "^7.23.0",
-            "@babel/helper-compilation-targets": "^7.22.15",
-            "@babel/helper-module-transforms": "^7.23.0",
-            "@babel/helpers": "^7.23.0",
-            "@babel/parser": "^7.23.0",
-            "@babel/template": "^7.22.15",
-            "@babel/traverse": "^7.23.0",
-            "@babel/types": "^7.23.0",
-            "convert-source-map": "^2.0.0",
-            "debug": "^4.1.0",
-            "gensync": "^1.0.0-beta.2",
-            "json5": "^2.2.3",
-            "semver": "^6.3.1"
-          }
-        },
-        "@babel/generator": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-          "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
-          "dev": true,
-          "requires": {
-            "@babel/types": "^7.23.0",
-            "@jridgewell/gen-mapping": "^0.3.2",
-            "@jridgewell/trace-mapping": "^0.3.17",
-            "jsesc": "^2.5.1"
-          }
-        },
-        "@babel/parser": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-          "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
-          "dev": true
-        },
-        "@babel/traverse": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-          "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.22.13",
-            "@babel/generator": "^7.23.0",
-            "@babel/helper-environment-visitor": "^7.22.20",
-            "@babel/helper-function-name": "^7.23.0",
-            "@babel/helper-hoist-variables": "^7.22.5",
-            "@babel/helper-split-export-declaration": "^7.22.6",
-            "@babel/parser": "^7.23.0",
-            "@babel/types": "^7.23.0",
-            "debug": "^4.1.0",
-            "globals": "^11.1.0"
-          }
-        },
-        "@babel/types": {
-          "version": "7.23.0",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-string-parser": "^7.22.5",
-            "@babel/helper-validator-identifier": "^7.22.20",
-            "to-fast-properties": "^2.0.0"
-          }
-        },
-        "convert-source-map": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-          "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-          "dev": true
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        },
-        "react-refresh": {
-          "version": "0.14.0",
-          "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
-          "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
-          "dev": true
-        }
       }
     },
     "@vitest/coverage-v8": {
@@ -54522,13 +54293,33 @@
       },
       "dependencies": {
         "tslib": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-          "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
           "dev": true
         }
       }
     },
+    "@yarnpkg/fslib": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/fslib/-/fslib-2.10.3.tgz",
+      "integrity": "sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==",
+      "dev": true,
+      "requires": {
+        "@yarnpkg/libzip": "^2.3.0",
+        "tslib": "^1.13.0"
+      }
+    },
+    "@yarnpkg/libzip": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/libzip/-/libzip-2.3.0.tgz",
+      "integrity": "sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==",
+      "dev": true,
+      "requires": {
+        "@types/emscripten": "^1.39.6",
+        "tslib": "^1.13.0"
+      }
+    },
     "@zxing/text-encoding": {
       "version": "0.9.0",
       "resolved": "https://registry.npmmirror.com/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
@@ -54565,9 +54356,9 @@
       }
     },
     "acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw=="
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w=="
     },
     "acorn-import-assertions": {
       "version": "1.9.0",
@@ -54888,12 +54679,6 @@
         "default-require-extensions": "^3.0.0"
       }
     },
-    "aproba": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
-      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
-      "dev": true
-    },
     "arch": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
@@ -54923,16 +54708,6 @@
       "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
       "dev": true
     },
-    "are-we-there-yet": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
-      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
-      "dev": true,
-      "requires": {
-        "delegates": "^1.0.0",
-        "readable-stream": "^3.6.0"
-      }
-    },
     "arg": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
@@ -54948,6 +54723,23 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+          "dev": true
+        }
+      }
+    },
     "aria-query": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
@@ -55108,15 +54900,16 @@
       }
     },
     "assert": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/assert/-/assert-2.0.0.tgz",
-      "integrity": "sha512-se5Cd+js9dXJnu6Ag2JFc00t+HmHOen+8Q+L7O9zI0PqQXr20uk2J0XQqMxZEeo5U50o8Nvmmx7dZrl+Ufr35A==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
       "dev": true,
       "requires": {
-        "es6-object-assign": "^1.1.0",
-        "is-nan": "^1.2.1",
-        "object-is": "^1.0.1",
-        "util": "^0.12.0"
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
       }
     },
     "assert-plus": {
@@ -55140,9 +54933,9 @@
       },
       "dependencies": {
         "tslib": {
-          "version": "2.5.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-          "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
           "dev": true
         }
       }
@@ -55252,6 +55045,12 @@
       "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==",
       "dev": true
     },
+    "b4a": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
+      "integrity": "sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==",
+      "dev": true
+    },
     "babel-core": {
       "version": "7.0.0-bridge.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
@@ -55387,129 +55186,31 @@
         "test-exclude": "^6.0.0"
       }
     },
-    "babel-plugin-named-exports-order": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/babel-plugin-named-exports-order/-/babel-plugin-named-exports-order-0.0.2.tgz",
-      "integrity": "sha512-OgOYHOLoRK+/mvXU9imKHlG6GkPLYrUCvFXG/CM93R/aNNO8pOOF4aS+S8CCHMDQoNSeiOYEZb/G6RwL95Jktw==",
-      "dev": true
-    },
     "babel-plugin-polyfill-corejs2": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz",
-      "integrity": "sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==",
-      "dev": true,
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
+      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
       "requires": {
-        "@babel/compat-data": "^7.17.7",
-        "@babel/helper-define-polyfill-provider": "^0.3.3",
-        "semver": "^6.1.1"
-      },
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": {
-          "version": "0.3.3",
-          "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-          "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-compilation-targets": "^7.17.7",
-            "@babel/helper-plugin-utils": "^7.16.7",
-            "debug": "^4.1.1",
-            "lodash.debounce": "^4.0.8",
-            "resolve": "^1.14.2",
-            "semver": "^6.1.2"
-          }
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        }
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "semver": "^6.3.1"
       }
     },
     "babel-plugin-polyfill-corejs3": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.4.tgz",
-      "integrity": "sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==",
+      "version": "0.8.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
+      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "core-js-compat": "^3.33.1"
       }
     },
     "babel-plugin-polyfill-regenerator": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.1.tgz",
-      "integrity": "sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==",
-      "dev": true,
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
+      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.3.3"
-      },
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": {
-          "version": "0.3.3",
-          "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz",
-          "integrity": "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-compilation-targets": "^7.17.7",
-            "@babel/helper-plugin-utils": "^7.16.7",
-            "debug": "^4.1.1",
-            "lodash.debounce": "^4.0.8",
-            "resolve": "^1.14.2",
-            "semver": "^6.1.2"
-          }
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        }
-      }
-    },
-    "babel-plugin-react-docgen": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-react-docgen/-/babel-plugin-react-docgen-4.2.1.tgz",
-      "integrity": "sha512-UQ0NmGHj/HAqi5Bew8WvNfCk8wSsmdgNd8ZdMjBCICtyCJCq9LiqgqvjCYe570/Wg7AQArSq1VQ60Dd/CHN7mQ==",
-      "dev": true,
-      "requires": {
-        "ast-types": "^0.14.2",
-        "lodash": "^4.17.15",
-        "react-docgen": "^5.0.0"
-      },
-      "dependencies": {
-        "ast-types": {
-          "version": "0.14.2",
-          "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.14.2.tgz",
-          "integrity": "sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==",
-          "dev": true,
-          "requires": {
-            "tslib": "^2.0.1"
-          }
-        },
-        "tslib": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-          "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-          "dev": true
-        }
+        "@babel/helper-define-polyfill-provider": "^0.4.3"
       }
     },
     "babel-plugin-react-generate-property": {
@@ -55701,30 +55402,18 @@
       }
     },
     "better-opn": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-2.1.1.tgz",
-      "integrity": "sha512-kIPXZS5qwyKiX/HcRvDYfmBQUa8XP17I0mYZZ0y4UhpYOSvtsLHDYqmomS+Mj20aDvD3knEiQ0ecQy2nhio3yA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
+      "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
       "dev": true,
       "requires": {
-        "open": "^7.0.3"
-      },
-      "dependencies": {
-        "open": {
-          "version": "7.4.2",
-          "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
-          "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
-          "dev": true,
-          "requires": {
-            "is-docker": "^2.0.0",
-            "is-wsl": "^2.1.1"
-          }
-        }
+        "open": "^8.0.4"
       }
     },
     "big-integer": {
-      "version": "1.6.51",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz",
-      "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==",
+      "version": "1.6.52",
+      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
+      "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
       "dev": true
     },
     "big.js": {
@@ -56090,65 +55779,6 @@
       "integrity": "sha512-uQM5zGcelcBEk0R7vkIRVN7GnrDd2S5EeWrxv7dSFLPVoI5FwYiSYOOLaFwnsav0oSr3hZQ6mFq6QNi8Vt6n8w==",
       "dev": true
     },
-    "c8": {
-      "version": "7.14.0",
-      "resolved": "https://registry.npmjs.org/c8/-/c8-7.14.0.tgz",
-      "integrity": "sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==",
-      "dev": true,
-      "requires": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@istanbuljs/schema": "^0.1.3",
-        "find-up": "^5.0.0",
-        "foreground-child": "^2.0.0",
-        "istanbul-lib-coverage": "^3.2.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-reports": "^3.1.4",
-        "rimraf": "^3.0.2",
-        "test-exclude": "^6.0.0",
-        "v8-to-istanbul": "^9.0.0",
-        "yargs": "^16.2.0",
-        "yargs-parser": "^20.2.9"
-      },
-      "dependencies": {
-        "find-up": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-          "dev": true,
-          "requires": {
-            "locate-path": "^6.0.0",
-            "path-exists": "^4.0.0"
-          }
-        },
-        "locate-path": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-          "dev": true,
-          "requires": {
-            "p-locate": "^5.0.0"
-          }
-        },
-        "p-locate": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-          "dev": true,
-          "requires": {
-            "p-limit": "^3.0.2"
-          }
-        },
-        "rimraf": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        }
-      }
-    },
     "cac": {
       "version": "6.7.14",
       "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -56708,12 +56338,6 @@
         "color-name": "^1.0.0"
       }
     },
-    "color-support": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
-      "dev": true
-    },
     "colord": {
       "version": "2.9.3",
       "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
@@ -56904,12 +56528,6 @@
       "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
       "dev": true
     },
-    "console-control-strings": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
-      "dev": true
-    },
     "consolidated-events": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/consolidated-events/-/consolidated-events-2.0.2.tgz",
@@ -56970,6 +56588,7 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
       "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
+      "dev": true,
       "requires": {
         "safe-buffer": "~5.1.1"
       }
@@ -56998,11 +56617,11 @@
       "integrity": "sha512-uBJiDmwqsbJCWHAwjrx3cvjbMXP7xD72Dmsn5LOJpiRmE3WbBbN5rCqQ2Qh6Ek6/eOrjlWngEynBWo4VxerQhg=="
     },
     "core-js-compat": {
-      "version": "3.32.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.2.tgz",
-      "integrity": "sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==",
+      "version": "3.33.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
+      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
       "requires": {
-        "browserslist": "^4.21.10"
+        "browserslist": "^4.22.1"
       }
     },
     "core-js-pure": {
@@ -57210,15 +56829,15 @@
       }
     },
     "css-loader": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.3.tgz",
-      "integrity": "sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==",
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz",
+      "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==",
       "dev": true,
       "requires": {
         "icss-utils": "^5.1.0",
-        "postcss": "^8.4.19",
+        "postcss": "^8.4.21",
         "postcss-modules-extract-imports": "^3.0.0",
-        "postcss-modules-local-by-default": "^4.0.0",
+        "postcss-modules-local-by-default": "^4.0.3",
         "postcss-modules-scope": "^3.0.0",
         "postcss-modules-values": "^4.0.0",
         "postcss-value-parser": "^4.2.0",
@@ -57226,9 +56845,9 @@
       },
       "dependencies": {
         "postcss": {
-          "version": "8.4.23",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
-          "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
+          "version": "8.4.31",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+          "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
           "dev": true,
           "requires": {
             "nanoid": "^3.3.6",
@@ -58174,6 +57793,12 @@
         "which-typed-array": "^1.1.9"
       }
     },
+    "deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true
+    },
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -58254,9 +57879,9 @@
       }
     },
     "defu": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
-      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.3.tgz",
+      "integrity": "sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==",
       "dev": true
     },
     "del": {
@@ -58309,12 +57934,6 @@
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
     },
-    "delegates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
-      "dev": true
-    },
     "depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -58363,6 +57982,12 @@
       "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
       "dev": true
     },
+    "detect-libc": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
+      "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
+      "dev": true
+    },
     "detect-node": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
@@ -58744,6 +58369,12 @@
         }
       }
     },
+    "eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
     "ecc-jsbn": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
@@ -58887,9 +58518,9 @@
       "dev": true
     },
     "envinfo": {
-      "version": "7.10.0",
-      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
-      "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==",
+      "version": "7.11.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.11.0.tgz",
+      "integrity": "sha512-G9/6xF1FPbIw0TtalAMaVPpiq2aDEuKLXM314jPVAO9r2fo2a4BLqMNkmRS7O/xPPZ+COAhGIz3ETvHEV3eUcg==",
       "dev": true
     },
     "error-ex": {
@@ -58983,9 +58614,9 @@
       }
     },
     "es-module-lexer": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz",
-      "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
+      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
       "dev": true
     },
     "es-set-tostringtag": {
@@ -59023,12 +58654,6 @@
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
       "dev": true
     },
-    "es6-object-assign": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/es6-object-assign/-/es6-object-assign-1.1.0.tgz",
-      "integrity": "sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==",
-      "dev": true
-    },
     "es6-promise": {
       "version": "4.2.8",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
@@ -59043,182 +58668,33 @@
       }
     },
     "esbuild": {
-      "version": "0.17.19",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
-      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
-      "dev": true,
-      "requires": {
-        "@esbuild/android-arm": "0.17.19",
-        "@esbuild/android-arm64": "0.17.19",
-        "@esbuild/android-x64": "0.17.19",
-        "@esbuild/darwin-arm64": "0.17.19",
-        "@esbuild/darwin-x64": "0.17.19",
-        "@esbuild/freebsd-arm64": "0.17.19",
-        "@esbuild/freebsd-x64": "0.17.19",
-        "@esbuild/linux-arm": "0.17.19",
-        "@esbuild/linux-arm64": "0.17.19",
-        "@esbuild/linux-ia32": "0.17.19",
-        "@esbuild/linux-loong64": "0.17.19",
-        "@esbuild/linux-mips64el": "0.17.19",
-        "@esbuild/linux-ppc64": "0.17.19",
-        "@esbuild/linux-riscv64": "0.17.19",
-        "@esbuild/linux-s390x": "0.17.19",
-        "@esbuild/linux-x64": "0.17.19",
-        "@esbuild/netbsd-x64": "0.17.19",
-        "@esbuild/openbsd-x64": "0.17.19",
-        "@esbuild/sunos-x64": "0.17.19",
-        "@esbuild/win32-arm64": "0.17.19",
-        "@esbuild/win32-ia32": "0.17.19",
-        "@esbuild/win32-x64": "0.17.19"
-      },
-      "dependencies": {
-        "@esbuild/android-arm": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
-          "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/android-arm64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
-          "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/android-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
-          "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/darwin-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
-          "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/freebsd-arm64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
-          "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/freebsd-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
-          "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-arm": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
-          "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-arm64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
-          "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-ia32": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
-          "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-loong64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
-          "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-mips64el": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
-          "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-ppc64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
-          "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-riscv64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
-          "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-s390x": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
-          "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/linux-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
-          "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/netbsd-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
-          "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/openbsd-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
-          "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/sunos-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
-          "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/win32-arm64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
-          "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/win32-ia32": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
-          "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
-          "dev": true,
-          "optional": true
-        },
-        "@esbuild/win32-x64": {
-          "version": "0.17.19",
-          "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
-          "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
-          "dev": true,
-          "optional": true
-        }
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
+      "requires": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
       }
     },
     "esbuild-plugin-alias": {
@@ -59228,9 +58704,9 @@
       "dev": true
     },
     "esbuild-register": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.4.2.tgz",
-      "integrity": "sha512-kG/XyTDyz6+YDuyfB9ZoSIOOmgyFCH+xPRtsCa8W85HLRV5Csp+o3jWVbOSHgSLfyLc5DmP+KFDNwty4mEjC+Q==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.5.0.tgz",
+      "integrity": "sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==",
       "dev": true,
       "requires": {
         "debug": "^4.3.4"
@@ -59873,9 +59349,9 @@
       "dev": true
     },
     "eslint-plugin-storybook": {
-      "version": "0.6.12",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.12.tgz",
-      "integrity": "sha512-XbIvrq6hNVG6rpdBr+eBw63QhOMLpZneQVSooEDow8aQCWGCk/5vqtap1yxpVydNfSxi3S/3mBBRLQqKUqQRww==",
+      "version": "0.6.15",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.15.tgz",
+      "integrity": "sha512-lAGqVAJGob47Griu29KXYowI4G7KwMoJDOkEip8ujikuDLxU+oWJ1l0WL6F2oDO4QiyUFXvtDkEkISMOPzo+7w==",
       "dev": true,
       "requires": {
         "@storybook/csf": "^0.0.1",
@@ -59977,17 +59453,6 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true
     },
-    "estree-to-babel": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/estree-to-babel/-/estree-to-babel-3.2.1.tgz",
-      "integrity": "sha512-YNF+mZ/Wu2FU/gvmzuWtYc8rloubL7wfXCTgouFrnjGVXPA/EeYYA7pupXWrb3Iv1cTBeSSxxJIbK23l4MRNqg==",
-      "dev": true,
-      "requires": {
-        "@babel/traverse": "^7.1.6",
-        "@babel/types": "^7.2.0",
-        "c8": "^7.6.0"
-      }
-    },
     "estree-walker": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
@@ -60158,6 +59623,12 @@
         }
       }
     },
+    "expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "dev": true
+    },
     "expand-tilde": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
@@ -60296,6 +59767,12 @@
       "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==",
       "dev": true
     },
+    "fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true
+    },
     "fast-glob": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.0.tgz",
@@ -60733,9 +60210,9 @@
       "dev": true
     },
     "flow-parser": {
-      "version": "0.211.1",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.211.1.tgz",
-      "integrity": "sha512-TjUjPTe22yM1DYKDqsmnUblJ0Vs5WJWP3FeaXU8L1gGKGrAQBdxRvs0CRj6NXYF8gugej4JyRWGBbaiVunC9uw==",
+      "version": "0.223.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.223.0.tgz",
+      "integrity": "sha512-POG49J/UuvwI43iP7XzW1EBQzJtkAVT1/HUwbMVtEhNK+AvymSQwBRX6khUhgzbFgfyrWgVYHhheqe1xTruBLg==",
       "dev": true
     },
     "focus-lock": {
@@ -60783,9 +60260,9 @@
       "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw=="
     },
     "fork-ts-checker-webpack-plugin": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-7.3.0.tgz",
-      "integrity": "sha512-IN+XTzusCjR5VgntYFgxbxVx3WraPRnKehBFrf00cMSrtUuW9MsG9dhL6MWpY6MkjC3wVwoujfCDgZZCQwbswA==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz",
+      "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.16.7",
@@ -61057,9 +60534,9 @@
       }
     },
     "fs-monkey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
-      "integrity": "sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.5.tgz",
+      "integrity": "sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==",
       "dev": true
     },
     "fs.realpath": {
@@ -61094,23 +60571,6 @@
       "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
     },
-    "gauge": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
-      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
-      "dev": true,
-      "requires": {
-        "aproba": "^1.0.3 || ^2.0.0",
-        "color-support": "^1.1.2",
-        "console-control-strings": "^1.0.0",
-        "has-unicode": "^2.0.1",
-        "object-assign": "^4.1.1",
-        "signal-exit": "^3.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1",
-        "wide-align": "^1.1.2"
-      }
-    },
     "gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -61144,9 +60604,9 @@
       "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="
     },
     "get-npm-tarball-url": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.0.3.tgz",
-      "integrity": "sha512-R/PW6RqyaBQNWYaSyfrh54/qtcnOp22FHCCiRhSSZj0FP3KQWCsxxt0DzIdVTbwTqe9CtQfvl/FPD4UIPt4pqw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz",
+      "integrity": "sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==",
       "dev": true
     },
     "get-own-enumerable-property-symbols": {
@@ -61312,20 +60772,62 @@
       }
     },
     "giget": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz",
-      "integrity": "sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.3.tgz",
+      "integrity": "sha512-zHuCeqtfgqgDwvXlR84UNgnJDuUHQcNI5OqWqFxxuk2BshuKbYhJWdxBsEo4PvKqoGh23lUAIvBNpChMLv7/9Q==",
       "dev": true,
       "requires": {
-        "colorette": "^2.0.19",
+        "colorette": "^2.0.20",
         "defu": "^6.1.2",
-        "https-proxy-agent": "^5.0.1",
+        "https-proxy-agent": "^7.0.2",
         "mri": "^1.2.0",
-        "node-fetch-native": "^1.0.2",
-        "pathe": "^1.1.0",
-        "tar": "^6.1.13"
+        "node-fetch-native": "^1.4.0",
+        "pathe": "^1.1.1",
+        "tar": "^6.2.0"
+      },
+      "dependencies": {
+        "agent-base": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
+          "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+          "dev": true,
+          "requires": {
+            "debug": "^4.3.4"
+          }
+        },
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "https-proxy-agent": {
+          "version": "7.0.2",
+          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
+          "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
+          "dev": true,
+          "requires": {
+            "agent-base": "^7.0.2",
+            "debug": "4"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
       }
     },
+    "github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
+      "dev": true
+    },
     "github-slugger": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
@@ -61353,27 +60855,6 @@
         "is-glob": "^4.0.1"
       }
     },
-    "glob-promise": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-6.0.2.tgz",
-      "integrity": "sha512-Ni2aDyD1ekD6x8/+K4hDriRDbzzfuK4yKpqSymJ4P7IxbtARiOOuU+k40kbHM0sLIlbf1Qh0qdMkAHMZYE6XJQ==",
-      "dev": true,
-      "requires": {
-        "@types/glob": "^8.0.0"
-      },
-      "dependencies": {
-        "@types/glob": {
-          "version": "8.1.0",
-          "resolved": "https://registry.npmjs.org/@types/glob/-/glob-8.1.0.tgz",
-          "integrity": "sha512-IO+MJPVhoqz+28h1qLAcBEH2+xHMK6MTyHJc7MTnnYb6wsoLR29POVGJ7LycmVXIqyy/4/2ShP5sUwTXuOwb/w==",
-          "dev": true,
-          "requires": {
-            "@types/minimatch": "^5.1.2",
-            "@types/node": "*"
-          }
-        }
-      }
-    },
     "glob-to-regexp": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
@@ -61688,13 +61169,13 @@
       "dev": true
     },
     "handlebars": {
-      "version": "4.7.7",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.7.tgz",
-      "integrity": "sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==",
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
       "dev": true,
       "requires": {
         "minimist": "^1.2.5",
-        "neo-async": "^2.6.0",
+        "neo-async": "^2.6.2",
         "source-map": "^0.6.1",
         "uglify-js": "^3.1.4",
         "wordwrap": "^1.0.0"
@@ -61802,12 +61283,6 @@
         "has-symbols": "^1.0.2"
       }
     },
-    "has-unicode": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
-      "dev": true
-    },
     "hash-base": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
@@ -62957,12 +62432,6 @@
       "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
       "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw=="
     },
-    "interpret": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
-      "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
-      "dev": true
-    },
     "intl-messageformat": {
       "version": "10.5.0",
       "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.0.tgz",
@@ -63064,6 +62533,12 @@
         "is-typed-array": "^1.1.10"
       }
     },
+    "is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "dev": true
+    },
     "is-bigint": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -63711,6 +63186,16 @@
       "resolved": "https://registry.npmjs.org/iterall/-/iterall-1.3.0.tgz",
       "integrity": "sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg=="
     },
+    "jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
+      "requires": {
+        "@isaacs/cliui": "^8.0.2",
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "jake": {
       "version": "10.8.5",
       "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.5.tgz",
@@ -63960,20 +63445,21 @@
       "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
     },
     "jscodeshift": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.14.0.tgz",
-      "integrity": "sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==",
-      "dev": true,
-      "requires": {
-        "@babel/core": "^7.13.16",
-        "@babel/parser": "^7.13.16",
-        "@babel/plugin-proposal-class-properties": "^7.13.0",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
-        "@babel/plugin-proposal-optional-chaining": "^7.13.12",
-        "@babel/plugin-transform-modules-commonjs": "^7.13.8",
-        "@babel/preset-flow": "^7.13.13",
-        "@babel/preset-typescript": "^7.13.0",
-        "@babel/register": "^7.13.16",
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.1.tgz",
+      "integrity": "sha512-hIJfxUy8Rt4HkJn/zZPU9ChKfKZM1342waJ1QC2e2YsPcWhM+3BJ4dcfQCzArTrk1jJeNLB341H+qOcEHRxJZg==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.23.0",
+        "@babel/parser": "^7.23.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.23.0",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/preset-flow": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.0",
+        "@babel/register": "^7.22.15",
         "babel-core": "^7.0.0-bridge.0",
         "chalk": "^4.1.2",
         "flow-parser": "0.*",
@@ -63981,7 +63467,7 @@
         "micromatch": "^4.0.4",
         "neo-async": "^2.5.0",
         "node-dir": "^0.1.17",
-        "recast": "^0.21.0",
+        "recast": "^0.23.3",
         "temp": "^0.8.4",
         "write-file-atomic": "^2.3.0"
       },
@@ -63995,15 +63481,6 @@
             "color-convert": "^2.0.1"
           }
         },
-        "ast-types": {
-          "version": "0.15.2",
-          "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.15.2.tgz",
-          "integrity": "sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==",
-          "dev": true,
-          "requires": {
-            "tslib": "^2.0.1"
-          }
-        },
         "chalk": {
           "version": "4.1.2",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -64029,24 +63506,6 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
-        "recast": {
-          "version": "0.21.5",
-          "resolved": "https://registry.npmjs.org/recast/-/recast-0.21.5.tgz",
-          "integrity": "sha512-hjMmLaUXAm1hIuTqOdeYObMslq/q+Xff6QE3Y2P+uoHAg2nmVlLBps2hzh1UJDdMtDTMXOFewK6ky51JQIeECg==",
-          "dev": true,
-          "requires": {
-            "ast-types": "0.15.2",
-            "esprima": "~4.0.0",
-            "source-map": "~0.6.1",
-            "tslib": "^2.0.1"
-          }
-        },
-        "tslib": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-          "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-          "dev": true
-        },
         "write-file-atomic": {
           "version": "2.4.3",
           "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
@@ -64594,7 +64053,7 @@
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
     "lodash.flattendeep": {
       "version": "4.4.0",
@@ -64943,9 +64402,9 @@
       "dev": true
     },
     "markdown-to-jsx": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.2.1.tgz",
-      "integrity": "sha512-9HrdzBAo0+sFz9ZYAGT5fB8ilzTW+q6lPocRxrIesMO+aB40V9MgFfbfMXxlGjf22OpRy+IXlvVaQenicdpgbg==",
+      "version": "7.3.2",
+      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz",
+      "integrity": "sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==",
       "dev": true
     },
     "mathml-tag-names": {
@@ -65243,12 +64702,12 @@
       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ=="
     },
     "memfs": {
-      "version": "3.4.7",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.7.tgz",
-      "integrity": "sha512-ygaiUSNalBX85388uskeCyhSAoOSgzBbtVCr9jA2RROssFL9Q19/ZXFqS+2Th2sr1ewNIWgFdLzLC3Yl1Zv+lw==",
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
+      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
       "dev": true,
       "requires": {
-        "fs-monkey": "^1.0.3"
+        "fs-monkey": "^1.0.4"
       }
     },
     "memoize-one": {
@@ -65998,6 +65457,12 @@
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
       "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
     },
+    "napi-build-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
+      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==",
+      "dev": true
+    },
     "natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -66400,6 +65865,26 @@
         }
       }
     },
+    "node-abi": {
+      "version": "3.51.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
+      "integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
+      "dev": true,
+      "requires": {
+        "semver": "^7.3.5"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        }
+      }
+    },
     "node-abort-controller": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz",
@@ -66440,9 +65925,9 @@
       }
     },
     "node-fetch-native": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.2.0.tgz",
-      "integrity": "sha512-5IAMBTl9p6PaAjYCnMv5FmqIF6GcZnawAVnzaCG0rX2aYZJ4CxEkZNtVPuTRug7fL7wyM5BQYTlAzcyMPi6oTQ==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.4.1.tgz",
+      "integrity": "sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==",
       "dev": true
     },
     "node-forge": {
@@ -66621,18 +66106,6 @@
         "path-key": "^3.0.0"
       }
     },
-    "npmlog": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
-      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
-      "dev": true,
-      "requires": {
-        "are-we-there-yet": "^2.0.0",
-        "console-control-strings": "^1.1.0",
-        "gauge": "^3.0.0",
-        "set-blocking": "^2.0.0"
-      }
-    },
     "nprogress": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
@@ -67393,6 +66866,24 @@
       "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==",
       "dev": true
     },
+    "path-scurry": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
+      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^9.1.1 || ^10.0.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+          "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
+          "dev": true
+        }
+      }
+    },
     "path-to-regexp": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz",
@@ -67901,9 +67392,9 @@
       "dev": true
     },
     "postcss-modules-local-by-default": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz",
-      "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
       "dev": true,
       "requires": {
         "icss-utils": "^5.0.0",
@@ -68102,6 +67593,59 @@
       "resolved": "https://registry.npmjs.org/preact/-/preact-10.16.0.tgz",
       "integrity": "sha512-XTSj3dJ4roKIC93pald6rWuB2qQJO9gO2iLLyTe87MrjQN+HklueLsmskbywEWqCHlclgz3/M4YLL2iBr9UmMA=="
     },
+    "prebuild-install": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz",
+      "integrity": "sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==",
+      "dev": true,
+      "requires": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^1.0.1",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "dependencies": {
+        "chownr": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+          "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+          "dev": true
+        },
+        "tar-fs": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+          "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+          "dev": true,
+          "requires": {
+            "chownr": "^1.1.1",
+            "mkdirp-classic": "^0.5.2",
+            "pump": "^3.0.0",
+            "tar-stream": "^2.1.4"
+          }
+        },
+        "tar-stream": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+          "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+          "dev": true,
+          "requires": {
+            "bl": "^4.0.3",
+            "end-of-stream": "^1.4.1",
+            "fs-constants": "^1.0.0",
+            "inherits": "^2.0.3",
+            "readable-stream": "^3.1.1"
+          }
+        }
+      }
+    },
     "prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -68764,6 +68308,12 @@
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
     },
+    "queue-tick": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
+      "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==",
+      "dev": true
+    },
     "quick-format-unescaped": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
@@ -68835,6 +68385,26 @@
         }
       }
     },
+    "rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "requires": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "dependencies": {
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+          "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+          "dev": true
+        }
+      }
+    },
     "react": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
@@ -68882,37 +68452,37 @@
       }
     },
     "react-docgen": {
-      "version": "5.4.3",
-      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-5.4.3.tgz",
-      "integrity": "sha512-xlLJyOlnfr8lLEEeaDZ+X2J/KJoe6Nr9AzxnkdQWush5hz2ZSu66w6iLMOScMmxoSHWpWMn+k3v5ZiyCfcWsOA==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.0.1.tgz",
+      "integrity": "sha512-rCz0HBIT0LWbIM+///LfRrJoTKftIzzwsYDf0ns5KwaEjejMHQRtphcns+IXFHDNY9pnz6G8l/JbbI6pD4EAIA==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.7.5",
-        "@babel/generator": "^7.12.11",
-        "@babel/runtime": "^7.7.6",
-        "ast-types": "^0.14.2",
-        "commander": "^2.19.0",
+        "@babel/core": "^7.18.9",
+        "@babel/traverse": "^7.18.9",
+        "@babel/types": "^7.18.9",
+        "@types/babel__core": "^7.18.0",
+        "@types/babel__traverse": "^7.18.0",
+        "@types/doctrine": "^0.0.9",
+        "@types/resolve": "^1.20.2",
         "doctrine": "^3.0.0",
-        "estree-to-babel": "^3.1.0",
-        "neo-async": "^2.6.1",
-        "node-dir": "^0.1.10",
-        "strip-indent": "^3.0.0"
+        "resolve": "^1.22.1",
+        "strip-indent": "^4.0.0"
       },
       "dependencies": {
-        "ast-types": {
-          "version": "0.14.2",
-          "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.14.2.tgz",
-          "integrity": "sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==",
+        "@types/doctrine": {
+          "version": "0.0.9",
+          "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz",
+          "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==",
+          "dev": true
+        },
+        "strip-indent": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
+          "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
           "dev": true,
           "requires": {
-            "tslib": "^2.0.1"
+            "min-indent": "^1.0.1"
           }
-        },
-        "tslib": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-          "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-          "dev": true
         }
       }
     },
@@ -68986,12 +68556,6 @@
         "goober": "^2.1.10"
       }
     },
-    "react-inspector": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/react-inspector/-/react-inspector-6.0.1.tgz",
-      "integrity": "sha512-cxKSeFTf7jpSSVddm66sKdolG90qURAX3g1roTeaN6x0YEbtWc8JpmFN9+yIqLNH2uEkYerWLtJZIXRIFuBKrg==",
-      "dev": true
-    },
     "react-intl": {
       "version": "6.4.4",
       "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-6.4.4.tgz",
@@ -69122,9 +68686,9 @@
       }
     },
     "react-refresh": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
-      "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==",
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
+      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
       "dev": true
     },
     "react-remove-scroll": {
@@ -69162,15 +68726,6 @@
         }
       }
     },
-    "react-resize-detector": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/react-resize-detector/-/react-resize-detector-7.1.2.tgz",
-      "integrity": "sha512-zXnPJ2m8+6oq9Nn8zsep/orts9vQv3elrpA+R8XTcW7DVVUJ9vwDwMXaBtykAYjMnkCIaOoK9vObyR7ZgFNlOw==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.21"
-      }
-    },
     "react-spring": {
       "version": "9.7.2",
       "resolved": "https://registry.npmjs.org/react-spring/-/react-spring-9.7.2.tgz",
@@ -69309,9 +68864,9 @@
       "integrity": "sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg=="
     },
     "recast": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.2.tgz",
-      "integrity": "sha512-Qv6cPfVZyMOtPszK6PgW70pUgm7gPlFitAPf0Q69rlOA0zLw2XdDcNmPbVGYicFGT9O8I7TZ/0ryJD+6COvIPw==",
+      "version": "0.23.4",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.4.tgz",
+      "integrity": "sha512-qtEDqIZGVcSZCHniWwZWbRy79Dc6Wp3kT/UmDA2RJKBPg7+7k51aQBZirHmUGn5uvHf2rg8DkjizrN26k61ATw==",
       "dev": true,
       "requires": {
         "assert": "^2.0.0",
@@ -69322,22 +68877,13 @@
       },
       "dependencies": {
         "tslib": {
-          "version": "2.5.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-          "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
           "dev": true
         }
       }
     },
-    "rechoir": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz",
-      "integrity": "sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==",
-      "dev": true,
-      "requires": {
-        "resolve": "^1.1.6"
-      }
-    },
     "redent": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-4.0.0.tgz",
@@ -69390,7 +68936,8 @@
     "regenerator-runtime": {
       "version": "0.13.11",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "dev": true
     },
     "regenerator-transform": {
       "version": "0.15.2",
@@ -70317,33 +69864,6 @@
         "randombytes": "^2.1.0"
       }
     },
-    "serve-favicon": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz",
-      "integrity": "sha512-FMW2RvqNr03x+C0WxTyu6sOv21oOjkq5j8tjquWccwa6ScNyGFOGJVpuS1NmTVGBAHS07xnSKotgf2ehQmf9iA==",
-      "dev": true,
-      "requires": {
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "ms": "2.1.1",
-        "parseurl": "~1.3.2",
-        "safe-buffer": "5.1.1"
-      },
-      "dependencies": {
-        "ms": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
-          "dev": true
-        },
-        "safe-buffer": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
-          "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
-          "dev": true
-        }
-      }
-    },
     "serve-index": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
@@ -70447,6 +69967,74 @@
       "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
       "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
     },
+    "sharp": {
+      "version": "0.32.6",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
+      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
+      "dev": true,
+      "requires": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.2",
+        "node-addon-api": "^6.1.0",
+        "prebuild-install": "^7.1.1",
+        "semver": "^7.5.4",
+        "simple-get": "^4.0.1",
+        "tar-fs": "^3.0.4",
+        "tunnel-agent": "^0.6.0"
+      },
+      "dependencies": {
+        "color": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+          "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1",
+            "color-string": "^1.9.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "color-string": {
+          "version": "1.9.1",
+          "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+          "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+          "dev": true,
+          "requires": {
+            "color-name": "^1.0.0",
+            "simple-swizzle": "^0.2.2"
+          }
+        },
+        "node-addon-api": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
+          "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        }
+      }
+    },
     "shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -70468,17 +70056,6 @@
       "integrity": "sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==",
       "dev": true
     },
-    "shelljs": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.5.tgz",
-      "integrity": "sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==",
-      "dev": true,
-      "requires": {
-        "glob": "^7.0.0",
-        "interpret": "^1.0.0",
-        "rechoir": "^0.6.2"
-      }
-    },
     "side-channel": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
@@ -70507,20 +70084,66 @@
       "integrity": "sha512-6+eerH9fEnNmi/hyM1DXcRK3pWdoMQtlkQ+ns0ntzunjKqp5i3sKCc80ym8Fib3iaYhdJUOPdhlJWj1tvge2Ww==",
       "dev": true
     },
+    "simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "dev": true
+    },
+    "simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "dev": true,
+      "requires": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      },
+      "dependencies": {
+        "decompress-response": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+          "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+          "dev": true,
+          "requires": {
+            "mimic-response": "^3.1.0"
+          }
+        },
+        "mimic-response": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+          "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+          "dev": true
+        }
+      }
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "simple-update-notifier": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz",
-      "integrity": "sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
       "dev": true,
       "requires": {
-        "semver": "~7.0.0"
+        "semver": "^7.5.3"
       },
       "dependencies": {
         "semver": {
-          "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
-          "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
-          "dev": true
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
         }
       }
     },
@@ -70951,12 +70574,12 @@
       "dev": true
     },
     "storybook": {
-      "version": "7.0.26",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.0.26.tgz",
-      "integrity": "sha512-N6+/QBIahTnOJ3mQFNh+PIimjw+yUUoBlnMq8kE1Rg6QFi8ErEK8xte6uppiTh+7ShpqeLhp9ipuDV6DwJ9Aqg==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.1.tgz",
+      "integrity": "sha512-JarHWZ7PLnGFPvapcSTdmneckGi1nCez18JozXsFXunDLZWUEn8kui0FLUhc579glZ8yDaSr9zsxWG8ZIFUm+A==",
       "dev": true,
       "requires": {
-        "@storybook/cli": "7.0.26"
+        "@storybook/cli": "7.6.1"
       }
     },
     "storybook-css-modules": {
@@ -70997,6 +70620,16 @@
       "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
       "dev": true
     },
+    "streamx": {
+      "version": "2.15.5",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.5.tgz",
+      "integrity": "sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==",
+      "dev": true,
+      "requires": {
+        "fast-fifo": "^1.1.0",
+        "queue-tick": "^1.0.1"
+      }
+    },
     "strict-uri-encode": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
@@ -71033,6 +70666,17 @@
         "strip-ansi": "^6.0.1"
       }
     },
+    "string-width-cjs": {
+      "version": "npm:string-width@4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      }
+    },
     "string.prototype.matchall": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
@@ -71105,6 +70749,15 @@
         "ansi-regex": "^5.0.1"
       }
     },
+    "strip-ansi-cjs": {
+      "version": "npm:strip-ansi@6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
     "strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -71169,9 +70822,9 @@
       }
     },
     "style-loader": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.2.tgz",
-      "integrity": "sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz",
+      "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==",
       "dev": true
     },
     "style-search": {
@@ -71508,6 +71161,12 @@
         }
       }
     },
+    "swc-loader": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/swc-loader/-/swc-loader-0.2.3.tgz",
+      "integrity": "sha512-D1p6XXURfSPleZZA/Lipb3A8pZ17fP4NObZvFCDjK/OKljroqDpPmsBdTraWhVBqUNpcWBQY1imWdoPScRlQ7A==",
+      "dev": true
+    },
     "symbol-observable": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
@@ -71563,9 +71222,9 @@
       "dev": true
     },
     "tar": {
-      "version": "6.1.15",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz",
-      "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
+      "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
       "dev": true,
       "requires": {
         "chownr": "^2.0.0",
@@ -71585,42 +71244,31 @@
       }
     },
     "tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
+      "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
       "dev": true,
       "requires": {
-        "chownr": "^1.1.1",
         "mkdirp-classic": "^0.5.2",
         "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      },
-      "dependencies": {
-        "chownr": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-          "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-          "dev": true
-        }
+        "tar-stream": "^3.1.5"
       }
     },
     "tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
+      "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
       "dev": true,
       "requires": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
       }
     },
     "telejson": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.1.0.tgz",
-      "integrity": "sha512-jFJO4P5gPebZAERPkJsqMAQ0IMA1Hi0AoSfxpnUaV6j6R2SZqlpkbS20U6dEUtA3RUYt2Ak/mTlkQzHH9Rv/hA==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
+      "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
       "dev": true,
       "requires": {
         "memoizerific": "^1.11.3"
@@ -71896,9 +71544,9 @@
       }
     },
     "tiny-invariant": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
-      "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw=="
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
     },
     "tiny-warning": {
       "version": "1.0.3",
@@ -71982,6 +71630,12 @@
         "is-number": "^7.0.0"
       }
     },
+    "tocbot": {
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.23.0.tgz",
+      "integrity": "sha512-5DWuSZXsqG894mkGb8ZsQt9myyQyVxE50AiGRZ0obV0BVUTVkaZmc9jbgpknaAAPUm4FIrzGkEseD6FuQJYJDQ==",
+      "dev": true
+    },
     "toggle-selection": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
@@ -72114,6 +71768,53 @@
         "strip-bom": "^3.0.0"
       }
     },
+    "tsconfig-paths-webpack-plugin": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz",
+      "integrity": "sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "enhanced-resolve": "^5.7.0",
+        "tsconfig-paths": "^4.1.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        }
+      }
+    },
     "tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
@@ -72280,6 +71981,12 @@
         "busboy": "^1.6.0"
       }
     },
+    "undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -72461,15 +72168,15 @@
       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ=="
     },
     "unplugin": {
-      "version": "0.10.2",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-0.10.2.tgz",
-      "integrity": "sha512-6rk7GUa4ICYjae5PrAllvcDeuT8pA9+j5J5EkxbMFaV+SalHhxZ7X2dohMzu6C3XzsMT+6jwR/+pwPNR3uK9MA==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.5.1.tgz",
+      "integrity": "sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==",
       "dev": true,
       "requires": {
-        "acorn": "^8.8.0",
+        "acorn": "^8.11.2",
         "chokidar": "^3.5.3",
         "webpack-sources": "^3.2.3",
-        "webpack-virtual-modules": "^0.4.5"
+        "webpack-virtual-modules": "^0.6.0"
       },
       "dependencies": {
         "webpack-sources": {
@@ -72477,6 +72184,12 @@
           "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
           "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
           "dev": true
+        },
+        "webpack-virtual-modules": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz",
+          "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
+          "dev": true
         }
       }
     },
@@ -72917,43 +72630,6 @@
         "rollup": "^3.27.1"
       },
       "dependencies": {
-        "@esbuild/darwin-arm64": {
-          "version": "0.18.20",
-          "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-          "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild": {
-          "version": "0.18.20",
-          "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-          "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-          "dev": true,
-          "requires": {
-            "@esbuild/android-arm": "0.18.20",
-            "@esbuild/android-arm64": "0.18.20",
-            "@esbuild/android-x64": "0.18.20",
-            "@esbuild/darwin-arm64": "0.18.20",
-            "@esbuild/darwin-x64": "0.18.20",
-            "@esbuild/freebsd-arm64": "0.18.20",
-            "@esbuild/freebsd-x64": "0.18.20",
-            "@esbuild/linux-arm": "0.18.20",
-            "@esbuild/linux-arm64": "0.18.20",
-            "@esbuild/linux-ia32": "0.18.20",
-            "@esbuild/linux-loong64": "0.18.20",
-            "@esbuild/linux-mips64el": "0.18.20",
-            "@esbuild/linux-ppc64": "0.18.20",
-            "@esbuild/linux-riscv64": "0.18.20",
-            "@esbuild/linux-s390x": "0.18.20",
-            "@esbuild/linux-x64": "0.18.20",
-            "@esbuild/netbsd-x64": "0.18.20",
-            "@esbuild/openbsd-x64": "0.18.20",
-            "@esbuild/sunos-x64": "0.18.20",
-            "@esbuild/win32-arm64": "0.18.20",
-            "@esbuild/win32-ia32": "0.18.20",
-            "@esbuild/win32-x64": "0.18.20"
-          }
-        },
         "postcss": {
           "version": "8.4.31",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -73368,9 +73044,9 @@
       "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
     },
     "webpack": {
-      "version": "5.88.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.1.tgz",
-      "integrity": "sha512-FROX3TxQnC/ox4N+3xQoWZzvGXSuscxR32rbzjpXgEzWudJFEJBpdlkkob2ylrv5yzzufD1zph1OoFsLtm6stQ==",
+      "version": "5.89.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
+      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
       "dev": true,
       "requires": {
         "@types/eslint-scope": "^3.7.3",
@@ -73400,9 +73076,9 @@
       },
       "dependencies": {
         "@types/estree": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
-          "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==",
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+          "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
           "dev": true
         },
         "ajv": {
@@ -73641,9 +73317,9 @@
       }
     },
     "webpack-virtual-modules": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz",
-      "integrity": "sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
+      "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
       "dev": true
     },
     "websocket-driver": {
@@ -73763,15 +73439,6 @@
         "stackback": "0.0.2"
       }
     },
-    "wide-align": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
-      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
-      "dev": true,
-      "requires": {
-        "string-width": "^1.0.2 || 2 || 3 || 4"
-      }
-    },
     "wildcard": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
@@ -73886,6 +73553,43 @@
         }
       }
     },
+    "wrap-ansi-cjs": {
+      "version": "npm:wrap-ansi@7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        }
+      }
+    },
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
diff --git a/package.json b/package.json
index 78a96655da..7ea89ee3f6 100644
--- a/package.json
+++ b/package.json
@@ -133,13 +133,13 @@
     "@graphql-codegen/cli": "3.3.1",
     "@graphql-codegen/client-preset": "3.0.1",
     "@playwright/test": "^1.35.1",
-    "@storybook/addon-a11y": "^7.0.26",
-    "@storybook/addon-actions": "^7.0.26",
-    "@storybook/addon-essentials": "^7.0.26",
-    "@storybook/addon-links": "^7.0.26",
-    "@storybook/addon-mdx-gfm": "^7.0.26",
-    "@storybook/nextjs": "^7.0.26",
-    "@storybook/react": "^7.0.26",
+    "@storybook/addon-a11y": "^7.6.1",
+    "@storybook/addon-actions": "^7.6.1",
+    "@storybook/addon-essentials": "^7.6.1",
+    "@storybook/addon-links": "^7.6.1",
+    "@storybook/addon-mdx-gfm": "^7.6.1",
+    "@storybook/nextjs": "^7.6.1",
+    "@storybook/react": "^7.6.1",
     "@svgr/webpack": "^8.0.1",
     "@synthetixio/synpress": "^3.7.1",
     "@testing-library/jest-dom": "^6.1.4",
@@ -182,7 +182,7 @@
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-formatjs": "^4.10.3",
     "eslint-plugin-simple-import-sort": "^10.0.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-testing-library": "^6.1.0",
     "file-loader": "^6.2.0",
     "jsdom": "^22.1.0",
@@ -193,7 +193,7 @@
     "postcss-mixins": "^9.0.4",
     "postcss-preset-env": "^9.0.0",
     "prettier": "^3.0.0",
-    "storybook": "^7.0.26",
+    "storybook": "^7.6.1",
     "storybook-css-modules": "^1.0.8",
     "stylelint": "^15.10.1",
     "stylelint-config-prettier": "^9.0.5",

From 729334ac457eef0a4bd4622e8930418d99633cbc Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 30 Nov 2023 15:41:41 +0800
Subject: [PATCH 30/62] fix(storybook): fix broke PostCSS

---
 .storybook/main.js | 35 ++++++++++++++++++++++++++---------
 package-lock.json  | 24 +++++++++++++++++++++---
 package.json       |  3 ++-
 3 files changed, 49 insertions(+), 13 deletions(-)

diff --git a/.storybook/main.js b/.storybook/main.js
index 96c674bf88..8424fe43f8 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -1,8 +1,11 @@
-const tsconfig = require('../tsconfig.json')
 const path = require('path')
-const { mergeWithCustomize } = require('webpack-merge')
+const postcssOptions = require('../postcss.config.json')
 
 module.exports = {
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
@@ -10,17 +13,31 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-mdx-gfm',
     {
-      name: '@storybook/addon-styling',
+      name: '@storybook/addon-styling-webpack',
       options: {
-        postCss: true,
-        cssModules: true,
+        rules: [
+          {
+            test: /\.css$/,
+            sideEffects: true,
+            use: [
+              require.resolve('style-loader'),
+              {
+                loader: require.resolve('css-loader'),
+                options: { importLoaders: 1 },
+              },
+              {
+                loader: require.resolve('postcss-loader'),
+                options: {
+                  implementation: require.resolve('postcss'),
+                  postcssOptions,
+                },
+              },
+            ],
+          },
+        ],
       },
     },
   ],
-  framework: {
-    name: '@storybook/nextjs',
-    options: {},
-  },
 
   webpackFinal: async (config) => {
     // this modifies the existing image rule to exclude .svg files
diff --git a/package-lock.json b/package-lock.json
index 9cdd968b52..26c74c6e84 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "@reach/dialog": "^0.18.0",
         "@reach/visually-hidden": "^0.18.0",
         "@sentry/browser": "^7.57.0",
+        "@storybook/addon-styling-webpack": "^0.0.5",
         "@stripe/react-stripe-js": "^2.1.1",
         "@stripe/stripe-js": "^1.54.1",
         "@tippyjs/react": "^4.2.6",
@@ -10295,6 +10296,17 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/addon-styling-webpack": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling-webpack/-/addon-styling-webpack-0.0.5.tgz",
+      "integrity": "sha512-8XdE3w+W7qxMeqnK/FDFipFN9XaVKUJFcHyM2ZBlhAAxVWMbTcifqw5lzqeK8jSAA/TUtpUp37gT2Bw/3k6slQ==",
+      "dependencies": {
+        "@storybook/node-logger": "^7.0.12"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
     "node_modules/@storybook/addon-toolbars": {
       "version": "7.6.1",
       "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.1.tgz",
@@ -11763,7 +11775,6 @@
       "version": "7.6.1",
       "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.1.tgz",
       "integrity": "sha512-aHQUfWJBJBBof4WfNN552I76QZmMwLHeerI+98NE3IphRHlM+OW96crKXKvX7DWaN5otgxdXroZFpEABKhHIwQ==",
-      "dev": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
@@ -49578,6 +49589,14 @@
         "ts-dedent": "^2.0.0"
       }
     },
+    "@storybook/addon-styling-webpack": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling-webpack/-/addon-styling-webpack-0.0.5.tgz",
+      "integrity": "sha512-8XdE3w+W7qxMeqnK/FDFipFN9XaVKUJFcHyM2ZBlhAAxVWMbTcifqw5lzqeK8jSAA/TUtpUp37gT2Bw/3k6slQ==",
+      "requires": {
+        "@storybook/node-logger": "^7.0.12"
+      }
+    },
     "@storybook/addon-toolbars": {
       "version": "7.6.1",
       "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.1.tgz",
@@ -50629,8 +50648,7 @@
     "@storybook/node-logger": {
       "version": "7.6.1",
       "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.1.tgz",
-      "integrity": "sha512-aHQUfWJBJBBof4WfNN552I76QZmMwLHeerI+98NE3IphRHlM+OW96crKXKvX7DWaN5otgxdXroZFpEABKhHIwQ==",
-      "dev": true
+      "integrity": "sha512-aHQUfWJBJBBof4WfNN552I76QZmMwLHeerI+98NE3IphRHlM+OW96crKXKvX7DWaN5otgxdXroZFpEABKhHIwQ=="
     },
     "@storybook/postinstall": {
       "version": "7.6.1",
diff --git a/package.json b/package.json
index 7ea89ee3f6..e515566a26 100644
--- a/package.json
+++ b/package.json
@@ -2,12 +2,12 @@
   "name": "matters-web",
   "version": "4.28.0",
   "description": "codebase of Matters' website",
-  "sideEffects": false,
   "author": "Matters <hi@matters.town>",
   "engines": {
     "node": ">=16.14 <17.0"
   },
   "license": "Apache-2.0",
+  "sideEffects": false,
   "scripts": {
     "dev": "PORT=\"${PORT:-3000}\"; next -p $PORT",
     "test": "npm run test:unit && npm run test:e2e",
@@ -51,6 +51,7 @@
     "@reach/dialog": "^0.18.0",
     "@reach/visually-hidden": "^0.18.0",
     "@sentry/browser": "^7.57.0",
+    "@storybook/addon-styling-webpack": "^0.0.5",
     "@stripe/react-stripe-js": "^2.1.1",
     "@stripe/stripe-js": "^1.54.1",
     "@tippyjs/react": "^4.2.6",

From fc663e8097db230a783858a1a19f6477b2c84f48 Mon Sep 17 00:00:00 2001
From: Zeck Li <11781254+zeckli@users.noreply.github.com>
Date: Thu, 30 Nov 2023 18:04:26 +0800
Subject: [PATCH 31/62] Update page view tracker to differentiate between
 browser and PWA views.

---
 src/common/utils/analytics.ts                  |  3 ++-
 .../Analytics/AnalyticsListener/index.ts       |  2 ++
 .../Analytics/PageViewTracker/index.tsx        | 18 ++++++++++++++++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/common/utils/analytics.ts b/src/common/utils/analytics.ts
index 924e0278ff..35da3c941f 100644
--- a/src/common/utils/analytics.ts
+++ b/src/common/utils/analytics.ts
@@ -42,7 +42,8 @@ type EventArgs =
  * Event: Page View
  */
 interface PageViewProp {
-  page_referrer: string
+  page_referrer?: string
+  mode: string
 }
 
 /**
diff --git a/src/components/Analytics/AnalyticsListener/index.ts b/src/components/Analytics/AnalyticsListener/index.ts
index 55bd4f24e9..b49de36544 100644
--- a/src/components/Analytics/AnalyticsListener/index.ts
+++ b/src/components/Analytics/AnalyticsListener/index.ts
@@ -66,6 +66,7 @@ const handleAnalytics = async ({
     if (type === ANALYTIC_TYPES.PAGE) {
       // const path = window.location.pathname
       const referrer = _get(args[1], 'page_referrer')
+      const mode = _get(args[1], 'mode')
 
       /* window.gtag('config', GA_TRACKING_ID, {
         page_location: path,
@@ -75,6 +76,7 @@ const handleAnalytics = async ({
       const eventData = {
         page_referrer: referrer,
         user_id: id,
+        mode: mode,
       }
       if (analytics) {
         logEvent(analytics, 'page_view', eventData)
diff --git a/src/components/Analytics/PageViewTracker/index.tsx b/src/components/Analytics/PageViewTracker/index.tsx
index acbf8f2734..8fde2d45c4 100644
--- a/src/components/Analytics/PageViewTracker/index.tsx
+++ b/src/components/Analytics/PageViewTracker/index.tsx
@@ -13,12 +13,22 @@ const PageViewTracker = () => {
   const router = useRouter()
   const referrer = useRef('')
 
+  // identify views from browser or pwa
+  const detectMode = () => {
+    const navigator = window?.navigator as any
+    const media = '(display-mode: standalone)'
+    return navigator?.standalone || window?.matchMedia(media).matches
+      ? 'standalone'
+      : 'browser'
+  }
+
   // first load
   useEffect(() => {
     // add time out to wait for analytic listener to be ready
     setTimeout(() => {
+      const mode = detectMode()
       analytics.identifyUser()
-      analytics.trackPage()
+      analytics.trackPage('page_view', { mode })
     }, 1000)
 
     referrer.current = getPageReferrer() // window.location.origin + window.location.pathname
@@ -27,7 +37,11 @@ const PageViewTracker = () => {
   // subsequent changes
   useEffect(() => {
     const trackPage = () => {
-      analytics.trackPage('page_view', { page_referrer: referrer.current })
+      const mode = detectMode()
+      analytics.trackPage('page_view', {
+        page_referrer: referrer.current,
+        mode,
+      })
       referrer.current = getPageReferrer() // window.location.origin + window.location.pathname
     }
 

From 6cc0df6a1a2a9d82dffdb0ef778463c539ed7fd3 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 30 Nov 2023 18:05:27 +0800
Subject: [PATCH 32/62] feat(book): revise <Book> UI

---
 lang/default.json                             |   4 -
 lang/en.json                                  |   4 -
 lang/zh-Hans.json                             |   4 -
 lang/zh-Hant.json                             |   4 -
 src/common/enums/test.ts                      |   4 +-
 src/components/Book/Article/index.tsx         |  65 +++++++++++
 src/components/Book/Article/styles.module.css |  75 +++++++++++++
 src/components/Book/Collection/index.tsx      |  80 +++++++++++++
 .../Book/{ => Collection}/styles.module.css   |  93 +++------------
 src/components/Book/Flat/index.tsx            |  60 ++++++++++
 src/components/Book/Flat/styles.module.css    |  41 +++++++
 src/components/Book/index.tsx                 | 106 ++----------------
 .../CollectionDigest/Feed/Feed.test.tsx       |   2 +-
 .../CollectionDigest/Feed/index.tsx           |   2 +-
 .../FileUploader/CoverUploader/index.tsx      |   3 +-
 src/components/Hook/useColorThief.tsx         |   6 +-
 .../components/Book/Article.stories.tsx       |  71 ++++++++++++
 ...dex.stories.tsx => Collection.stories.tsx} |  36 +-----
 src/stories/components/Book/Flat.stories.tsx  |  56 +++++++++
 src/views/User/Articles/PinBoard/gql.ts       |   1 +
 src/views/User/Articles/PinBoard/index.tsx    |  22 ++--
 .../CollectionProfile/index.tsx               |  18 +--
 22 files changed, 498 insertions(+), 259 deletions(-)
 create mode 100644 src/components/Book/Article/index.tsx
 create mode 100644 src/components/Book/Article/styles.module.css
 create mode 100644 src/components/Book/Collection/index.tsx
 rename src/components/Book/{ => Collection}/styles.module.css (55%)
 create mode 100644 src/components/Book/Flat/index.tsx
 create mode 100644 src/components/Book/Flat/styles.module.css
 create mode 100644 src/stories/components/Book/Article.stories.tsx
 rename src/stories/components/Book/{index.stories.tsx => Collection.stories.tsx} (50%)
 create mode 100644 src/stories/components/Book/Flat.stories.tsx

diff --git a/lang/default.json b/lang/default.json
index 190cbf5b54..16b9eba25d 100644
--- a/lang/default.json
+++ b/lang/default.json
@@ -927,10 +927,6 @@
     "defaultMessage": "New likes",
     "description": "src/views/Me/Settings/Notifications/GeneralSettings/index.tsx"
   },
-  "OwKIEe": {
-    "defaultMessage": "{count, plural, =1 {1 article} other {{count} articles}}",
-    "description": "src/components/Book/index.tsx"
-  },
   "PLBmDT": {
     "defaultMessage": "Password",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
diff --git a/lang/en.json b/lang/en.json
index 6d0b82bed4..f373767e43 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -927,10 +927,6 @@
     "defaultMessage": "New likes",
     "description": "src/views/Me/Settings/Notifications/GeneralSettings/index.tsx"
   },
-  "OwKIEe": {
-    "defaultMessage": "{count, plural, =1 {1 article} other {{count} articles}}",
-    "description": "src/components/Book/index.tsx"
-  },
   "PLBmDT": {
     "defaultMessage": "Password",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
diff --git a/lang/zh-Hans.json b/lang/zh-Hans.json
index e2576fe539..c20ea0c24d 100644
--- a/lang/zh-Hans.json
+++ b/lang/zh-Hans.json
@@ -927,10 +927,6 @@
     "defaultMessage": "作品被赞赏",
     "description": "src/views/Me/Settings/Notifications/GeneralSettings/index.tsx"
   },
-  "OwKIEe": {
-    "defaultMessage": "{count, plural, =1 {1 篇文章} other {{count} 篇文章}}",
-    "description": "src/components/Book/index.tsx"
-  },
   "PLBmDT": {
     "defaultMessage": "登录密码",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
diff --git a/lang/zh-Hant.json b/lang/zh-Hant.json
index 13457f0736..20b0bcb060 100644
--- a/lang/zh-Hant.json
+++ b/lang/zh-Hant.json
@@ -927,10 +927,6 @@
     "defaultMessage": "作品被讚賞",
     "description": "src/views/Me/Settings/Notifications/GeneralSettings/index.tsx"
   },
-  "OwKIEe": {
-    "defaultMessage": "{count, plural, =1 {1 篇文章} other {{count} 篇文章}}",
-    "description": "src/components/Book/index.tsx"
-  },
   "PLBmDT": {
     "defaultMessage": "登入密碼",
     "description": "src/views/Me/Settings/Settings/Password/index.tsx"
diff --git a/src/common/enums/test.ts b/src/common/enums/test.ts
index 627b01c01c..9779d3f932 100644
--- a/src/common/enums/test.ts
+++ b/src/common/enums/test.ts
@@ -137,7 +137,9 @@ export enum TEST_ID {
   USER_PROFILE_PIN_BOARD_UNPIN_BUTTON = 'user-profile/pin-board/unpin-button',
 
   // Book
-  BOOK = 'book',
+  BOOK_ARTICLE = 'book/article',
+  BOOK_COLLECTION = 'book/collection',
+  BOOK_FLAT = 'book/flat',
   BOOK_TITLE = 'book/title',
 
   // Editor
diff --git a/src/components/Book/Article/index.tsx b/src/components/Book/Article/index.tsx
new file mode 100644
index 0000000000..55ebdb9783
--- /dev/null
+++ b/src/components/Book/Article/index.tsx
@@ -0,0 +1,65 @@
+import { useEffect } from 'react'
+
+import BOOK_COVER from '@/public/static/images/book-cover.png'
+import { TEST_ID } from '~/common/enums'
+import { ResponsiveImage, useColorThief } from '~/components'
+
+import styles from './styles.module.css'
+
+type BookArticleProps = {
+  title: string
+  description: string
+  cover?: string | null
+}
+
+const BookArticle: React.FC<BookArticleProps> = ({
+  title,
+  description,
+  cover,
+}) => {
+  const { getColor, dominantColor, nodeRef: bookRef } = useColorThief()
+
+  useEffect(() => {
+    if (!cover) return
+
+    getColor()
+  }, [cover])
+
+  return (
+    <section
+      className={styles.book}
+      ref={bookRef}
+      style={
+        {
+          '--jacket-bg': dominantColor || '#b3b3b3',
+          '--jacket-underline': dominantColor
+            ? dominantColor.replace(', 1)', ', 0.1)')
+            : 'rgba(179, 179, 179, 0.10)',
+        } as React.CSSProperties
+      }
+      data-test-id={TEST_ID.BOOK_ARTICLE}
+    >
+      <h2 className={styles.title} data-test-id={TEST_ID.BOOK_TITLE}>
+        {title}
+      </h2>
+
+      {cover && (
+        <div className={styles.cover}>
+          <ResponsiveImage
+            url={cover || BOOK_COVER.src}
+            width={240}
+            height={200}
+            anonymous
+            disableAnimation={true}
+          />
+        </div>
+      )}
+
+      {!cover && description && (
+        <p className={styles.description}>{description}</p>
+      )}
+    </section>
+  )
+}
+
+export default BookArticle
diff --git a/src/components/Book/Article/styles.module.css b/src/components/Book/Article/styles.module.css
new file mode 100644
index 0000000000..6ebd3f09f2
--- /dev/null
+++ b/src/components/Book/Article/styles.module.css
@@ -0,0 +1,75 @@
+.book {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 7.125rem;
+  height: 10rem;
+  padding: var(--spacing-base-tight) var(--spacing-x-tight)
+    var(--spacing-x-tight);
+  overflow: hidden;
+  border-radius: 0.5rem;
+  box-shadow:
+    0 8px 16px 0 rgb(0 0 0 / 3%),
+    8px 0 8px 0 rgb(0 0 0 / 3%),
+    0 4px 12px 0 rgb(0 0 0 / 8%),
+    1px 0 2px 0 rgb(0 0 0 / 8%);
+
+  & ::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: var(--spacing-base-xx-tight);
+    content: '';
+    background: var(--jacket-bg);
+    border-radius: 0.5rem 0.5rem 0 0;
+  }
+
+  & .title {
+    @mixin line-clamp;
+
+    flex-shrink: 0;
+    margin-bottom: var(--spacing-base-tight);
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-medium);
+    line-height: 1.375rem;
+    text-decoration: underline;
+    text-decoration-thickness: 0.5rem;
+    text-decoration-color: var(--jacket-underline);
+    text-underline-offset: 0;
+    text-decoration-skip-ink: none;
+    -webkit-line-clamp: 3;
+
+    /* correct text selection color to brower default (varies) */
+    &::selection {
+      text-decoration: underline;
+      text-decoration-thickness: 0.5rem;
+      text-decoration-color: #b4d5fe;
+      text-underline-offset: 0;
+      text-decoration-skip-ink: none;
+    }
+  }
+
+  & .cover {
+    position: relative;
+    flex-grow: 1;
+
+    & img {
+      @mixin object-fit-cover;
+
+      background-color: var(--color-grey-lighter);
+      border-radius: 0.25rem;
+    }
+  }
+
+  & .description {
+    /* @mixin line-clamp; */
+
+    flex-grow: 1;
+    font-size: var(--font-size-xs);
+    line-height: 1.125rem;
+    color: var(--color-grey);
+  }
+}
diff --git a/src/components/Book/Collection/index.tsx b/src/components/Book/Collection/index.tsx
new file mode 100644
index 0000000000..c808763c0f
--- /dev/null
+++ b/src/components/Book/Collection/index.tsx
@@ -0,0 +1,80 @@
+import classNames from 'classnames'
+import { useEffect } from 'react'
+
+import BOOK_COVER from '@/public/static/images/book-cover.png'
+import { TEST_ID } from '~/common/enums'
+import { countStrWidth } from '~/common/utils'
+import {
+  IconCamera24,
+  ResponsiveImage,
+  Spinner,
+  useColorThief,
+} from '~/components'
+
+import styles from './styles.module.css'
+
+type BookCollectionProps = {
+  title: string
+  cover?: string | null
+
+  hasMask?: boolean
+  loading?: boolean
+}
+
+const BookCollection: React.FC<BookCollectionProps> = ({
+  title,
+  cover,
+  hasMask,
+  loading,
+}) => {
+  const { getColor, dominantColor, nodeRef: bookRef } = useColorThief()
+
+  useEffect(() => {
+    if (!cover) return
+
+    getColor()
+  }, [cover])
+
+  const titleWidth = countStrWidth(title)
+  const hasNonCJK = title.length * 2 !== titleWidth
+
+  const jacketClasses = classNames({
+    [styles.jacket]: true,
+    [styles.titleLg]: hasNonCJK ? titleWidth <= 10 : titleWidth <= 12,
+    [styles.titleMd]: titleWidth > 12 && titleWidth <= 28 && !hasNonCJK,
+  })
+
+  return (
+    <section
+      className={styles.book}
+      ref={bookRef}
+      style={
+        { '--jacket-bg': dominantColor || '#b3b3b3' } as React.CSSProperties
+      }
+      data-test-id={TEST_ID.BOOK_COLLECTION}
+    >
+      <div className={styles.cover}>
+        <ResponsiveImage
+          url={cover || BOOK_COVER.src}
+          width={240}
+          height={200}
+          anonymous
+          disableAnimation={true}
+        />
+        {hasMask && (
+          <div className={styles.mask}>
+            {loading ? <Spinner /> : <IconCamera24 color="white" size="xl" />}
+          </div>
+        )}
+      </div>
+
+      <section className={jacketClasses}>
+        <h2 className={styles.title} data-test-id={TEST_ID.BOOK_TITLE}>
+          {title}
+        </h2>
+      </section>
+    </section>
+  )
+}
+
+export default BookCollection
diff --git a/src/components/Book/styles.module.css b/src/components/Book/Collection/styles.module.css
similarity index 55%
rename from src/components/Book/styles.module.css
rename to src/components/Book/Collection/styles.module.css
index 42fd37d96a..c3d5768c0f 100644
--- a/src/components/Book/styles.module.css
+++ b/src/components/Book/Collection/styles.module.css
@@ -1,4 +1,4 @@
-.book.classic {
+.book {
   position: relative;
   z-index: 1;
   display: flex;
@@ -9,12 +9,12 @@
   overflow: hidden;
   border-radius: 0.5rem;
   box-shadow:
-    0 8px 16px 0 rgb(55 55 55 / 3%),
-    0 4px 8px 0 rgb(55 55 55 / 3%),
-    0 2px 4px 0 rgb(55 35 35 / 5%),
-    0 1px 2px 0 rgb(37 19 10 / 11%),
+    0 2px 2px 0 rgb(255 255 255 / 50%) inset,
     0 -2px 4px 0 rgb(0 0 0 / 18%) inset,
-    0 2px 2px 0 rgb(255 255 255 / 50%) inset;
+    0 1px 2px 0 rgb(37 19 10 / 11%),
+    0 2px 4px 0 rgb(55 35 35 / 5%),
+    0 4px 8px 0 rgb(55 55 55 / 3%),
+    0 8px 16px 0 rgb(55 55 55 / 3%);
 
   &::before {
     position: absolute;
@@ -57,34 +57,18 @@
     height: calc(3.75rem + 1px);
     background: var(--jacket-bg);
 
-    & .title,
-    & .count {
+    & .title {
+      @mixin line-clamp;
+
       padding-right: var(--spacing-x-tight);
       padding-left: var(--spacing-x-base);
       font-size: var(--font-size-xs);
       font-weight: var(--font-weight-normal);
       line-height: 1.0625rem;
-    }
-
-    & .title {
-      @mixin line-clamp;
-
       color: var(--color-white);
       -webkit-line-clamp: 3;
     }
 
-    & .count {
-      bottom: var(--spacing-xx-tight);
-      margin-top: var(--spacing-xxx-tight);
-      color: rgb(255 255 255 / 68%);
-    }
-
-    &.hasCount {
-      & .title {
-        -webkit-line-clamp: 2;
-      }
-    }
-
     &.titleMd {
       & .title {
         font-size: var(--font-size-sm-s);
@@ -93,20 +77,14 @@
     }
 
     &.titleLg {
+      @mixin flex-start-start;
+
+      padding-top: var(--spacing-x-tight);
+
       & .title {
         font-size: var(--font-size-md);
         line-height: 1.5rem;
       }
-
-      & .count {
-        bottom: var(--spacing-x-tight);
-      }
-
-      &:not(.hasCount) {
-        @mixin flex-start-start;
-
-        padding-top: var(--spacing-x-tight);
-      }
     }
   }
 
@@ -117,48 +95,3 @@
     background: rgb(0 0 0 / 50%);
   }
 }
-
-.book.flat {
-  @mixin flex-center-start;
-
-  position: relative;
-  width: 10.125rem;
-  height: 4.6875rem;
-  padding: 0 var(--spacing-x-tight) 0 calc(var(--spacing-x-tight) + 0.25rem);
-  background: var(--color-white);
-  border: 1px solid var(--color-grey-light);
-  border-radius: 0.25rem 0.5rem 0.5rem 0.25rem;
-
-  &::before {
-    position: absolute;
-    top: -1px;
-    left: -1px;
-    width: 0.25rem;
-    height: calc(100% + 2px);
-    content: '';
-    background: var(--jacket-bg);
-    border-radius: 0.25rem 0 0 0.25rem;
-  }
-
-  & .title,
-  & .count {
-    font-size: var(--font-size-sm);
-  }
-
-  & .title {
-    @mixin line-clamp;
-
-    font-weight: var(--font-weight-normal);
-    line-height: 1.375rem;
-    -webkit-line-clamp: 2;
-  }
-
-  & .count {
-    line-height: 1.0625rem;
-    color: var(--color-grey-dark);
-  }
-
-  & .cover {
-    display: none;
-  }
-}
diff --git a/src/components/Book/Flat/index.tsx b/src/components/Book/Flat/index.tsx
new file mode 100644
index 0000000000..e613ebb111
--- /dev/null
+++ b/src/components/Book/Flat/index.tsx
@@ -0,0 +1,60 @@
+import { useEffect } from 'react'
+import { FormattedMessage } from 'react-intl'
+
+import BOOK_COVER from '@/public/static/images/book-cover.png'
+import { TEST_ID } from '~/common/enums'
+import { ResponsiveImage, useColorThief } from '~/components'
+
+import styles from './styles.module.css'
+
+export type BookFlatProps = {
+  title: string
+  cover?: string | null
+  type: 'collection' | 'article'
+}
+
+const BookFlat: React.FC<BookFlatProps> = ({ title, cover, type }) => {
+  const { getColor, dominantColor, nodeRef: bookRef } = useColorThief()
+
+  const isCollection = type === 'collection'
+
+  useEffect(() => {
+    if (!cover) return
+
+    getColor()
+  }, [cover])
+
+  return (
+    <section
+      className={styles.book}
+      ref={bookRef}
+      style={
+        { '--jacket-bg': dominantColor || '#b3b3b3' } as React.CSSProperties
+      }
+      data-test-id={TEST_ID.BOOK_FLAT}
+    >
+      <div className={styles.cover}>
+        <ResponsiveImage
+          url={cover || BOOK_COVER.src}
+          width={100} // smaller size for color thief
+          height={100}
+          anonymous
+          disableAnimation={true}
+        />
+      </div>
+
+      <section>
+        {isCollection && (
+          <span className={styles.label}>
+            <FormattedMessage defaultMessage="Collection" id="phAZoj" />
+          </span>
+        )}
+        <h2 className={styles.title} data-test-id={TEST_ID.BOOK_TITLE}>
+          {title}
+        </h2>
+      </section>
+    </section>
+  )
+}
+
+export default BookFlat
diff --git a/src/components/Book/Flat/styles.module.css b/src/components/Book/Flat/styles.module.css
new file mode 100644
index 0000000000..39c2eef2eb
--- /dev/null
+++ b/src/components/Book/Flat/styles.module.css
@@ -0,0 +1,41 @@
+.book {
+  @mixin flex-center-start;
+
+  position: relative;
+  width: 10.125rem;
+  height: 4.6875rem;
+  padding: 0 var(--spacing-x-tight) 0 calc(var(--spacing-x-tight) + 0.25rem);
+  background: var(--color-white);
+  border: 1px solid var(--color-grey-light);
+  border-radius: 0.25rem 0.5rem 0.5rem 0.25rem;
+
+  &::before {
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    width: 0.25rem;
+    height: calc(100% + 2px);
+    content: '';
+    background: var(--jacket-bg);
+    border-radius: 0.25rem 0 0 0.25rem;
+  }
+
+  & .label {
+    font-size: var(--font-size-xs);
+    line-height: 1.125rem;
+    color: var(--color-grey);
+  }
+
+  & .title {
+    @mixin line-clamp;
+
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-normal);
+    line-height: 1.375rem;
+    -webkit-line-clamp: 2;
+  }
+
+  & .cover {
+    display: none;
+  }
+}
diff --git a/src/components/Book/index.tsx b/src/components/Book/index.tsx
index 68cede98fe..668c9d8556 100644
--- a/src/components/Book/index.tsx
+++ b/src/components/Book/index.tsx
@@ -1,101 +1,11 @@
-import classNames from 'classnames'
-import { useEffect } from 'react'
-import { FormattedMessage } from 'react-intl'
-
-import BOOK_COVER from '@/public/static/images/book-cover.png'
-import { TEST_ID } from '~/common/enums'
-import { countStrWidth } from '~/common/utils'
-import {
-  IconCamera24,
-  ResponsiveImage,
-  Spinner,
-  useColorThief,
-} from '~/components'
-
+import Article from './Article'
+import Collection from './Collection'
+import Flat from './Flat'
 import Placeholder from './Placeholder'
-import styles from './styles.module.css'
-
-export type BookProps = {
-  title: string
-  cover?: string | null
-  articleCount?: number
-  variant?: 'flat' | 'classic'
-
-  hasMask?: boolean
-  loading?: boolean
-}
-
-export const Book: React.FC<BookProps> & {
-  Placeholder: typeof Placeholder
-} = ({ title, cover, articleCount, variant = 'classic', hasMask, loading }) => {
-  const hasCount = typeof articleCount === 'number'
-
-  const { getColor, dominantColor, nodeRef: bookRef } = useColorThief()
 
-  useEffect(() => {
-    if (!cover) return
-
-    getColor()
-  }, [cover])
-
-  const titleWidth = countStrWidth(title)
-  const hasNonCJK = title.length * 2 !== titleWidth
-
-  const bookClasses = classNames({
-    [styles.book]: true,
-    [styles.flat]: variant === 'flat',
-    [styles.classic]: variant === 'classic',
-  })
-  const jacketClasses = classNames({
-    [styles.jacket]: true,
-    [styles.hasCount]: hasCount,
-    [styles.titleLg]: hasNonCJK ? titleWidth <= 10 : titleWidth <= 12,
-    [styles.titleMd]:
-      !hasCount && titleWidth > 12 && titleWidth <= 28 && !hasNonCJK,
-  })
-
-  return (
-    <section
-      className={bookClasses}
-      ref={bookRef}
-      style={
-        { '--jacket-bg': dominantColor || '#b3b3b3' } as React.CSSProperties
-      }
-      data-test-id={TEST_ID.BOOK}
-    >
-      <div className={styles.cover}>
-        <ResponsiveImage
-          url={cover || BOOK_COVER.src}
-          width={240}
-          height={200}
-          anonymous
-          disableAnimation={true}
-        />
-        {hasMask && (
-          <div className={styles.mask}>
-            {loading ? <Spinner /> : <IconCamera24 color="white" size="xl" />}
-          </div>
-        )}
-      </div>
-
-      <section className={jacketClasses}>
-        <h2 className={styles.title} data-test-id={TEST_ID.BOOK_TITLE}>
-          {title}
-        </h2>
-
-        {hasCount && (
-          <p className={styles.count}>
-            <FormattedMessage
-              defaultMessage={`{count, plural, =1 {1 article} other {{count} articles}}`}
-              id="OwKIEe"
-              description="src/components/Book/index.tsx"
-              values={{ count: articleCount }}
-            />
-          </p>
-        )}
-      </section>
-    </section>
-  )
+export const Book = {
+  Article,
+  Collection,
+  Flat,
+  Placeholder,
 }
-
-Book.Placeholder = Placeholder
diff --git a/src/components/CollectionDigest/Feed/Feed.test.tsx b/src/components/CollectionDigest/Feed/Feed.test.tsx
index 810ea23d4b..08c8c68cf7 100644
--- a/src/components/CollectionDigest/Feed/Feed.test.tsx
+++ b/src/components/CollectionDigest/Feed/Feed.test.tsx
@@ -17,7 +17,7 @@ describe('<CollectionDigestFeed>', () => {
     const $digest = screen.getByTestId(TEST_ID.DIGEST_COLLECTION_FEED)
     expect($digest).toBeInTheDocument()
 
-    const $book = screen.getByTestId(TEST_ID.BOOK)
+    const $book = screen.getByTestId(TEST_ID.BOOK_COLLECTION)
     expect($book).toBeInTheDocument()
     mockRouter.push('/')
     $book.click()
diff --git a/src/components/CollectionDigest/Feed/index.tsx b/src/components/CollectionDigest/Feed/index.tsx
index 59bf91ab12..2b754a811e 100644
--- a/src/components/CollectionDigest/Feed/index.tsx
+++ b/src/components/CollectionDigest/Feed/index.tsx
@@ -47,7 +47,7 @@ const BaseCollectionDigestFeed = ({
       <section className={styles.container}>
         <LinkWrapper {...path} onClick={onClick}>
           <section className={styles.book}>
-            <Book cover={cover} title={title} articleCount={articleCount} />
+            <Book.Collection cover={cover} title={title} />
           </section>
         </LinkWrapper>
 
diff --git a/src/components/FileUploader/CoverUploader/index.tsx b/src/components/FileUploader/CoverUploader/index.tsx
index 466527baba..28b9b6106f 100644
--- a/src/components/FileUploader/CoverUploader/index.tsx
+++ b/src/components/FileUploader/CoverUploader/index.tsx
@@ -218,10 +218,9 @@ export const CoverUploader = ({
         <section className={styles.collection}>
           <section className={styles.collectionContent}>
             {
-              <Book
+              <Book.Collection
                 title={bookTitle || ''}
                 cover={cover}
-                articleCount={bookArticleCount}
                 hasMask
                 loading={loading}
               />
diff --git a/src/components/Hook/useColorThief.tsx b/src/components/Hook/useColorThief.tsx
index a3cfe34d77..f23ed7eb2d 100644
--- a/src/components/Hook/useColorThief.tsx
+++ b/src/components/Hook/useColorThief.tsx
@@ -30,9 +30,9 @@ export const useColorThief = () => {
         const colors = colorThief.getColor($img)
         const hsl = rgbToHsl(...colors)
         setDominantColor(
-          `hsl(${parseInt(hsl[0] + '')} ${parseFloat(hsl[1] * 100 + '').toFixed(
-            2
-          )}% 30%)`
+          `hsla(${parseInt(hsl[0] + '')}, ${parseFloat(
+            hsl[1] * 100 + ''
+          ).toFixed(2)}%, 30%, 1)`
         )
       } catch (error: any) {
         if (error.name === 'SecurityError') {
diff --git a/src/stories/components/Book/Article.stories.tsx b/src/stories/components/Book/Article.stories.tsx
new file mode 100644
index 0000000000..5194e461da
--- /dev/null
+++ b/src/stories/components/Book/Article.stories.tsx
@@ -0,0 +1,71 @@
+import { MockedProvider } from '@apollo/react-testing'
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import React from 'react'
+
+import { Book } from '~/components'
+
+import { MOCK_ARTILCE } from '../../mocks'
+
+export default {
+  title: 'Components/Book/Article',
+  component: Book.Article,
+} as ComponentMeta<typeof Book.Article>
+
+const Template: ComponentStory<typeof Book.Article> = (args) => {
+  return (
+    <MockedProvider>
+      <Book.Article {...args} />
+    </MockedProvider>
+  )
+}
+
+export const TitleOnly = Template.bind({})
+TitleOnly.args = {
+  title: MOCK_ARTILCE.title,
+}
+
+export const TitleMdOnly = Template.bind({})
+TitleMdOnly.args = {
+  title: 'Qui amet anima',
+}
+
+export const TitleShortOnly = Template.bind({})
+TitleShortOnly.args = {
+  title: 'Short',
+}
+
+export const TitleAndCover = Template.bind({})
+TitleAndCover.args = {
+  title: MOCK_ARTILCE.title,
+  cover: MOCK_ARTILCE.cover,
+}
+
+export const TitleMdAndCover = Template.bind({})
+TitleMdAndCover.args = {
+  title: 'Qui amet',
+  cover: MOCK_ARTILCE.cover,
+}
+
+export const TitleShortAndCover = Template.bind({})
+TitleShortAndCover.args = {
+  title: 'Short',
+  cover: MOCK_ARTILCE.cover,
+}
+
+export const TitleAndDescription = Template.bind({})
+TitleAndDescription.args = {
+  title: MOCK_ARTILCE.title,
+  description: MOCK_ARTILCE.summary,
+}
+
+export const TitleMdAndDescription = Template.bind({})
+TitleMdAndDescription.args = {
+  title: 'Qui amet',
+  description: MOCK_ARTILCE.summary,
+}
+
+export const TitleShortAndDescription = Template.bind({})
+TitleShortAndDescription.args = {
+  title: 'Short',
+  description: MOCK_ARTILCE.summary,
+}
diff --git a/src/stories/components/Book/index.stories.tsx b/src/stories/components/Book/Collection.stories.tsx
similarity index 50%
rename from src/stories/components/Book/index.stories.tsx
rename to src/stories/components/Book/Collection.stories.tsx
index 0dd0d2fc81..340af1d0f0 100644
--- a/src/stories/components/Book/index.stories.tsx
+++ b/src/stories/components/Book/Collection.stories.tsx
@@ -7,14 +7,14 @@ import { Book } from '~/components'
 import { MOCK_ARTILCE } from '../../mocks'
 
 export default {
-  title: 'Components/Book',
-  component: Book,
-} as ComponentMeta<typeof Book>
+  title: 'Components/Book/Collection',
+  component: Book.Collection,
+} as ComponentMeta<typeof Book.Collection>
 
-const Template: ComponentStory<typeof Book> = (args) => {
+const Template: ComponentStory<typeof Book.Collection> = (args) => {
   return (
     <MockedProvider>
-      <Book {...args} />
+      <Book.Collection {...args} />
     </MockedProvider>
   )
 }
@@ -24,44 +24,18 @@ TitleOnly.args = {
   title: MOCK_ARTILCE.title,
 }
 
-export const TitleAndCount = Template.bind({})
-TitleAndCount.args = {
-  title: MOCK_ARTILCE.title,
-  articleCount: 10,
-}
-
 export const TitleMdOnly = Template.bind({})
 TitleMdOnly.args = {
   title: 'Qui amet anim',
 }
 
-export const TitleMdAndCountOnly = Template.bind({})
-TitleMdAndCountOnly.args = {
-  title: 'Qui amet anim',
-  articleCount: 0,
-}
-
 export const TitleLgOnly = Template.bind({})
 TitleLgOnly.args = {
   title: 'Short',
 }
 
-export const TitleLgAndCountOnly = Template.bind({})
-TitleLgAndCountOnly.args = {
-  title: 'Short',
-  articleCount: 0,
-}
-
 export const Cover = Template.bind({})
 Cover.args = {
   title: MOCK_ARTILCE.title,
   cover: MOCK_ARTILCE.cover,
-  articleCount: 0,
-}
-
-export const Flat = Template.bind({})
-Flat.args = {
-  title: MOCK_ARTILCE.title,
-  articleCount: 0,
-  variant: 'flat',
 }
diff --git a/src/stories/components/Book/Flat.stories.tsx b/src/stories/components/Book/Flat.stories.tsx
new file mode 100644
index 0000000000..76279eb5e6
--- /dev/null
+++ b/src/stories/components/Book/Flat.stories.tsx
@@ -0,0 +1,56 @@
+import { MockedProvider } from '@apollo/react-testing'
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import React from 'react'
+
+import { Book } from '~/components'
+
+import { MOCK_ARTILCE } from '../../mocks'
+
+export default {
+  title: 'Components/Book/Flat',
+  component: Book.Flat,
+} as ComponentMeta<typeof Book.Flat>
+
+const Template: ComponentStory<typeof Book.Flat> = (args) => {
+  return (
+    <MockedProvider>
+      <Book.Flat {...args} />
+    </MockedProvider>
+  )
+}
+
+export const Collection = Template.bind({})
+Collection.args = {
+  title: MOCK_ARTILCE.title,
+  type: 'collection',
+}
+
+export const CollectionTitleMd = Template.bind({})
+CollectionTitleMd.args = {
+  title: 'Qui amet anim',
+  type: 'collection',
+}
+
+export const CollectionTitleShort = Template.bind({})
+CollectionTitleShort.args = {
+  title: 'Short',
+  type: 'collection',
+}
+
+export const Article = Template.bind({})
+Article.args = {
+  title: MOCK_ARTILCE.title,
+  type: 'article',
+}
+
+export const ArticleTitleMd = Template.bind({})
+ArticleTitleMd.args = {
+  title: 'Qui amet anim',
+  type: 'article',
+}
+
+export const ArticleTitleShort = Template.bind({})
+ArticleTitleShort.args = {
+  title: 'Short',
+  type: 'article',
+}
diff --git a/src/views/User/Articles/PinBoard/gql.ts b/src/views/User/Articles/PinBoard/gql.ts
index 78c20eef23..a366dbc356 100644
--- a/src/views/User/Articles/PinBoard/gql.ts
+++ b/src/views/User/Articles/PinBoard/gql.ts
@@ -13,6 +13,7 @@ export const fragments = {
         ... on Article {
           slug
           mediaHash
+          summary
           author {
             id
             userName
diff --git a/src/views/User/Articles/PinBoard/index.tsx b/src/views/User/Articles/PinBoard/index.tsx
index 645e98fd40..2a158949ad 100644
--- a/src/views/User/Articles/PinBoard/index.tsx
+++ b/src/views/User/Articles/PinBoard/index.tsx
@@ -56,25 +56,19 @@ const PinBoard = ({ user }: PinBoardProps) => {
             >
               <a>
                 <Media lessThan="lg">
-                  <Book
+                  <Book.Flat
                     {...work}
-                    articleCount={
-                      work.__typename === 'Collection'
-                        ? work.articles.totalCount || 0
-                        : undefined
+                    type={
+                      work.__typename === 'Article' ? 'article' : 'collection'
                     }
-                    variant="flat"
                   />
                 </Media>
                 <Media greaterThanOrEqual="lg">
-                  <Book
-                    {...work}
-                    articleCount={
-                      work.__typename === 'Collection'
-                        ? work.articles.totalCount || 0
-                        : undefined
-                    }
-                  />
+                  {work.__typename === 'Article' ? (
+                    <Book.Article {...work} description={work.summary} />
+                  ) : (
+                    <Book.Collection {...work} />
+                  )}
                 </Media>
               </a>
             </Link>
diff --git a/src/views/User/CollectionDetail/CollectionProfile/index.tsx b/src/views/User/CollectionDetail/CollectionProfile/index.tsx
index 4244826fec..16564eea21 100644
--- a/src/views/User/CollectionDetail/CollectionProfile/index.tsx
+++ b/src/views/User/CollectionDetail/CollectionProfile/index.tsx
@@ -36,10 +36,12 @@ const CollectionProfile = ({ collection }: CollectionProfileProps) => {
           <Media lessThan="lg">
             <section>
               <section className={styles.header}>
-                {(!!cover || !isViewer) && <Book title={title} cover={cover} />}
+                {(!!cover || !isViewer) && (
+                  <Book.Collection title={title} cover={cover} />
+                )}
                 {!cover && isViewer && (
                   <button onClick={openEditeCollection}>
-                    <Book title={title} hasMask />
+                    <Book.Collection title={title} hasMask />
                   </button>
                 )}
                 <section className={styles.info}>
@@ -100,19 +102,11 @@ const CollectionProfile = ({ collection }: CollectionProfileProps) => {
           <Media greaterThanOrEqual="lg">
             <section className={styles.header}>
               {(!!cover || !isViewer) && (
-                <Book
-                  title={title}
-                  cover={cover}
-                  articleCount={articles.totalCount}
-                />
+                <Book.Collection title={title} cover={cover} />
               )}
               {!cover && isViewer && (
                 <button onClick={openEditeCollection}>
-                  <Book
-                    title={title}
-                    articleCount={articles.totalCount}
-                    hasMask
-                  />
+                  <Book.Collection title={title} hasMask />
                 </button>
               )}
               <section className={styles.info}>

From c17a2ee9f3a759869dfc543c26520b96d2c8c4f0 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 30 Nov 2023 20:21:34 +0800
Subject: [PATCH 33/62] feat(book): support line-clamp on description

---
 src/components/Book/Article/index.tsx         | 31 +++++++++++++++++--
 src/components/Book/Article/styles.module.css | 10 ++++--
 2 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/components/Book/Article/index.tsx b/src/components/Book/Article/index.tsx
index 55ebdb9783..ef90cbd690 100644
--- a/src/components/Book/Article/index.tsx
+++ b/src/components/Book/Article/index.tsx
@@ -1,8 +1,13 @@
-import { useEffect } from 'react'
+import classNames from 'classnames'
+import { useEffect, useRef, useState } from 'react'
 
 import BOOK_COVER from '@/public/static/images/book-cover.png'
 import { TEST_ID } from '~/common/enums'
-import { ResponsiveImage, useColorThief } from '~/components'
+import {
+  ResponsiveImage,
+  useColorThief,
+  useIsomorphicLayoutEffect,
+} from '~/components'
 
 import styles from './styles.module.css'
 
@@ -19,12 +24,29 @@ const BookArticle: React.FC<BookArticleProps> = ({
 }) => {
   const { getColor, dominantColor, nodeRef: bookRef } = useColorThief()
 
+  const descRef: React.RefObject<any> = useRef(null)
+  const [descLines, setDescLines] = useState(0)
+
+  useIsomorphicLayoutEffect(() => {
+    if (cover || !description) return
+
+    if (descRef?.current) {
+      const lines = Math.floor(descRef.current.clientHeight / 18)
+      setDescLines(lines)
+    }
+  }, [])
+
   useEffect(() => {
     if (!cover) return
 
     getColor()
   }, [cover])
 
+  const descClasses = classNames({
+    [styles.description]: true,
+    [styles.lineClamp]: descLines > 0,
+  })
+
   return (
     <section
       className={styles.book}
@@ -35,6 +57,7 @@ const BookArticle: React.FC<BookArticleProps> = ({
           '--jacket-underline': dominantColor
             ? dominantColor.replace(', 1)', ', 0.1)')
             : 'rgba(179, 179, 179, 0.10)',
+          '--desc-lines': descLines,
         } as React.CSSProperties
       }
       data-test-id={TEST_ID.BOOK_ARTICLE}
@@ -56,7 +79,9 @@ const BookArticle: React.FC<BookArticleProps> = ({
       )}
 
       {!cover && description && (
-        <p className={styles.description}>{description}</p>
+        <p className={descClasses} ref={descRef}>
+          {description}
+        </p>
       )}
     </section>
   )
diff --git a/src/components/Book/Article/styles.module.css b/src/components/Book/Article/styles.module.css
index 6ebd3f09f2..890544eed8 100644
--- a/src/components/Book/Article/styles.module.css
+++ b/src/components/Book/Article/styles.module.css
@@ -65,11 +65,17 @@
   }
 
   & .description {
-    /* @mixin line-clamp; */
-
     flex-grow: 1;
+    overflow: hidden;
     font-size: var(--font-size-xs);
     line-height: 1.125rem;
     color: var(--color-grey);
+
+    &.lineClamp {
+      @mixin line-clamp;
+
+      max-height: calc(1.125rem * var(--desc-lines));
+      -webkit-line-clamp: var(--desc-lines);
+    }
   }
 }

From cb4f42c1c6c3ecf71389b6ef4e58a790988daa86 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 30 Nov 2023 20:45:38 +0800
Subject: [PATCH 34/62] fix(book): revise CollectionDigest.Feed tests

---
 src/components/CollectionDigest/Feed/Feed.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CollectionDigest/Feed/Feed.test.tsx b/src/components/CollectionDigest/Feed/Feed.test.tsx
index 08c8c68cf7..914f695ace 100644
--- a/src/components/CollectionDigest/Feed/Feed.test.tsx
+++ b/src/components/CollectionDigest/Feed/Feed.test.tsx
@@ -24,7 +24,7 @@ describe('<CollectionDigestFeed>', () => {
     expect(mockRouter.asPath).toContain(MOCK_COLLECTON.id)
     expect(handleClick).toBeCalledTimes(1)
 
-    const $heading = screen.getByRole('link', { name: MOCK_COLLECTON.title })
+    const $heading = screen.getByTestId(TEST_ID.BOOK_TITLE)
     expect($heading).toBeInTheDocument()
     mockRouter.push('/')
     $heading.click()

From d1da7a854c481a53d336238ee7f7cc96d3592ed9 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Thu, 30 Nov 2023 20:55:02 +0800
Subject: [PATCH 35/62] fix(book): fix bg color

---
 src/components/Book/Article/styles.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Book/Article/styles.module.css b/src/components/Book/Article/styles.module.css
index 890544eed8..cb075d5a43 100644
--- a/src/components/Book/Article/styles.module.css
+++ b/src/components/Book/Article/styles.module.css
@@ -9,6 +9,7 @@
   padding: var(--spacing-base-tight) var(--spacing-x-tight)
     var(--spacing-x-tight);
   overflow: hidden;
+  background: var(--color-white);
   border-radius: 0.5rem;
   box-shadow:
     0 8px 16px 0 rgb(0 0 0 / 3%),

From 05c2f8e92db36791f9d24ae89585bc01d5e8d003 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Fri, 1 Dec 2023 13:42:35 +0800
Subject: [PATCH 36/62] fix(book): use background instead of text-decoration

---
 src/components/Book/Article/styles.module.css | 37 ++++++++++++-------
 .../components/Book/Article.stories.tsx       |  4 +-
 2 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/components/Book/Article/styles.module.css b/src/components/Book/Article/styles.module.css
index cb075d5a43..bd8517c98b 100644
--- a/src/components/Book/Article/styles.module.css
+++ b/src/components/Book/Article/styles.module.css
@@ -17,7 +17,7 @@
     0 4px 12px 0 rgb(0 0 0 / 8%),
     1px 0 2px 0 rgb(0 0 0 / 8%);
 
-  & ::before {
+  &::before {
     position: absolute;
     top: 0;
     left: 0;
@@ -31,25 +31,34 @@
   & .title {
     @mixin line-clamp;
 
+    position: relative;
     flex-shrink: 0;
-    margin-bottom: var(--spacing-base-tight);
+    margin-bottom: var(--spacing-x-tight);
     font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
     line-height: 1.375rem;
-    text-decoration: underline;
-    text-decoration-thickness: 0.5rem;
-    text-decoration-color: var(--jacket-underline);
-    text-underline-offset: 0;
-    text-decoration-skip-ink: none;
     -webkit-line-clamp: 3;
 
-    /* correct text selection color to brower default (varies) */
-    &::selection {
-      text-decoration: underline;
-      text-decoration-thickness: 0.5rem;
-      text-decoration-color: #b4d5fe;
-      text-underline-offset: 0;
-      text-decoration-skip-ink: none;
+    &::before {
+      position: absolute;
+      z-index: -1;
+      display: block;
+      width: 100%;
+      height: 100%;
+      content: '';
+      background: linear-gradient(
+          to right,
+          var(--jacket-underline) 100%,
+          transparent 0%
+        ),
+        linear-gradient(to right, var(--jacket-underline) 100%, transparent 0%),
+        linear-gradient(to right, var(--jacket-underline) 100%, transparent 0%);
+      background-repeat: no-repeat;
+      background-position:
+        0 0.875rem,
+        0 2.25rem,
+        0 3.625rem;
+      background-size: 100% 0.5rem;
     }
   }
 
diff --git a/src/stories/components/Book/Article.stories.tsx b/src/stories/components/Book/Article.stories.tsx
index 5194e461da..95a6455b8b 100644
--- a/src/stories/components/Book/Article.stories.tsx
+++ b/src/stories/components/Book/Article.stories.tsx
@@ -42,7 +42,7 @@ TitleAndCover.args = {
 
 export const TitleMdAndCover = Template.bind({})
 TitleMdAndCover.args = {
-  title: 'Qui amet',
+  title: 'Qui amet anima',
   cover: MOCK_ARTILCE.cover,
 }
 
@@ -60,7 +60,7 @@ TitleAndDescription.args = {
 
 export const TitleMdAndDescription = Template.bind({})
 TitleMdAndDescription.args = {
-  title: 'Qui amet',
+  title: 'Qui amet anima',
   description: MOCK_ARTILCE.summary,
 }
 

From edcdb567b1802b8cc586ce72401ef9a631c5239b Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Fri, 1 Dec 2023 13:57:44 +0800
Subject: [PATCH 37/62] fix(dialog): migrate <Dialog.Message> to
 <Dialog.Content.Message>

---
 .../DropdownActions/ArchiveArticle/Dialog.tsx | 126 +++++++++---------
 src/components/BlockUser/Dialog/index.tsx     |  66 ++++-----
 .../DeleteCollection/Dialog.tsx               |  58 ++++----
 .../CollapseComment/Dialog.tsx                |  18 +--
 .../DropdownActions/DeleteComment/Dialog.tsx  |  26 ++--
 .../Dialog/{ => Content}/Message/index.tsx    |   8 +-
 .../{ => Content}/Message/styles.module.css   |   0
 src/components/Dialog/Content/index.tsx       |   2 +-
 src/components/Dialog/index.tsx               |   3 -
 .../Dialogs/BindEmailHintDialog/Content.tsx   |  22 +--
 .../LikeCoinDialog/Content/Binding/index.tsx  |  52 ++++----
 .../LikeCoinDialog/Content/Complete.tsx       |  20 +--
 .../Dialogs/MigrationDialog/Success.tsx       |  20 +--
 .../Dialogs/MigrationDialog/Upload.tsx        |  12 +-
 .../SetPaymentPointerForm.tsx                 |  46 ++++---
 .../RemoveArticleCollectionDialog/index.tsx   |  26 ++--
 .../RemoveSocialLoginDialog/Content.tsx       |   1 +
 .../Dialogs/ReviseArticleDialog/index.tsx     |  82 ++++++------
 .../Dialogs/SetUserNameDialog/ConfirmStep.tsx |   1 +
 .../Dialogs/SetUserNameDialog/InputStep.tsx   |   1 +
 .../SubscribeCircleDialog/Complete.tsx        |  20 +--
 .../Dialogs/TagAdoptionDialog/index.tsx       |  16 ++-
 .../Dialogs/TagEditorDialog/List/index.tsx    |  84 ++++++------
 .../Dialogs/TagEditorDialog/Remove/index.tsx  |  32 ++---
 .../Dialogs/TagLeaveDialog/index.tsx          |  36 ++---
 .../Dialogs/UnsubscribeCircleDialog/index.tsx |  46 ++++---
 .../DraftDigest/Feed/DeleteButton.tsx         |  50 +++----
 .../Forms/EmailSignUpForm/Complete/index.tsx  |  62 ++++-----
 .../Forms/PaymentForm/AddCredit/index.tsx     |  24 ++--
 .../ConnectStripeAccount/Onboarding.tsx       |  52 ++++----
 .../WhyPolygonDialog/index.tsx                |  74 +++++-----
 .../Forms/PaymentForm/Payout/Complete.tsx     |  44 +++---
 .../PaymentForm/ResetPassword/Complete.tsx    |  12 +-
 .../SubscribeCircle/Processing/index.tsx      |  28 ++--
 .../Forms/Verification/LinkSent.tsx           |  32 ++---
 .../Forms/WalletAuthForm/Select.tsx           |  62 ++++-----
 .../index.tsx                                 |  46 ++++---
 .../AddInvitationDialog/PreSend.tsx           |  20 +--
 .../AddInvitationDialog/Sent.tsx              |  22 +--
 .../ConfirmPublishDialogContent/index.tsx     |  84 ++++++------
 .../LogbookDialog/index.tsx                   |  32 ++---
 .../User/UserProfile/WalletLabel/index.tsx    |  42 +++---
 42 files changed, 797 insertions(+), 713 deletions(-)
 rename src/components/Dialog/{ => Content}/Message/index.tsx (88%)
 rename src/components/Dialog/{ => Content}/Message/styles.module.css (100%)

diff --git a/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx b/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx
index 41dfee3afd..6ac1e9d20f 100644
--- a/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx
+++ b/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx
@@ -118,69 +118,73 @@ const ArchiveArticleDialog = ({
           }
         />
 
-        <Dialog.Message>
-          {isPreConfirm ? (
-            <p>
-              <FormattedMessage
-                defaultMessage="Are you sure you want to archive ‘{article}’?"
-                id="mWcca9"
-                values={{
-                  article: <span className="u-highlight">{article.title}</span>,
-                }}
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            {isPreConfirm ? (
+              <p>
+                <FormattedMessage
+                  defaultMessage="Are you sure you want to archive ‘{article}’?"
+                  id="mWcca9"
+                  values={{
+                    article: (
+                      <span className="u-highlight">{article.title}</span>
+                    ),
+                  }}
+                />
+                <br />
+                <FormattedMessage
+                  defaultMessage="Archived articles can only be seen by you, and this operation cannot be undone. If this article has been added to collections, it will be removed. (IPFS version will not be effected)"
+                  id="A3g33H"
+                />
+              </p>
+            ) : (
+              <p>
+                <FormattedMessage
+                  defaultMessage="This operation cannot be undone, confirm archiving?"
+                  id="yBUiiy"
+                />
+              </p>
+            )}
+          </Dialog.Content.Message>
+
+          <Dialog.Footer
+            closeDialog={closeDialog}
+            btns={
+              <Dialog.RoundedButton
+                text={
+                  isPreConfirm ? (
+                    <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
+                  ) : (
+                    <FormattedMessage
+                      defaultMessage="Confirm Archiving"
+                      id="HJ0iZJ"
+                    />
+                  )
+                }
+                color={loading ? 'green' : 'red'}
+                onClick={onClickArchive}
+                loading={loading}
               />
-              <br />
-              <FormattedMessage
-                defaultMessage="Archived articles can only be seen by you, and this operation cannot be undone. If this article has been added to collections, it will be removed. (IPFS version will not be effected)"
-                id="A3g33H"
+            }
+            smUpBtns={
+              <Dialog.TextButton
+                text={
+                  isPreConfirm ? (
+                    <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
+                  ) : (
+                    <FormattedMessage
+                      defaultMessage="Confirm Archiving"
+                      id="HJ0iZJ"
+                    />
+                  )
+                }
+                color={loading ? 'green' : 'red'}
+                onClick={onClickArchive}
+                loading={loading}
               />
-            </p>
-          ) : (
-            <p>
-              <FormattedMessage
-                defaultMessage="This operation cannot be undone, confirm archiving?"
-                id="yBUiiy"
-              />
-            </p>
-          )}
-        </Dialog.Message>
-
-        <Dialog.Footer
-          closeDialog={closeDialog}
-          btns={
-            <Dialog.RoundedButton
-              text={
-                isPreConfirm ? (
-                  <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
-                ) : (
-                  <FormattedMessage
-                    defaultMessage="Confirm Archiving"
-                    id="HJ0iZJ"
-                  />
-                )
-              }
-              color={loading ? 'green' : 'red'}
-              onClick={onClickArchive}
-              loading={loading}
-            />
-          }
-          smUpBtns={
-            <Dialog.TextButton
-              text={
-                isPreConfirm ? (
-                  <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
-                ) : (
-                  <FormattedMessage
-                    defaultMessage="Confirm Archiving"
-                    id="HJ0iZJ"
-                  />
-                )
-              }
-              color={loading ? 'green' : 'red'}
-              onClick={onClickArchive}
-              loading={loading}
-            />
-          }
-        />
+            }
+          />
+        </Dialog.Content>
       </Dialog>
     </>
   )
diff --git a/src/components/BlockUser/Dialog/index.tsx b/src/components/BlockUser/Dialog/index.tsx
index 5901496abf..9e52af3679 100644
--- a/src/components/BlockUser/Dialog/index.tsx
+++ b/src/components/BlockUser/Dialog/index.tsx
@@ -61,39 +61,41 @@ const BlockUserDialog = ({ user, children }: BlockUserDialogProps) => {
           title={<FormattedMessage defaultMessage="Block User" id="vAc1Bw" />}
         />
 
-        <Dialog.Message>
-          <p>
-            <Translate
-              zh_hant={`封鎖之後，${user.displayName} 將無法評論、關聯你的作品，不能 @ 你，並且不能加入你的圍爐。你可以在設置裏管理你的封鎖用戶列表。`}
-              zh_hans={`封锁之后，${user.displayName} 将无法评论、关联你的作品，不能 @ 你，并且不能加入你的围炉。你可以在设置里管理你的封锁用户列表。`}
-              en={`${user.displayName} won't be able to comment and collect your article. Besides, he or she can't @ you and subscribe your circle. You can manage blocked list in settings.`}
-            />
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              <Translate
+                zh_hant={`封鎖之後，${user.displayName} 將無法評論、關聯你的作品，不能 @ 你，並且不能加入你的圍爐。你可以在設置裏管理你的封鎖用戶列表。`}
+                zh_hans={`封锁之后，${user.displayName} 将无法评论、关联你的作品，不能 @ 你，并且不能加入你的围炉。你可以在设置里管理你的封锁用户列表。`}
+                en={`${user.displayName} won't be able to comment and collect your article. Besides, he or she can't @ you and subscribe your circle. You can manage blocked list in settings.`}
+              />
+            </p>
+          </Dialog.Content.Message>
 
-        <Dialog.Footer
-          closeDialog={closeDialog}
-          btns={
-            <Dialog.RoundedButton
-              text={<Translate id="block" />}
-              color="red"
-              onClick={() => {
-                onBlock()
-                closeDialog()
-              }}
-            />
-          }
-          smUpBtns={
-            <Dialog.TextButton
-              text={<Translate id="block" />}
-              color="red"
-              onClick={() => {
-                onBlock()
-                closeDialog()
-              }}
-            />
-          }
-        />
+          <Dialog.Footer
+            closeDialog={closeDialog}
+            btns={
+              <Dialog.RoundedButton
+                text={<Translate id="block" />}
+                color="red"
+                onClick={() => {
+                  onBlock()
+                  closeDialog()
+                }}
+              />
+            }
+            smUpBtns={
+              <Dialog.TextButton
+                text={<Translate id="block" />}
+                color="red"
+                onClick={() => {
+                  onBlock()
+                  closeDialog()
+                }}
+              />
+            }
+          />
+        </Dialog.Content>
       </Dialog>
     </>
   )
diff --git a/src/components/CollectionDigest/DropdownActions/DeleteCollection/Dialog.tsx b/src/components/CollectionDigest/DropdownActions/DeleteCollection/Dialog.tsx
index 0ad9c846b5..bb4d2cc516 100644
--- a/src/components/CollectionDigest/DropdownActions/DeleteCollection/Dialog.tsx
+++ b/src/components/CollectionDigest/DropdownActions/DeleteCollection/Dialog.tsx
@@ -149,34 +149,36 @@ const DeleteCollectionDialog = ({
           }
         />
 
-        <Dialog.Message>
-          {isInDelete && (
-            <p>
-              <FormattedMessage
-                defaultMessage="Are you sure you want to delete this collection ‘{collection}’?"
-                id="T9oZC8"
-                values={{
-                  collection: (
-                    <span className="u-highlight">{collection.title}</span>
-                  ),
-                }}
-              />
-              <br />
-              <FormattedMessage
-                defaultMessage="(Articles in this collection will not be deleted)"
-                id="a/xacb"
-              />
-            </p>
-          )}
-          {isInConfirmDelete && (
-            <p>
-              <FormattedMessage
-                defaultMessage="This action cannot be undone. Are you sure you want to delete this collection?"
-                id="Xi40U9"
-              />
-            </p>
-          )}
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            {isInDelete && (
+              <p>
+                <FormattedMessage
+                  defaultMessage="Are you sure you want to delete this collection ‘{collection}’?"
+                  id="T9oZC8"
+                  values={{
+                    collection: (
+                      <span className="u-highlight">{collection.title}</span>
+                    ),
+                  }}
+                />
+                <br />
+                <FormattedMessage
+                  defaultMessage="(Articles in this collection will not be deleted)"
+                  id="a/xacb"
+                />
+              </p>
+            )}
+            {isInConfirmDelete && (
+              <p>
+                <FormattedMessage
+                  defaultMessage="This action cannot be undone. Are you sure you want to delete this collection?"
+                  id="Xi40U9"
+                />
+              </p>
+            )}
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         {isInDelete && (
           <Dialog.Footer
diff --git a/src/components/Comment/DropdownActions/CollapseComment/Dialog.tsx b/src/components/Comment/DropdownActions/CollapseComment/Dialog.tsx
index 29d31fd330..d3b8dd538f 100644
--- a/src/components/Comment/DropdownActions/CollapseComment/Dialog.tsx
+++ b/src/components/Comment/DropdownActions/CollapseComment/Dialog.tsx
@@ -85,14 +85,16 @@ const CollapseCommentDialog = ({
           }
         />
 
-        <Dialog.Message>
-          <p>
-            <Translate
-              zh_hant={`闔上${COMMENT_TYPE_TEXT.zh_hant[type]}後，其他用戶需展開才可查看`}
-              zh_hans={`折叠${COMMENT_TYPE_TEXT.zh_hans[type]}后，其他用户需展开才可查看`}
-            />
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              <Translate
+                zh_hant={`闔上${COMMENT_TYPE_TEXT.zh_hant[type]}後，其他用戶需展開才可查看`}
+                zh_hans={`折叠${COMMENT_TYPE_TEXT.zh_hans[type]}后，其他用户需展开才可查看`}
+              />
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/Comment/DropdownActions/DeleteComment/Dialog.tsx b/src/components/Comment/DropdownActions/DeleteComment/Dialog.tsx
index 98d3e0042c..2573694d82 100644
--- a/src/components/Comment/DropdownActions/DeleteComment/Dialog.tsx
+++ b/src/components/Comment/DropdownActions/DeleteComment/Dialog.tsx
@@ -91,18 +91,20 @@ const DeleteCommentDialog = ({
           }
         />
 
-        <Dialog.Message>
-          <p>
-            <FormattedMessage
-              defaultMessage="After deletion, the {commentType} will be removed immediately"
-              id="77tYPg"
-              description="src/components/Comment/DropdownActions/DeleteComment/Dialog.tsx"
-              values={{
-                commentType: COMMENT_TYPE_TEXT[lang][type],
-              }}
-            />
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              <FormattedMessage
+                defaultMessage="After deletion, the {commentType} will be removed immediately"
+                id="77tYPg"
+                description="src/components/Comment/DropdownActions/DeleteComment/Dialog.tsx"
+                values={{
+                  commentType: COMMENT_TYPE_TEXT[lang][type],
+                }}
+              />
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/Dialog/Message/index.tsx b/src/components/Dialog/Content/Message/index.tsx
similarity index 88%
rename from src/components/Dialog/Message/index.tsx
rename to src/components/Dialog/Content/Message/index.tsx
index 0d0777a0de..489d947f9e 100644
--- a/src/components/Dialog/Message/index.tsx
+++ b/src/components/Dialog/Content/Message/index.tsx
@@ -16,13 +16,13 @@ interface DialogMessageProps {
  * Usage:
  *
  * ```jsx
- *   <Dialog.Message>
+ *   <Dialog.Content.Message>
  *     <p>grey text</p>
- *   </Dialog.Message>
+ *   </Dialog.Content.Message>
  *
- *   <Dialog.Message>
+ *   <Dialog.Content.Message>
  *     <h3>bold text</h3>
- *   </Dialog.Message>
+ *   </Dialog.Content.Message>
  * ```
  *
  */
diff --git a/src/components/Dialog/Message/styles.module.css b/src/components/Dialog/Content/Message/styles.module.css
similarity index 100%
rename from src/components/Dialog/Message/styles.module.css
rename to src/components/Dialog/Content/Message/styles.module.css
diff --git a/src/components/Dialog/Content/index.tsx b/src/components/Dialog/Content/index.tsx
index d741c76442..23cfa952f0 100644
--- a/src/components/Dialog/Content/index.tsx
+++ b/src/components/Dialog/Content/index.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames'
 
-import Message from '../Message'
+import Message from './Message'
 import styles from './styles.module.css'
 
 interface DialogContentProps {
diff --git a/src/components/Dialog/index.tsx b/src/components/Dialog/index.tsx
index c61c09e93d..f2c95bad32 100644
--- a/src/components/Dialog/index.tsx
+++ b/src/components/Dialog/index.tsx
@@ -16,7 +16,6 @@ import Footer from './Footer'
 import Handle from './Handle'
 import Header from './Header'
 import Lazy from './Lazy'
-import Message from './Message'
 import styles from './styles.module.css'
 
 export interface DialogOverlayProps {
@@ -137,7 +136,6 @@ export const Dialog: React.ComponentType<
   Content: typeof Content
   Footer: typeof Footer
   TextButton: typeof TextButton
-  Message: typeof Message
   RoundedButton: typeof RoundedButton
   Lazy: typeof Lazy
 } = (props) => {
@@ -212,7 +210,6 @@ export const Dialog: React.ComponentType<
 
 Dialog.Header = Header
 Dialog.Content = Content
-Dialog.Message = Message
 Dialog.Footer = Footer
 Dialog.TextButton = TextButton
 Dialog.RoundedButton = RoundedButton
diff --git a/src/components/Dialogs/BindEmailHintDialog/Content.tsx b/src/components/Dialogs/BindEmailHintDialog/Content.tsx
index a5700c24a0..455349e928 100644
--- a/src/components/Dialogs/BindEmailHintDialog/Content.tsx
+++ b/src/components/Dialogs/BindEmailHintDialog/Content.tsx
@@ -30,15 +30,19 @@ const Content: React.FC<Props> = ({ closeDialog }) => {
           />
         }
       />
-      <Dialog.Message>
-        <p>
-          <FormattedMessage
-            defaultMessage="You have not connected your email yet. For security, email is required for top-up."
-            id="Dq29Hb"
-            description="src/components/Dialogs/BindEmailHintDialog/index.tsx"
-          />
-        </p>
-      </Dialog.Message>
+
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <FormattedMessage
+              defaultMessage="You have not connected your email yet. For security, email is required for top-up."
+              id="Dq29Hb"
+              description="src/components/Dialogs/BindEmailHintDialog/index.tsx"
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
+
       <Dialog.Footer
         btns={
           <>
diff --git a/src/components/Dialogs/LikeCoinDialog/Content/Binding/index.tsx b/src/components/Dialogs/LikeCoinDialog/Content/Binding/index.tsx
index f03d343f53..4c3e419d8d 100644
--- a/src/components/Dialogs/LikeCoinDialog/Content/Binding/index.tsx
+++ b/src/components/Dialogs/LikeCoinDialog/Content/Binding/index.tsx
@@ -59,33 +59,35 @@ const Binding: React.FC<Props> = ({ prevStep, nextStep, windowRef }) => {
     <>
       <Dialog.Header title="setupLikeCoin" />
 
-      <Dialog.Message
-        align="center"
-        smUpAlign="center"
-        type={error ? 'error' : undefined}
-      >
-        {error ? (
-          <h3>
-            <Translate
-              zh_hant="哎呀，設置失敗了。"
-              zh_hans="哎呀，设置失败了。"
-              en="Oops! Setup failed."
-            />
-          </h3>
-        ) : (
-          <>
-            <Spinner />
-
-            <p>
+      <Dialog.Content>
+        <Dialog.Content.Message
+          align="center"
+          smUpAlign="center"
+          type={error ? 'error' : undefined}
+        >
+          {error ? (
+            <h3>
               <Translate
-                zh_hant="請在新頁面完成綁定，不要關閉本窗口"
-                zh_hans="请在新页面完成绑定，不要关闭本窗口"
-                en="Processing... Don't leave the page."
+                zh_hant="哎呀，設置失敗了。"
+                zh_hans="哎呀，设置失败了。"
+                en="Oops! Setup failed."
               />
-            </p>
-          </>
-        )}
-      </Dialog.Message>
+            </h3>
+          ) : (
+            <>
+              <Spinner />
+
+              <p>
+                <Translate
+                  zh_hant="請在新頁面完成綁定，不要關閉本窗口"
+                  zh_hans="请在新页面完成绑定，不要关闭本窗口"
+                  en="Processing... Don't leave the page."
+                />
+              </p>
+            </>
+          )}
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         btns={
diff --git a/src/components/Dialogs/LikeCoinDialog/Content/Complete.tsx b/src/components/Dialogs/LikeCoinDialog/Content/Complete.tsx
index b85ad38ef6..f6bc15dbb4 100644
--- a/src/components/Dialogs/LikeCoinDialog/Content/Complete.tsx
+++ b/src/components/Dialogs/LikeCoinDialog/Content/Complete.tsx
@@ -8,15 +8,17 @@ const Complete: React.FC = () => {
     <>
       <Dialog.Header title="setupLikeCoin" />
 
-      <Dialog.Message>
-        <p>
-          <Translate
-            zh_hant="你的專屬 Liker ID 已就位！"
-            zh_hans="你的专属 Liker ID 已就位！"
-            en="Your Liker ID is ready!"
-          />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate
+              zh_hant="你的專屬 Liker ID 已就位！"
+              zh_hans="你的专属 Liker ID 已就位！"
+              en="Your Liker ID is ready!"
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         btns={
diff --git a/src/components/Dialogs/MigrationDialog/Success.tsx b/src/components/Dialogs/MigrationDialog/Success.tsx
index 742550c1fd..d8da5e8423 100644
--- a/src/components/Dialogs/MigrationDialog/Success.tsx
+++ b/src/components/Dialogs/MigrationDialog/Success.tsx
@@ -30,15 +30,17 @@ const MigrationDialogSuccess = () => {
 
   return (
     <>
-      <Dialog.Message>
-        <p>
-          <Translate
-            zh_hant={zh_hant.content}
-            zh_hans={zh_hans.content}
-            en={en.content}
-          />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate
+              zh_hant={zh_hant.content}
+              zh_hans={zh_hans.content}
+              en={en.content}
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         btns={
diff --git a/src/components/Dialogs/MigrationDialog/Upload.tsx b/src/components/Dialogs/MigrationDialog/Upload.tsx
index a28f6d81c8..17296569df 100644
--- a/src/components/Dialogs/MigrationDialog/Upload.tsx
+++ b/src/components/Dialogs/MigrationDialog/Upload.tsx
@@ -124,11 +124,13 @@ const MigrationDialogUpload = ({
 
   return (
     <>
-      <Dialog.Message>
-        <p>
-          <Translate zh_hant={zh_hant.content} zh_hans={zh_hans.content} />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate zh_hant={zh_hant.content} zh_hans={zh_hans.content} />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <label>
         <Dialog.Footer
diff --git a/src/components/Dialogs/PaymentPointerDialog/SetPaymentPointerForm.tsx b/src/components/Dialogs/PaymentPointerDialog/SetPaymentPointerForm.tsx
index f786e11a75..30c3bcde9b 100644
--- a/src/components/Dialogs/PaymentPointerDialog/SetPaymentPointerForm.tsx
+++ b/src/components/Dialogs/PaymentPointerDialog/SetPaymentPointerForm.tsx
@@ -107,29 +107,31 @@ const SetPaymentPointerForm: React.FC<FormProps> = ({
     setIsValid(isValid && values.paymentPointer !== defaultPaymentPointer)
 
   return (
-    <Dialog.Message align="left" smUpAlign="left">
-      <Explainer />
+    <Dialog.Content>
+      <Dialog.Content.Message align="left" smUpAlign="left">
+        <Explainer />
 
-      <Form id={formId} onSubmit={handleSubmit}>
-        <Form.Input
-          type="text"
-          name="paymentPointer"
-          required
-          placeholder={translate({
-            id: 'enterPaymentPointer',
-            lang,
-          })}
-          value={values.paymentPointer}
-          error={touched.paymentPointer && errors.paymentPointer}
-          onBlur={handleBlur}
-          onChange={(e) => {
-            handleChange(e)
-            updateValidity()
-          }}
-          spacingTop="base"
-        />
-      </Form>
-    </Dialog.Message>
+        <Form id={formId} onSubmit={handleSubmit}>
+          <Form.Input
+            type="text"
+            name="paymentPointer"
+            required
+            placeholder={translate({
+              id: 'enterPaymentPointer',
+              lang,
+            })}
+            value={values.paymentPointer}
+            error={touched.paymentPointer && errors.paymentPointer}
+            onBlur={handleBlur}
+            onChange={(e) => {
+              handleChange(e)
+              updateValidity()
+            }}
+            spacingTop="base"
+          />
+        </Form>
+      </Dialog.Content.Message>
+    </Dialog.Content>
   )
 }
 
diff --git a/src/components/Dialogs/RemoveArticleCollectionDialog/index.tsx b/src/components/Dialogs/RemoveArticleCollectionDialog/index.tsx
index 74ec528ed3..993436a1ea 100644
--- a/src/components/Dialogs/RemoveArticleCollectionDialog/index.tsx
+++ b/src/components/Dialogs/RemoveArticleCollectionDialog/index.tsx
@@ -79,18 +79,20 @@ const BaseRemoveArticleCollectionDialog = ({
           }
         />
 
-        <Dialog.Message>
-          <p>
-            <FormattedMessage
-              defaultMessage="Are you sure you want to remove ‘{article}’ from this collection?"
-              id="+cS08C"
-              values={{
-                article: <span className="u-highlight">{articleTitle}</span>,
-              }}
-              description="src/components/Dialogs/RemoveArticleCollectionDialog/index.tsx"
-            />
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              <FormattedMessage
+                defaultMessage="Are you sure you want to remove ‘{article}’ from this collection?"
+                id="+cS08C"
+                values={{
+                  article: <span className="u-highlight">{articleTitle}</span>,
+                }}
+                description="src/components/Dialogs/RemoveArticleCollectionDialog/index.tsx"
+              />
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/Dialogs/RemoveSocialLoginDialog/Content.tsx b/src/components/Dialogs/RemoveSocialLoginDialog/Content.tsx
index 99793ce198..eacddfc7cf 100644
--- a/src/components/Dialogs/RemoveSocialLoginDialog/Content.tsx
+++ b/src/components/Dialogs/RemoveSocialLoginDialog/Content.tsx
@@ -72,6 +72,7 @@ const RemoveSocailLoginDialogContent: React.FC<Props> = ({
           />
         }
       />
+
       <Dialog.Content>
         <Dialog.Content.Message>
           <p>
diff --git a/src/components/Dialogs/ReviseArticleDialog/index.tsx b/src/components/Dialogs/ReviseArticleDialog/index.tsx
index bcc5771cfd..f12f428549 100644
--- a/src/components/Dialogs/ReviseArticleDialog/index.tsx
+++ b/src/components/Dialogs/ReviseArticleDialog/index.tsx
@@ -21,47 +21,53 @@ export const ReviseArticleDialog = ({ children, revisionCountLeft }: Props) => {
           }
         />
 
-        <Dialog.Message align="left" smUpAlign="left">
-          <p>
-            <Translate
-              zh_hant="修訂作品正文目前支持增加、刪除或替換中英文字符，"
-              zh_hans="修订作品正文目前支持增加、删除或替换中英文字符，"
-              en="We support adding, deleting or replacing Chinese and English characters "
-            />
-            <b>
-              <Translate
-                zh_hant="單次修訂上限為"
-                zh_hans="单次修订上限为"
-                en="with a maximum of"
-              />
-              <span className={styles.count}> 50 </span>
+        <Dialog.Content>
+          <Dialog.Content.Message align="left" smUpAlign="left">
+            <p>
               <Translate
-                zh_hant="個編輯距離。"
-                zh_hans="個編輯距離。"
-                en="editing spaces for a single revision."
+                zh_hant="修訂作品正文目前支持增加、刪除或替換中英文字符，"
+                zh_hans="修订作品正文目前支持增加、删除或替换中英文字符，"
+                en="We support adding, deleting or replacing Chinese and English characters "
               />
-            </b>
-          </p>
-          <p>
-            <Translate
-              zh_hant="修訂後的作品即再版發佈至分佈式網絡。修訂前請自行保留上一版本備份"
-              zh_hans="修訂後的作品即再版發佈至分佈式網絡。修訂前請自行保留上一版本備份"
-              en="The revised work will be republished to decentralized network. Please backup of the previous edition before revision."
-            />{' '}
-            📃
-          </p>
-          <p>
-            <b>
-              <Translate zh_hant="你還可以修訂" zh_hans="你还可以修订" en="" />
-              <span className={styles.count}> {revisionCountLeft} </span>
+              <b>
+                <Translate
+                  zh_hant="單次修訂上限為"
+                  zh_hans="单次修订上限为"
+                  en="with a maximum of"
+                />
+                <span className={styles.count}> 50 </span>
+                <Translate
+                  zh_hant="個編輯距離。"
+                  zh_hans="個編輯距離。"
+                  en="editing spaces for a single revision."
+                />
+              </b>
+            </p>
+            <p>
               <Translate
-                zh_hant="版"
-                zh_hans="版"
-                en="modifications available"
-              />
-            </b>
-          </p>
-        </Dialog.Message>
+                zh_hant="修訂後的作品即再版發佈至分佈式網絡。修訂前請自行保留上一版本備份"
+                zh_hans="修訂後的作品即再版發佈至分佈式網絡。修訂前請自行保留上一版本備份"
+                en="The revised work will be republished to decentralized network. Please backup of the previous edition before revision."
+              />{' '}
+              📃
+            </p>
+            <p>
+              <b>
+                <Translate
+                  zh_hant="你還可以修訂"
+                  zh_hans="你还可以修订"
+                  en=""
+                />
+                <span className={styles.count}> {revisionCountLeft} </span>
+                <Translate
+                  zh_hant="版"
+                  zh_hans="版"
+                  en="modifications available"
+                />
+              </b>
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           btns={
diff --git a/src/components/Dialogs/SetUserNameDialog/ConfirmStep.tsx b/src/components/Dialogs/SetUserNameDialog/ConfirmStep.tsx
index 8297e7996a..4e647f7782 100644
--- a/src/components/Dialogs/SetUserNameDialog/ConfirmStep.tsx
+++ b/src/components/Dialogs/SetUserNameDialog/ConfirmStep.tsx
@@ -79,6 +79,7 @@ const ConfirmStep: React.FC<Props> = ({ userName, back, closeDialog }) => {
           />
         }
       />
+
       <Dialog.Content>
         <Dialog.Content.Message>
           <p>
diff --git a/src/components/Dialogs/SetUserNameDialog/InputStep.tsx b/src/components/Dialogs/SetUserNameDialog/InputStep.tsx
index c562f13cf2..98c16dae97 100644
--- a/src/components/Dialogs/SetUserNameDialog/InputStep.tsx
+++ b/src/components/Dialogs/SetUserNameDialog/InputStep.tsx
@@ -187,6 +187,7 @@ const InputStep: React.FC<Props> = ({ userName, gotoConfirm }) => {
           )
         }
       />
+
       <Dialog.Content>
         <Dialog.Content.Message spacingBottom>
           <p>
diff --git a/src/components/Dialogs/SubscribeCircleDialog/Complete.tsx b/src/components/Dialogs/SubscribeCircleDialog/Complete.tsx
index 4e01f0cb4b..513b4a6c78 100644
--- a/src/components/Dialogs/SubscribeCircleDialog/Complete.tsx
+++ b/src/components/Dialogs/SubscribeCircleDialog/Complete.tsx
@@ -11,15 +11,17 @@ const Complete: React.FC<CompleteProps> = ({ circle }) => {
     <>
       <Dialog.Header title="successSubscribeCircle" />
 
-      <Dialog.Message align="left" smUpAlign="left">
-        <p>
-          <Translate
-            zh_hant="恭喜成為圍爐一員。現在你可以免費瀏覽圍爐內作品，還可以去圍爐與大家談天說地。"
-            zh_hans="恭喜成为围炉一员。现在你可以免费浏览围炉内作品，还可以去围炉与大家谈天说地。"
-          />
-        </p>
-        <br />
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message align="left" smUpAlign="left">
+          <p>
+            <Translate
+              zh_hant="恭喜成為圍爐一員。現在你可以免費瀏覽圍爐內作品，還可以去圍爐與大家談天說地。"
+              zh_hans="恭喜成为围炉一员。现在你可以免费浏览围炉内作品，还可以去围炉与大家谈天说地。"
+            />
+          </p>
+          <br />
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         btns={
diff --git a/src/components/Dialogs/TagAdoptionDialog/index.tsx b/src/components/Dialogs/TagAdoptionDialog/index.tsx
index 1a7f6701d8..d470ee8da7 100644
--- a/src/components/Dialogs/TagAdoptionDialog/index.tsx
+++ b/src/components/Dialogs/TagAdoptionDialog/index.tsx
@@ -59,11 +59,17 @@ const BaseDialog = ({ id, children }: Props) => {
           }
         />
 
-        <Dialog.Message>
-          <p>
-            <Translate zh_hant={textZhHant} zh_hans={textZhHans} en={textEn} />
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              <Translate
+                zh_hant={textZhHant}
+                zh_hans={textZhHans}
+                en={textEn}
+              />
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/Dialogs/TagEditorDialog/List/index.tsx b/src/components/Dialogs/TagEditorDialog/List/index.tsx
index 490d352074..e1b117437b 100644
--- a/src/components/Dialogs/TagEditorDialog/List/index.tsx
+++ b/src/components/Dialogs/TagEditorDialog/List/index.tsx
@@ -152,47 +152,49 @@ const TagEditorList = ({ id, closeDialog, toAddStep, toRemoveStep }: Props) => {
 
         <Spacer size="base" />
 
-        <Dialog.Message smUpAlign="center">
-          <p className={styles.hint}>
-            <Translate
-              zh_hant="協作者可以與你共同管理精選"
-              zh_hans="协作者可以与你共同管理精选"
-              en="Collaborator can manage selected feed with you."
-            />
-
-            {(isHavingNoneEditors || isReachingLimit) && (
-              <p>
-                <Translate
-                  zh_hant="每個標籤最多添加"
-                  zh_hans="每个标签最多添加"
-                  en="Every tag can have maximum"
-                />
-                <span className={styles.count}> 4 </span>
-                <Translate
-                  zh_hant="名協作者"
-                  zh_hans="名协作者"
-                  en="collaborators."
-                />
-              </p>
-            )}
-
-            {isAllowAdd && isHavingEditors && (
-              <p>
-                <Translate
-                  zh_hant="你還可以添加"
-                  zh_hans="你还可以添加"
-                  en="You can add"
-                />
-                <span className={styles.count}> {4 - count} </span>
-                <Translate
-                  zh_hant="名協作者"
-                  zh_hans="名协作者"
-                  en="more collaborators."
-                />
-              </p>
-            )}
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message smUpAlign="center">
+            <p className={styles.hint}>
+              <Translate
+                zh_hant="協作者可以與你共同管理精選"
+                zh_hans="协作者可以与你共同管理精选"
+                en="Collaborator can manage selected feed with you."
+              />
+
+              {(isHavingNoneEditors || isReachingLimit) && (
+                <p>
+                  <Translate
+                    zh_hant="每個標籤最多添加"
+                    zh_hans="每个标签最多添加"
+                    en="Every tag can have maximum"
+                  />
+                  <span className={styles.count}> 4 </span>
+                  <Translate
+                    zh_hant="名協作者"
+                    zh_hans="名协作者"
+                    en="collaborators."
+                  />
+                </p>
+              )}
+
+              {isAllowAdd && isHavingEditors && (
+                <p>
+                  <Translate
+                    zh_hant="你還可以添加"
+                    zh_hans="你还可以添加"
+                    en="You can add"
+                  />
+                  <span className={styles.count}> {4 - count} </span>
+                  <Translate
+                    zh_hant="名協作者"
+                    zh_hans="名协作者"
+                    en="more collaborators."
+                  />
+                </p>
+              )}
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Spacer size="base" />
       </Dialog.Content>
diff --git a/src/components/Dialogs/TagEditorDialog/Remove/index.tsx b/src/components/Dialogs/TagEditorDialog/Remove/index.tsx
index 9a1e014913..130351107d 100644
--- a/src/components/Dialogs/TagEditorDialog/Remove/index.tsx
+++ b/src/components/Dialogs/TagEditorDialog/Remove/index.tsx
@@ -78,21 +78,23 @@ const TagRemoveEditor = ({ id, editor, closeDialog }: Props) => {
         }
       />
 
-      <Dialog.Message>
-        <p>
-          <Translate
-            zh_hant="移除後， "
-            zh_hans="移除后， "
-            en="After removal, "
-          />
-          <span className={styles.name}>{editor.displayName}</span>{' '}
-          <Translate
-            zh_hant="將無法繼續參與「精選」作品管理。"
-            zh_hans="将无法继续参与「精选」作品管理。"
-            en="user will not be able to manage selected feed."
-          />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate
+              zh_hant="移除後， "
+              zh_hans="移除后， "
+              en="After removal, "
+            />
+            <span className={styles.name}>{editor.displayName}</span>{' '}
+            <Translate
+              zh_hant="將無法繼續參與「精選」作品管理。"
+              zh_hans="将无法继续参与「精选」作品管理。"
+              en="user will not be able to manage selected feed."
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         closeDialog={closeDialog}
diff --git a/src/components/Dialogs/TagLeaveDialog/index.tsx b/src/components/Dialogs/TagLeaveDialog/index.tsx
index ba125e918c..c4f6c00248 100644
--- a/src/components/Dialogs/TagLeaveDialog/index.tsx
+++ b/src/components/Dialogs/TagLeaveDialog/index.tsx
@@ -59,23 +59,25 @@ const BaseDialog = ({ id, isOwner, children }: Props) => {
           }
         />
 
-        <Dialog.Message>
-          <h3>
-            <Translate
-              zh_hant="確定要這麼做嗎"
-              zh_hans="确定要这么做吗"
-              en="are you sure"
-            />{' '}
-            😭
-          </h3>
-          <p>
-            <Translate
-              zh_hant="如果辭去權限，你將無法繼續管理標籤。"
-              zh_hans="如果辞去权限，你将无法继续管理标签。"
-              en="After resignation, you will not be able to manage tags."
-            />
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <h3>
+              <Translate
+                zh_hant="確定要這麼做嗎"
+                zh_hans="确定要这么做吗"
+                en="are you sure"
+              />{' '}
+              😭
+            </h3>
+            <p>
+              <Translate
+                zh_hant="如果辭去權限，你將無法繼續管理標籤。"
+                zh_hans="如果辞去权限，你将无法继续管理标签。"
+                en="After resignation, you will not be able to manage tags."
+              />
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/Dialogs/UnsubscribeCircleDialog/index.tsx b/src/components/Dialogs/UnsubscribeCircleDialog/index.tsx
index 71f811a78c..17adf9980a 100644
--- a/src/components/Dialogs/UnsubscribeCircleDialog/index.tsx
+++ b/src/components/Dialogs/UnsubscribeCircleDialog/index.tsx
@@ -32,28 +32,30 @@ const BaseUnsubscribeCircleDialog = ({
           title={isUnsubscribed ? 'unsubscribed' : 'unsubscribeCircle'}
         />
 
-        <Dialog.Message>
-          {isUnsubscribed ? (
-            <p>
-              <Translate
-                zh_hant="你已經與圍爐告別，感謝曾經的付出與參與。"
-                zh_hans="你已经与围炉告别，感谢曾经的付出与参与。"
-              />
-              <br />
-              <Translate
-                zh_hant="去看看其他圍爐吧，希望你早日找到下一個心之所屬。"
-                zh_hans="去看看其他围炉吧，希望你早日找到下一个心之所属。"
-              />
-            </p>
-          ) : (
-            <p>
-              <Translate
-                zh_hant="選擇離開圍爐，你將馬上失去成員資格。下一個賬單日（每月 1 日）將不會扣除費用。"
-                zh_hans="选择离开围炉，你将马上失去成员资格。下一个账单日（每月 1 日）将不会扣除费用。"
-              />
-            </p>
-          )}
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            {isUnsubscribed ? (
+              <p>
+                <Translate
+                  zh_hant="你已經與圍爐告別，感謝曾經的付出與參與。"
+                  zh_hans="你已经与围炉告别，感谢曾经的付出与参与。"
+                />
+                <br />
+                <Translate
+                  zh_hant="去看看其他圍爐吧，希望你早日找到下一個心之所屬。"
+                  zh_hans="去看看其他围炉吧，希望你早日找到下一个心之所属。"
+                />
+              </p>
+            ) : (
+              <p>
+                <Translate
+                  zh_hant="選擇離開圍爐，你將馬上失去成員資格。下一個賬單日（每月 1 日）將不會扣除費用。"
+                  zh_hans="选择离开围炉，你将马上失去成员资格。下一个账单日（每月 1 日）将不会扣除费用。"
+                />
+              </p>
+            )}
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/DraftDigest/Feed/DeleteButton.tsx b/src/components/DraftDigest/Feed/DeleteButton.tsx
index afec70cfd2..9eb7004dc5 100644
--- a/src/components/DraftDigest/Feed/DeleteButton.tsx
+++ b/src/components/DraftDigest/Feed/DeleteButton.tsx
@@ -82,33 +82,35 @@ const DeleteButton = ({ draft }: DeleteButtonProps) => {
       >
         <Dialog.Header title="deleteDraft" />
 
-        <Dialog.Message>
-          <p>
-            {!!draft.title && (
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              {!!draft.title && (
+                <FormattedMessage
+                  defaultMessage="Are you sure you want to delete draft ‘{title}’?"
+                  id="hpIFGj"
+                  description="src/components/DraftDigest/Feed/DeleteButton.tsx"
+                  values={{
+                    title: <span className="u-highlight">{draft.title}</span>,
+                  }}
+                />
+              )}
+              {!draft.title && (
+                <FormattedMessage
+                  defaultMessage="Are you sure you want to delete draft?"
+                  id="7WXDhH"
+                  description="src/components/DraftDigest/Feed/DeleteButton.tsx"
+                />
+              )}
+              <br />
               <FormattedMessage
-                defaultMessage="Are you sure you want to delete draft ‘{title}’?"
-                id="hpIFGj"
+                defaultMessage="(This action cannot be undone)"
+                id="F3zk7E"
                 description="src/components/DraftDigest/Feed/DeleteButton.tsx"
-                values={{
-                  title: <span className="u-highlight">{draft.title}</span>,
-                }}
               />
-            )}
-            {!draft.title && (
-              <FormattedMessage
-                defaultMessage="Are you sure you want to delete draft?"
-                id="7WXDhH"
-                description="src/components/DraftDigest/Feed/DeleteButton.tsx"
-              />
-            )}
-            <br />
-            <FormattedMessage
-              defaultMessage="(This action cannot be undone)"
-              id="F3zk7E"
-              description="src/components/DraftDigest/Feed/DeleteButton.tsx"
-            />
-          </p>
-        </Dialog.Message>
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           closeDialog={closeDialog}
diff --git a/src/components/Forms/EmailSignUpForm/Complete/index.tsx b/src/components/Forms/EmailSignUpForm/Complete/index.tsx
index 40f93b77a2..8df84853a9 100644
--- a/src/components/Forms/EmailSignUpForm/Complete/index.tsx
+++ b/src/components/Forms/EmailSignUpForm/Complete/index.tsx
@@ -62,39 +62,41 @@ const Complete = ({
       )}
 
       <section className={containerClasses}>
-        <Dialog.Message>
-          <h2>
-            <FormattedMessage
-              defaultMessage="Welcome to Matters!"
-              id="XH0Lb6"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </h2>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <h2>
+              <FormattedMessage
+                defaultMessage="Welcome to Matters!"
+                id="XH0Lb6"
+                description="src/components/Forms/EmailSignUpForm/Complete.tsx"
+              />
+            </h2>
 
-          <p>
-            <FormattedMessage
-              defaultMessage="Now, go like the authors you support! Your Likes will become their income"
-              id="stjoBH"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </p>
+            <p>
+              <FormattedMessage
+                defaultMessage="Now, go like the authors you support! Your Likes will become their income"
+                id="stjoBH"
+                description="src/components/Forms/EmailSignUpForm/Complete.tsx"
+              />
+            </p>
 
-          <p>
-            <FormattedMessage
-              defaultMessage="You have created your personal creative space. Publish your first work!"
-              id="reOeq5"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </p>
+            <p>
+              <FormattedMessage
+                defaultMessage="You have created your personal creative space. Publish your first work!"
+                id="reOeq5"
+                description="src/components/Forms/EmailSignUpForm/Complete.tsx"
+              />
+            </p>
 
-          <p>
-            <FormattedMessage
-              defaultMessage="Start creating now!"
-              id="ANhCde"
-              description="src/components/Forms/EmailSignUpForm/Complete.tsx"
-            />
-          </p>
-        </Dialog.Message>
+            <p>
+              <FormattedMessage
+                defaultMessage="Start creating now!"
+                id="ANhCde"
+                description="src/components/Forms/EmailSignUpForm/Complete.tsx"
+              />
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer smUpBtns={<EnterButton />} />
       </section>
diff --git a/src/components/Forms/PaymentForm/AddCredit/index.tsx b/src/components/Forms/PaymentForm/AddCredit/index.tsx
index e329a9240a..d218259ecb 100644
--- a/src/components/Forms/PaymentForm/AddCredit/index.tsx
+++ b/src/components/Forms/PaymentForm/AddCredit/index.tsx
@@ -248,17 +248,19 @@ const BaseAddCredit: React.FC<FormProps> = ({
       <>
         <Dialog.Header title={<Translate id="successTopUp" />} />
 
-        <Dialog.Message align="center" smUpAlign="center">
-          <p>
-            <Translate
-              zh_hant="創作者們望眼欲穿，快去送上支持吧"
-              zh_hans="创作者们望眼欲穿，快去送上支持吧"
-              en="Creators need your support! Go support creators you like"
-            />
-          </p>
-          <br />
-          <CurrencyAmount amount={values.amount} currency={currency} />
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message align="center" smUpAlign="center">
+            <p>
+              <Translate
+                zh_hant="創作者們望眼欲穿，快去送上支持吧"
+                zh_hans="创作者们望眼欲穿，快去送上支持吧"
+                en="Creators need your support! Go support creators you like"
+              />
+            </p>
+            <br />
+            <CurrencyAmount amount={values.amount} currency={currency} />
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           btns={
diff --git a/src/components/Forms/PaymentForm/ConnectStripeAccount/Onboarding.tsx b/src/components/Forms/PaymentForm/ConnectStripeAccount/Onboarding.tsx
index fcd859a92f..8117d59439 100644
--- a/src/components/Forms/PaymentForm/ConnectStripeAccount/Onboarding.tsx
+++ b/src/components/Forms/PaymentForm/ConnectStripeAccount/Onboarding.tsx
@@ -53,33 +53,35 @@ const Onboarding: React.FC<Props> = ({ nextStep }) => {
   }
 
   return (
-    <Dialog.Message
-      align="center"
-      smUpAlign="center"
-      type={error ? 'error' : undefined}
-    >
-      {error ? (
-        <h3>
-          <Translate
-            zh_hant="哎呀，創建失敗了。"
-            zh_hans="哎呀，创建失败了。"
-            en="Oops, failed to create account."
-          />
-        </h3>
-      ) : (
-        <>
-          <Spinner />
-
-          <p>
+    <Dialog.Content>
+      <Dialog.Content.Message
+        align="center"
+        smUpAlign="center"
+        type={error ? 'error' : undefined}
+      >
+        {error ? (
+          <h3>
             <Translate
-              zh_hant="請在新頁面完成 Stripe 帳戶創建，不要關閉本窗口"
-              zh_hans="请在新页面完成 Stripe 帐户创建，不要关闭本窗口"
-              en="Please create Stripe account on a new page. Do not close this page."
+              zh_hant="哎呀，創建失敗了。"
+              zh_hans="哎呀，创建失败了。"
+              en="Oops, failed to create account."
             />
-          </p>
-        </>
-      )}
-    </Dialog.Message>
+          </h3>
+        ) : (
+          <>
+            <Spinner />
+
+            <p>
+              <Translate
+                zh_hant="請在新頁面完成 Stripe 帳戶創建，不要關閉本窗口"
+                zh_hans="请在新页面完成 Stripe 帐户创建，不要关闭本窗口"
+                en="Please create Stripe account on a new page. Do not close this page."
+              />
+            </p>
+          </>
+        )}
+      </Dialog.Content.Message>
+    </Dialog.Content>
   )
 }
 
diff --git a/src/components/Forms/PaymentForm/PayTo/SetAmount/SetAmountHeader/WhyPolygonDialog/index.tsx b/src/components/Forms/PaymentForm/PayTo/SetAmount/SetAmountHeader/WhyPolygonDialog/index.tsx
index 91d4663b51..c79c323e30 100644
--- a/src/components/Forms/PaymentForm/PayTo/SetAmount/SetAmountHeader/WhyPolygonDialog/index.tsx
+++ b/src/components/Forms/PaymentForm/PayTo/SetAmount/SetAmountHeader/WhyPolygonDialog/index.tsx
@@ -44,44 +44,46 @@ const WhyPolygonDialog = ({ children }: WhyPolygonDialogProps) => {
           }
         />
 
-        <Dialog.Message align="left" smUpAlign="left">
-          <ol>
-            <li>
-              <Translate
-                zh_hant="在區塊鏈上操作需支付手續費，若在以太坊上進行交易，手續費高昂且波動劇烈。為了讓支持更方便且費用低廉，Matters 先採用 Polygon 網絡，讓你能更輕鬆地支持創作者"
-                zh_hans="在区块链上操作需支付手续费，若在以太坊上进行交易，手续费高昂且波动剧烈。为了让支持更方便且费用低廉，Matters 先采用 Polygon 网络，让你能更轻松地支持创作者"
-                en="Operating on the blockchain requires gas fees, which can be high on the Ethereum. To make Support easier and with lower transaction fees, Matters.News started with the Polygon network."
-              />
-            </li>
-            <li>
-              <Translate
-                zh_hant="Polygon (先前為 Matic Network) 是獨立運行的區塊鏈，若你在其他鏈上已有 USDT 貨幣，需將它們移轉到 Polygon 網絡中才能使用，細節參考 "
-                zh_hans="Polygon (先前为 Matic Network) 是独立运行的区块链，若你在其他链上已有 USDT 货币，需将它们移转到 Polygon 网络中才能使用，细节参考 "
-                en="Polygon (Matic Network) is a standalone blockchain. If you have USDT on other chains, you will need to transfer them to the Polygon network. See details in the "
-              />
-              <a
-                className="u-link-green"
-                href={GUIDE_LINKS.payment[lang]}
-                target="_blank"
-                rel="noreferrer"
-              >
+        <Dialog.Content>
+          <Dialog.Content.Message align="left" smUpAlign="left">
+            <ol>
+              <li>
                 <Translate
-                  zh_hant="教學指南"
-                  zh_hans="教学指南"
-                  en="tutorial"
+                  zh_hant="在區塊鏈上操作需支付手續費，若在以太坊上進行交易，手續費高昂且波動劇烈。為了讓支持更方便且費用低廉，Matters 先採用 Polygon 網絡，讓你能更輕鬆地支持創作者"
+                  zh_hans="在区块链上操作需支付手续费，若在以太坊上进行交易，手续费高昂且波动剧烈。为了让支持更方便且费用低廉，Matters 先采用 Polygon 网络，让你能更轻松地支持创作者"
+                  en="Operating on the blockchain requires gas fees, which can be high on the Ethereum. To make Support easier and with lower transaction fees, Matters.News started with the Polygon network."
                 />
-              </a>
-              <Translate zh_hant="" zh_hans="" en="." />
-            </li>
-            <li>
-              <Translate
-                zh_hant="Matters 將有計畫地兼容其他區塊鏈，屆時將有更多的選擇來支持創作者"
-                zh_hans="Matters 将有计划地兼容其他区块链，届时将有更多的选择来支持创作者"
-                en="Matters.News will gradually access more blockchain networks, so there will be more options to support creators."
-              />
-            </li>
-          </ol>
-        </Dialog.Message>
+              </li>
+              <li>
+                <Translate
+                  zh_hant="Polygon (先前為 Matic Network) 是獨立運行的區塊鏈，若你在其他鏈上已有 USDT 貨幣，需將它們移轉到 Polygon 網絡中才能使用，細節參考 "
+                  zh_hans="Polygon (先前为 Matic Network) 是独立运行的区块链，若你在其他链上已有 USDT 货币，需将它们移转到 Polygon 网络中才能使用，细节参考 "
+                  en="Polygon (Matic Network) is a standalone blockchain. If you have USDT on other chains, you will need to transfer them to the Polygon network. See details in the "
+                />
+                <a
+                  className="u-link-green"
+                  href={GUIDE_LINKS.payment[lang]}
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  <Translate
+                    zh_hant="教學指南"
+                    zh_hans="教学指南"
+                    en="tutorial"
+                  />
+                </a>
+                <Translate zh_hant="" zh_hans="" en="." />
+              </li>
+              <li>
+                <Translate
+                  zh_hant="Matters 將有計畫地兼容其他區塊鏈，屆時將有更多的選擇來支持創作者"
+                  zh_hans="Matters 将有计划地兼容其他区块链，届时将有更多的选择来支持创作者"
+                  en="Matters.News will gradually access more blockchain networks, so there will be more options to support creators."
+                />
+              </li>
+            </ol>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           smUpBtns={
diff --git a/src/components/Forms/PaymentForm/Payout/Complete.tsx b/src/components/Forms/PaymentForm/Payout/Complete.tsx
index 353fa8f678..425c4623c0 100644
--- a/src/components/Forms/PaymentForm/Payout/Complete.tsx
+++ b/src/components/Forms/PaymentForm/Payout/Complete.tsx
@@ -10,27 +10,29 @@ const Complete: React.FC<Props> = ({ closeDialog }) => {
     <>
       <Dialog.Header title="paymentPayoutComplete" />
 
-      <Dialog.Message>
-        <p>
-          <Translate
-            zh_hant="感謝你對 Matters 社區的信任與支持。"
-            zh_hans="感谢你对 Matters 社区的信任与支持。"
-            en="Thank you for your support and trust in the Matters community."
-          />
-          <br />
-          <Translate
-            zh_hant="提現經由 Stripe 完成，"
-            zh_hans="提现经由 Stripe 完成，"
-            en="Payout is processed via Stripe,"
-          />
-          <br />
-          <Translate
-            zh_hant="請留意發卡銀行處理進度。"
-            zh_hans="请留意发卡银行处理进度。"
-            en="please refer to your bank for payout progress."
-          />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate
+              zh_hant="感謝你對 Matters 社區的信任與支持。"
+              zh_hans="感谢你对 Matters 社区的信任与支持。"
+              en="Thank you for your support and trust in the Matters community."
+            />
+            <br />
+            <Translate
+              zh_hant="提現經由 Stripe 完成，"
+              zh_hans="提现经由 Stripe 完成，"
+              en="Payout is processed via Stripe,"
+            />
+            <br />
+            <Translate
+              zh_hant="請留意發卡銀行處理進度。"
+              zh_hans="请留意发卡银行处理进度。"
+              en="please refer to your bank for payout progress."
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         closeDialog={closeDialog}
diff --git a/src/components/Forms/PaymentForm/ResetPassword/Complete.tsx b/src/components/Forms/PaymentForm/ResetPassword/Complete.tsx
index 7f132697d9..1f9607a20d 100644
--- a/src/components/Forms/PaymentForm/ResetPassword/Complete.tsx
+++ b/src/components/Forms/PaymentForm/ResetPassword/Complete.tsx
@@ -15,11 +15,13 @@ const Complete: React.FC<CompleteProps> = ({
     <>
       <Dialog.Header title="resetPaymentPassword" />
 
-      <Dialog.Message>
-        <p>
-          <Translate id="successResetPaymentPassword" />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate id="successResetPaymentPassword" />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         closeDialog={callback ? undefined : closeDialog}
diff --git a/src/components/Forms/PaymentForm/SubscribeCircle/Processing/index.tsx b/src/components/Forms/PaymentForm/SubscribeCircle/Processing/index.tsx
index 2858ae3397..fd89662e13 100644
--- a/src/components/Forms/PaymentForm/SubscribeCircle/Processing/index.tsx
+++ b/src/components/Forms/PaymentForm/SubscribeCircle/Processing/index.tsx
@@ -40,19 +40,21 @@ const Processing: React.FC<Props> = ({ circleName, nextStep }) => {
   }, [isMember])
 
   return (
-    <Dialog.Message
-      align="center"
-      smUpAlign="center"
-      type={error ? 'error' : undefined}
-    >
-      {error ? (
-        <h3>
-          <FormattedMessage {...ERROR_MESSAGES[ERROR_CODES.NETWORK_ERROR]} />
-        </h3>
-      ) : (
-        <Spinner />
-      )}
-    </Dialog.Message>
+    <Dialog.Content>
+      <Dialog.Content.Message
+        align="center"
+        smUpAlign="center"
+        type={error ? 'error' : undefined}
+      >
+        {error ? (
+          <h3>
+            <FormattedMessage {...ERROR_MESSAGES[ERROR_CODES.NETWORK_ERROR]} />
+          </h3>
+        ) : (
+          <Spinner />
+        )}
+      </Dialog.Content.Message>
+    </Dialog.Content>
   )
 }
 
diff --git a/src/components/Forms/Verification/LinkSent.tsx b/src/components/Forms/Verification/LinkSent.tsx
index f0092392c7..8e8183c104 100644
--- a/src/components/Forms/Verification/LinkSent.tsx
+++ b/src/components/Forms/Verification/LinkSent.tsx
@@ -106,21 +106,23 @@ export const VerificationLinkSent = ({
         />
       )}
 
-      <Dialog.Message>
-        <p>
-          <Translate
-            zh_hant="我們已將驗證連結寄出 📩"
-            zh_hans="我们已将验证链接寄出 📩"
-            en="We have sent verification link to you 📩"
-          />
-          <br />
-          <Translate
-            zh_hant="連結有效期 20 分鐘，快去電子信箱看看吧！"
-            zh_hans="连结有效期 20 分钟，快去邮箱看看吧！"
-            en="Link is valid for 20 minutes. Let's check your inbox!"
-          />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <Translate
+              zh_hant="我們已將驗證連結寄出 📩"
+              zh_hans="我们已将验证链接寄出 📩"
+              en="We have sent verification link to you 📩"
+            />
+            <br />
+            <Translate
+              zh_hant="連結有效期 20 分鐘，快去電子信箱看看吧！"
+              zh_hans="连结有效期 20 分钟，快去邮箱看看吧！"
+              en="Link is valid for 20 minutes. Let's check your inbox!"
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       {closeDialog && (
         <Dialog.Footer
diff --git a/src/components/Forms/WalletAuthForm/Select.tsx b/src/components/Forms/WalletAuthForm/Select.tsx
index 54c47081ac..7c8cd2273d 100644
--- a/src/components/Forms/WalletAuthForm/Select.tsx
+++ b/src/components/Forms/WalletAuthForm/Select.tsx
@@ -125,42 +125,44 @@ const Select: React.FC<FormProps> = ({
   const Intro = () => {
     return (
       <section className={styles.intro}>
-        <Dialog.Message align="left" smUpAlign="left">
-          <ul>
-            <li>
-              <FormattedMessage
-                defaultMessage="Matters continues to provide services that combine creativity with blockchain technology. You will be the first to experience them after completing connecting wallet."
-                id="HxcjQl"
-                description="src/components/Forms/WalletAuthForm/Select.tsx"
-              />
-            </li>
-            <li>
-              <strong>
+        <Dialog.Content>
+          <Dialog.Content.Message align="left" smUpAlign="left">
+            <ul>
+              <li>
                 <FormattedMessage
-                  defaultMessage="Wallet address will be part of your digital identity and shown in your profile page."
-                  id="LqxIEU"
+                  defaultMessage="Matters continues to provide services that combine creativity with blockchain technology. You will be the first to experience them after completing connecting wallet."
+                  id="HxcjQl"
                   description="src/components/Forms/WalletAuthForm/Select.tsx"
                 />
-              </strong>
-            </li>
-            <li>
-              <FormattedMessage
-                defaultMessage="The original login via email will be kept for you. Please note that your wallet cannot be reset once it is connected because of your account security."
-                id="UOdEqi"
-                description="src/components/Forms/WalletAuthForm/Select.tsx"
-              />
-            </li>
-            <li>
-              <strong>
+              </li>
+              <li>
+                <strong>
+                  <FormattedMessage
+                    defaultMessage="Wallet address will be part of your digital identity and shown in your profile page."
+                    id="LqxIEU"
+                    description="src/components/Forms/WalletAuthForm/Select.tsx"
+                  />
+                </strong>
+              </li>
+              <li>
                 <FormattedMessage
-                  defaultMessage="Matters will never ask your wallet key through any channel."
-                  id="VrOoVf"
+                  defaultMessage="The original login via email will be kept for you. Please note that your wallet cannot be reset once it is connected because of your account security."
+                  id="UOdEqi"
                   description="src/components/Forms/WalletAuthForm/Select.tsx"
                 />
-              </strong>
-            </li>
-          </ul>
-        </Dialog.Message>
+              </li>
+              <li>
+                <strong>
+                  <FormattedMessage
+                    defaultMessage="Matters will never ask your wallet key through any channel."
+                    id="VrOoVf"
+                    description="src/components/Forms/WalletAuthForm/Select.tsx"
+                  />
+                </strong>
+              </li>
+            </ul>
+          </Dialog.Content.Message>
+        </Dialog.Content>
       </section>
     )
   }
diff --git a/src/views/ArticleDetail/EditMode/Header/ConfirmRevisedPublishDialogContent/index.tsx b/src/views/ArticleDetail/EditMode/Header/ConfirmRevisedPublishDialogContent/index.tsx
index 3a3efbb78e..71564b82b6 100644
--- a/src/views/ArticleDetail/EditMode/Header/ConfirmRevisedPublishDialogContent/index.tsx
+++ b/src/views/ArticleDetail/EditMode/Header/ConfirmRevisedPublishDialogContent/index.tsx
@@ -38,29 +38,31 @@ const ConfirmRevisedPublishDialogContent = ({
         rightBtn={SubmitButton}
       />
 
-      <Dialog.Message align="left" smUpAlign="left">
-        <section className={styles.imageContainer}>
-          <div
-            className={styles.image}
-            style={{ backgroundImage: `url(${PUBLISH_IMAGE})` }}
-          />
-        </section>
-
-        <ul>
-          <li>
-            <Translate
-              zh_hant="修訂後的作品即將永久儲存至星際文件系統（IPFS）分布式節點中。新舊版本永存。"
-              zh_hans="修订后的作品即将永久储存至星际文件系统（IPFS）分布式节点中。新旧版本永存。"
+      <Dialog.Content>
+        <Dialog.Content.Message align="left" smUpAlign="left">
+          <section className={styles.imageContainer}>
+            <div
+              className={styles.image}
+              style={{ backgroundImage: `url(${PUBLISH_IMAGE})` }}
             />
-          </li>
-          <li>
-            <Translate
-              zh_hant="修訂發布後，站內將僅顯示修訂後作品，暫不提供草稿或其他方式回顧過往文字，請自行備份留存喔。"
-              zh_hans="修订发布后，站内将仅显示修订后作品，暂不提供草稿或其他方式回顾过往文字，请自行备份留存喔。"
-            />
-          </li>
-        </ul>
-      </Dialog.Message>
+          </section>
+
+          <ul>
+            <li>
+              <Translate
+                zh_hant="修訂後的作品即將永久儲存至星際文件系統（IPFS）分布式節點中。新舊版本永存。"
+                zh_hans="修订后的作品即将永久储存至星际文件系统（IPFS）分布式节点中。新旧版本永存。"
+              />
+            </li>
+            <li>
+              <Translate
+                zh_hant="修訂發布後，站內將僅顯示修訂後作品，暫不提供草稿或其他方式回顧過往文字，請自行備份留存喔。"
+                zh_hans="修订发布后，站内将仅显示修订后作品，暂不提供草稿或其他方式回顾过往文字，请自行备份留存喔。"
+              />
+            </li>
+          </ul>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         smUpBtns={
diff --git a/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/PreSend.tsx b/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/PreSend.tsx
index c6763f8dbf..c76a8a41d1 100644
--- a/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/PreSend.tsx
+++ b/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/PreSend.tsx
@@ -119,15 +119,17 @@ const InviteePreSend = ({ closeDialog, confirm, invitees }: Props) => {
         rightBtn={SubmitButton}
       />
 
-      <Dialog.Message>
-        <p>
-          <FormattedMessage
-            defaultMessage="Friends will receive free trial invitations to Circle. Set up your invitations now!"
-            id="O0QB1v"
-            description="src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/PreSend.tsx"
-          />
-        </p>
-      </Dialog.Message>
+      <Dialog.Content>
+        <Dialog.Content.Message>
+          <p>
+            <FormattedMessage
+              defaultMessage="Friends will receive free trial invitations to Circle. Set up your invitations now!"
+              id="O0QB1v"
+              description="src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/PreSend.tsx"
+            />
+          </p>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Content>
         <List hasBorder={false}>
diff --git a/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/Sent.tsx b/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/Sent.tsx
index 65fc8de3f3..d833b57ac8 100644
--- a/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/Sent.tsx
+++ b/src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/Sent.tsx
@@ -27,16 +27,18 @@ const InvitationSent = ({ closeDialog }: Props) => (
   <>
     <Dialog.Header title={InvitationSentTitle} />
 
-    <Dialog.Message>
-      <h3>{InvitationSentTitle}</h3>
-      <p>
-        <FormattedMessage
-          defaultMessage="Invitations have been sent. You can check invitation status on the invitation management page."
-          id="SdXoXI"
-          description="src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/Sent.tsx"
-        />
-      </p>
-    </Dialog.Message>
+    <Dialog.Content>
+      <Dialog.Content.Message>
+        <h3>{InvitationSentTitle}</h3>
+        <p>
+          <FormattedMessage
+            defaultMessage="Invitations have been sent. You can check invitation status on the invitation management page."
+            id="SdXoXI"
+            description="src/views/Circle/Settings/ManageInvitation/AddInvitationDialog/Sent.tsx"
+          />
+        </p>
+      </Dialog.Content.Message>
+    </Dialog.Content>
 
     <Dialog.Footer
       btns={
diff --git a/src/views/Me/DraftDetail/SettingsButton/ConfirmPublishDialogContent/index.tsx b/src/views/Me/DraftDetail/SettingsButton/ConfirmPublishDialogContent/index.tsx
index 458f8a793b..f3a5d834c2 100644
--- a/src/views/Me/DraftDetail/SettingsButton/ConfirmPublishDialogContent/index.tsx
+++ b/src/views/Me/DraftDetail/SettingsButton/ConfirmPublishDialogContent/index.tsx
@@ -76,52 +76,54 @@ const ConfirmPublishDialogContent: React.FC<
         rightBtn={SubmitButton}
       />
 
-      <Dialog.Message align="left" smUpAlign="left">
-        <section className={styles.imageContainer}>
-          <div
-            className={styles.image}
-            style={{ backgroundImage: `url(${PUBLISH_IMAGE})` }}
-          />
-        </section>
-
-        <h2>
-          <Translate
-            zh_hant="歡迎上船！"
-            zh_hans="欢迎上船！"
-            en="Welcome onboard!"
-          />
-        </h2>
-        <p>
-          <Translate
-            zh_hant="你的作品即將存儲在星際文件系統（IPFS）分佈式節點中。在 IPFS 的存儲費用目前由 Matters 平台支付。"
-            zh_hans="你的作品即将存储在星际文件系统（IPFS）分布式节点中。在 IPFS 的存储费用目前由 Matters 平台支付。"
-            en="Your work will be stored in IPFS network. Currently the fee is covered by Matters."
-          />
-        </p>
-        <ul>
-          <li>
-            <Translate
-              zh_hant="作品將發布至 IPFS，無法被他人刪改，創作權歸你所有。"
-              zh_hans="作品将发布至 IPFS，无法被他人删改，创作权归你所有。"
-              en="Article will be published to IPFS, others can not tamper with it, and you own the copyright."
+      <Dialog.Content>
+        <Dialog.Content.Message align="left" smUpAlign="left">
+          <section className={styles.imageContainer}>
+            <div
+              className={styles.image}
+              style={{ backgroundImage: `url(${PUBLISH_IMAGE})` }}
             />
-          </li>
-          <li>
+          </section>
+
+          <h2>
             <Translate
-              zh_hant="指紋與節點隨之公開可見，皆可用於分享作品。"
-              zh_hans="指纹与节点随之公开可见，皆可用于分享作品。"
-              en="Content hash and gateway addresses will be public, and can be used for sharing."
+              zh_hant="歡迎上船！"
+              zh_hans="欢迎上船！"
+              en="Welcome onboard!"
             />
-          </li>
-          <li>
+          </h2>
+          <p>
             <Translate
-              zh_hant="首次發布作品後有四次正文修訂機會，你也可以歸檔原文重新發布作品。"
-              zh_hans="首次发布作品后有四次正文修订机会，你也可以封存原文重新发布作品。"
-              en="You can edit the article four times after publishing it. You can also archive the original and republish.."
+              zh_hant="你的作品即將存儲在星際文件系統（IPFS）分佈式節點中。在 IPFS 的存儲費用目前由 Matters 平台支付。"
+              zh_hans="你的作品即将存储在星际文件系统（IPFS）分布式节点中。在 IPFS 的存储费用目前由 Matters 平台支付。"
+              en="Your work will be stored in IPFS network. Currently the fee is covered by Matters."
             />
-          </li>
-        </ul>
-      </Dialog.Message>
+          </p>
+          <ul>
+            <li>
+              <Translate
+                zh_hant="作品將發布至 IPFS，無法被他人刪改，創作權歸你所有。"
+                zh_hans="作品将发布至 IPFS，无法被他人删改，创作权归你所有。"
+                en="Article will be published to IPFS, others can not tamper with it, and you own the copyright."
+              />
+            </li>
+            <li>
+              <Translate
+                zh_hant="指紋與節點隨之公開可見，皆可用於分享作品。"
+                zh_hans="指纹与节点随之公开可见，皆可用于分享作品。"
+                en="Content hash and gateway addresses will be public, and can be used for sharing."
+              />
+            </li>
+            <li>
+              <Translate
+                zh_hant="首次發布作品後有四次正文修訂機會，你也可以歸檔原文重新發布作品。"
+                zh_hans="首次发布作品后有四次正文修订机会，你也可以封存原文重新发布作品。"
+                en="You can edit the article four times after publishing it. You can also archive the original and republish.."
+              />
+            </li>
+          </ul>
+        </Dialog.Content.Message>
+      </Dialog.Content>
 
       <Dialog.Footer
         smUpBtns={
diff --git a/src/views/User/UserProfile/TraveloggersAvatar/LogbookDialog/index.tsx b/src/views/User/UserProfile/TraveloggersAvatar/LogbookDialog/index.tsx
index fca27409cb..e5f442ad84 100644
--- a/src/views/User/UserProfile/TraveloggersAvatar/LogbookDialog/index.tsx
+++ b/src/views/User/UserProfile/TraveloggersAvatar/LogbookDialog/index.tsx
@@ -44,21 +44,23 @@ const LogbookDialog: React.FC<LogbookDialogProps> = ({
           closeText={<FormattedMessage defaultMessage="Close" id="rbrahO" />}
         />
 
-        <Dialog.Message>
-          <p>
-            <Translate id="logbook2LaunchText" />
-            &nbsp;
-            <a
-              className="u-link-green"
-              href={process.env.NEXT_PUBLIC_LOGBOOKS_URL}
-              target="_blank"
-              rel="noreferrer"
-            >
-              <Translate en="link" zh_hant="鏈接" zh_hans="链接" />
-            </a>
-            .
-          </p>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message>
+            <p>
+              <Translate id="logbook2LaunchText" />
+              &nbsp;
+              <a
+                className="u-link-green"
+                href={process.env.NEXT_PUBLIC_LOGBOOKS_URL}
+                target="_blank"
+                rel="noreferrer"
+              >
+                <Translate en="link" zh_hant="鏈接" zh_hans="链接" />
+              </a>
+              .
+            </p>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <section className={styles.options}>
           <TableView>
diff --git a/src/views/User/UserProfile/WalletLabel/index.tsx b/src/views/User/UserProfile/WalletLabel/index.tsx
index 427144a3e5..282316d9ef 100644
--- a/src/views/User/UserProfile/WalletLabel/index.tsx
+++ b/src/views/User/UserProfile/WalletLabel/index.tsx
@@ -99,25 +99,29 @@ const WalletLabel: React.FC<WalletLabelProps> = ({
           }
         />
 
-        <Dialog.Message smUpAlign="left">
-          <section className={styles.dialogContent}>
-            {ensName && <section className={styles.ensName}>{ensName}</section>}
-            {!ensName && (
-              <section className={styles.address}>
-                {maskAddress(address)}
-              </section>
-            )}
-            {hasLinkedIPNS && !isMe && (
-              <section className={styles.linkedIPNS}>
-                <Translate
-                  zh_hans={`${user.displayName} 已将他的 ENS 指向到个人 IPNS 页面`}
-                  zh_hant={`${user.displayName} 已將他的 ENS 指向到個人 IPNS 頁面`}
-                  en={`${user.displayName} has linked primary ENS name to his IPNS page.`}
-                />
-              </section>
-            )}
-          </section>
-        </Dialog.Message>
+        <Dialog.Content>
+          <Dialog.Content.Message smUpAlign="left">
+            <section className={styles.dialogContent}>
+              {ensName && (
+                <section className={styles.ensName}>{ensName}</section>
+              )}
+              {!ensName && (
+                <section className={styles.address}>
+                  {maskAddress(address)}
+                </section>
+              )}
+              {hasLinkedIPNS && !isMe && (
+                <section className={styles.linkedIPNS}>
+                  <Translate
+                    zh_hans={`${user.displayName} 已将他的 ENS 指向到个人 IPNS 页面`}
+                    zh_hant={`${user.displayName} 已將他的 ENS 指向到個人 IPNS 頁面`}
+                    en={`${user.displayName} has linked primary ENS name to his IPNS page.`}
+                  />
+                </section>
+              )}
+            </section>
+          </Dialog.Content.Message>
+        </Dialog.Content>
 
         <Dialog.Footer
           btns={

From d37cd77a3cc4a37dcc28e139534890894ec98a8b Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Fri, 1 Dec 2023 14:34:46 +0800
Subject: [PATCH 38/62] fix(test): revise username tests

---
 src/common/utils/form/validate.test.ts | 1 -
 src/common/utils/text/user.test.ts     | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/common/utils/form/validate.test.ts b/src/common/utils/form/validate.test.ts
index 36900db9f7..fb2194f3c9 100644
--- a/src/common/utils/form/validate.test.ts
+++ b/src/common/utils/form/validate.test.ts
@@ -355,7 +355,6 @@ describe('utils/form/validate/validateTagName', () => {
 
 describe('utils/form/validate/validateUserName', () => {
   it('should validate user name correctly', () => {
-    expect(validateUserName('', 'en')).toBe('Required')
     expect(validateUserName('1234567890', 'en')).toBeUndefined()
 
     // length
diff --git a/src/common/utils/text/user.test.ts b/src/common/utils/text/user.test.ts
index 3abde07e47..5c14027d95 100644
--- a/src/common/utils/text/user.test.ts
+++ b/src/common/utils/text/user.test.ts
@@ -16,8 +16,8 @@ describe('utils/text/user/normalizePassowrd', () => {
 describe('utils/text/user/normalizeUserName', () => {
   it('should normalize username correctly', () => {
     expect(normalizeUserName('hello')).toBe('hello')
-    expect(normalizeUserName('Hello, world!')).toBe('elloworld')
-    expect(normalizeUserName('Hello, 你好，👋🌍!')).toBe('ello')
+    expect(normalizeUserName('Hello, world!')).toBe('Helloworld')
+    expect(normalizeUserName('Hello, 你好，👋🌍!')).toBe('Hello')
     expect(normalizeUserName('你好')).toBe('')
     expect(normalizeUserName('')).toBe('')
     expect(normalizeUserName('+,.?!@#$%')).toBe('')

From 7d14c4e26bf6547f663262e8d929b5b14b240ed2 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Fri, 1 Dec 2023 14:36:53 +0800
Subject: [PATCH 39/62] fix(dialog): move <Dialog.Footer> out of
 <Dialog.Content>

---
 .../DropdownActions/ArchiveArticle/Dialog.tsx | 76 +++++++++----------
 src/components/BlockUser/Dialog/index.tsx     | 48 ++++++------
 2 files changed, 62 insertions(+), 62 deletions(-)

diff --git a/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx b/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx
index 6ac1e9d20f..40c7fdaada 100644
--- a/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx
+++ b/src/components/ArticleDigest/DropdownActions/ArchiveArticle/Dialog.tsx
@@ -146,45 +146,45 @@ const ArchiveArticleDialog = ({
               </p>
             )}
           </Dialog.Content.Message>
-
-          <Dialog.Footer
-            closeDialog={closeDialog}
-            btns={
-              <Dialog.RoundedButton
-                text={
-                  isPreConfirm ? (
-                    <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
-                  ) : (
-                    <FormattedMessage
-                      defaultMessage="Confirm Archiving"
-                      id="HJ0iZJ"
-                    />
-                  )
-                }
-                color={loading ? 'green' : 'red'}
-                onClick={onClickArchive}
-                loading={loading}
-              />
-            }
-            smUpBtns={
-              <Dialog.TextButton
-                text={
-                  isPreConfirm ? (
-                    <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
-                  ) : (
-                    <FormattedMessage
-                      defaultMessage="Confirm Archiving"
-                      id="HJ0iZJ"
-                    />
-                  )
-                }
-                color={loading ? 'green' : 'red'}
-                onClick={onClickArchive}
-                loading={loading}
-              />
-            }
-          />
         </Dialog.Content>
+
+        <Dialog.Footer
+          closeDialog={closeDialog}
+          btns={
+            <Dialog.RoundedButton
+              text={
+                isPreConfirm ? (
+                  <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
+                ) : (
+                  <FormattedMessage
+                    defaultMessage="Confirm Archiving"
+                    id="HJ0iZJ"
+                  />
+                )
+              }
+              color={loading ? 'green' : 'red'}
+              onClick={onClickArchive}
+              loading={loading}
+            />
+          }
+          smUpBtns={
+            <Dialog.TextButton
+              text={
+                isPreConfirm ? (
+                  <FormattedMessage defaultMessage="Archive" id="hrgo+E" />
+                ) : (
+                  <FormattedMessage
+                    defaultMessage="Confirm Archiving"
+                    id="HJ0iZJ"
+                  />
+                )
+              }
+              color={loading ? 'green' : 'red'}
+              onClick={onClickArchive}
+              loading={loading}
+            />
+          }
+        />
       </Dialog>
     </>
   )
diff --git a/src/components/BlockUser/Dialog/index.tsx b/src/components/BlockUser/Dialog/index.tsx
index 9e52af3679..07b7b83914 100644
--- a/src/components/BlockUser/Dialog/index.tsx
+++ b/src/components/BlockUser/Dialog/index.tsx
@@ -71,31 +71,31 @@ const BlockUserDialog = ({ user, children }: BlockUserDialogProps) => {
               />
             </p>
           </Dialog.Content.Message>
-
-          <Dialog.Footer
-            closeDialog={closeDialog}
-            btns={
-              <Dialog.RoundedButton
-                text={<Translate id="block" />}
-                color="red"
-                onClick={() => {
-                  onBlock()
-                  closeDialog()
-                }}
-              />
-            }
-            smUpBtns={
-              <Dialog.TextButton
-                text={<Translate id="block" />}
-                color="red"
-                onClick={() => {
-                  onBlock()
-                  closeDialog()
-                }}
-              />
-            }
-          />
         </Dialog.Content>
+
+        <Dialog.Footer
+          closeDialog={closeDialog}
+          btns={
+            <Dialog.RoundedButton
+              text={<Translate id="block" />}
+              color="red"
+              onClick={() => {
+                onBlock()
+                closeDialog()
+              }}
+            />
+          }
+          smUpBtns={
+            <Dialog.TextButton
+              text={<Translate id="block" />}
+              color="red"
+              onClick={() => {
+                onBlock()
+                closeDialog()
+              }}
+            />
+          }
+        />
       </Dialog>
     </>
   )

From 77eb7eeb0f3bf951b27f8c5c180e30105e065039 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Fri, 1 Dec 2023 14:52:34 +0800
Subject: [PATCH 40/62] fix(Expandable): refactor component

---
 src/components/Expandable/index.tsx |  64 +++-----
 src/components/Truncate/index.tsx   | 231 ++++++++++++++++++++++++++++
 src/components/index.tsx            |   1 +
 3 files changed, 255 insertions(+), 41 deletions(-)
 create mode 100644 src/components/Truncate/index.tsx

diff --git a/src/components/Expandable/index.tsx b/src/components/Expandable/index.tsx
index 106fe16b2e..570f2cd61f 100644
--- a/src/components/Expandable/index.tsx
+++ b/src/components/Expandable/index.tsx
@@ -1,6 +1,5 @@
 import classNames from 'classnames'
-import React, { ReactElement, useEffect, useRef, useState } from 'react'
-import TextTruncate from 'react-text-truncate'
+import React, { ReactElement, useRef, useState } from 'react'
 
 import { capitalizeFirstLetter, collapseContent } from '~/common/utils'
 import {
@@ -9,6 +8,8 @@ import {
   IconArrowUp16,
   TextIcon,
   Translate,
+  Truncate,
+  useIsomorphicLayoutEffect,
 } from '~/components'
 
 import styles from './styles.module.css'
@@ -51,7 +52,6 @@ export const Expandable: React.FC<ExpandableProps> = ({
   const [expandable, setExpandable] = useState(false)
   const [lineHeight, setLineHeight] = useState(24)
   const [expand, setExpand] = useState(true)
-  const [truncated, setTruncated] = useState(false)
   const node: React.RefObject<HTMLParagraphElement> | null = useRef(null)
   const collapsedContent = collapseContent(content)
 
@@ -75,25 +75,22 @@ export const Expandable: React.FC<ExpandableProps> = ({
     [styles[`${bgColor}`]]: !!bgColor,
   })
 
-  useEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     setExpandable(false)
     setExpand(true)
-    setTruncated(false)
-    setTimeout(() => {
-      if (node?.current) {
-        const height = node.current.firstElementChild?.clientHeight || 0
-        const lineHeight = window
-          .getComputedStyle(node.current, null)
-          .getPropertyValue('line-height')
-        setLineHeight(parseInt(lineHeight, 10))
-        const lines = Math.max(Math.ceil(height / parseInt(lineHeight, 10)), 0)
+    if (node?.current) {
+      const height = node.current.firstElementChild?.clientHeight || 0
+      const lineHeight = window
+        .getComputedStyle(node.current, null)
+        .getPropertyValue('line-height')
+      setLineHeight(parseInt(lineHeight, 10))
+      const lines = Math.max(Math.ceil(height / parseInt(lineHeight, 10)), 0)
 
-        if (lines > limit + buffer) {
-          setExpandable(true)
-          setExpand(false)
-        }
+      if (lines > limit + buffer) {
+        setExpandable(true)
+        setExpand(false)
       }
-    })
+    }
   }, [content])
 
   return (
@@ -120,15 +117,9 @@ export const Expandable: React.FC<ExpandableProps> = ({
       {expandable && !expand && (
         <p className={styles.unexpandWrapper}>
           {!isRichShow && (
-            <TextTruncate
-              line={limit}
-              element="span"
-              truncateText=""
-              text={collapsedContent}
-              onTruncated={() => {
-                setTruncated(true)
-              }}
-              textTruncateChild={
+            <Truncate
+              lines={limit}
+              ellipsis={
                 <span
                   onClick={(e) => {
                     setExpand(!expand)
@@ -140,28 +131,19 @@ export const Expandable: React.FC<ExpandableProps> = ({
                   <Translate id="expand" />
                 </span>
               }
-            />
-          )}
-          {!isRichShow && !truncated && (
-            <span
-              onClick={(e) => {
-                setExpand(!expand)
-                e.stopPropagation()
-              }}
-              className={styles.expandButton}
+              trimWhitespace={true}
             >
-              ...
-              <Translate id="expand" />
-            </span>
+              {collapsedContent}
+            </Truncate>
           )}
           {isRichShow && (
             <>
-              <div
+              <section
                 className={richWrapperClasses}
                 style={{ maxHeight: `${limit * lineHeight}px` }}
               >
                 {children}
-              </div>
+              </section>
               <button
                 className={richShowMoreButtonClasses}
                 onClick={() => {
diff --git a/src/components/Truncate/index.tsx b/src/components/Truncate/index.tsx
new file mode 100644
index 0000000000..213a23992a
--- /dev/null
+++ b/src/components/Truncate/index.tsx
@@ -0,0 +1,231 @@
+import {
+  DetailedHTMLProps,
+  HTMLAttributes,
+  ReactNode,
+  useCallback,
+  useRef,
+  useState,
+} from 'react'
+
+import { useIsomorphicLayoutEffect } from '../Hook'
+
+interface TruncateProps
+  extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+  children: ReactNode
+  ellipsis: string | ReactNode
+  lines: number
+  trimWhitespace: boolean
+  width?: number
+  onTruncate?: (didTruncate: boolean) => void
+}
+
+export const Truncate = ({
+  children,
+  ellipsis,
+  lines = 1,
+  trimWhitespace = false,
+  width = 0,
+  onTruncate,
+  ...spanProps
+}: TruncateProps) => {
+  const [canvasContext, setCanvasContext] =
+    useState<CanvasRenderingContext2D | null>()
+  const [renderTextRef, setRenderTextRef] = useState<
+    (string | JSX.Element)[] | ReactNode
+  >()
+  const [targetWidth, setTargetWidth] = useState<number>(0)
+  const [animationFrame, setAnimationFrame] = useState<number>(0)
+
+  const targetRef = useRef<HTMLSpanElement>(null)
+  const textRef = useRef<HTMLSpanElement>(null)
+  const ellipsisRef = useRef<HTMLSpanElement>(null)
+
+  useIsomorphicLayoutEffect(() => {
+    if (textRef && textRef.current && textRef.current.parentNode) {
+      textRef.current.parentNode.removeChild(textRef.current)
+    }
+  }, [targetWidth])
+
+  const calcTWidth = useCallback((): number | undefined => {
+    // Calculation is no longer relevant, since node has been removed
+    if (!targetRef.current?.parentElement) {
+      return
+    }
+
+    const newTargetWidth =
+      width ||
+      // Floor the result to deal with browser subpixel precision
+      Math.floor(targetRef.current.parentElement.getBoundingClientRect().width)
+
+    // Delay calculation until parent node is inserted to the document
+    // Mounting order in React is ChildComponent, ParentComponent
+    if (!newTargetWidth) {
+      return window.requestAnimationFrame(() => calcTWidth(/* callback */))
+    }
+
+    const style = window.getComputedStyle(targetRef.current)
+
+    const font = [
+      style.fontWeight,
+      style.fontStyle,
+      style.fontSize,
+      style.fontFamily,
+    ].join(' ')
+
+    if (canvasContext) canvasContext.font = font
+
+    setTargetWidth(newTargetWidth)
+  }, [canvasContext, width])
+
+  useIsomorphicLayoutEffect(() => {
+    const canvas = document.createElement('canvas')
+    setCanvasContext(canvas.getContext('2d'))
+  }, [])
+
+  useIsomorphicLayoutEffect(() => {
+    calcTWidth()
+    window.addEventListener('resize', calcTWidth)
+
+    return () => {
+      window.removeEventListener('resize', calcTWidth)
+
+      window.cancelAnimationFrame(animationFrame)
+    }
+  }, [calcTWidth, animationFrame])
+
+  // Shim innerText to consistently break lines at <br/> but not at \n
+  const innerText = (node: HTMLSpanElement | null) => {
+    const div = document.createElement('div')
+    const contentKey =
+      'innerText' in window.HTMLElement.prototype ? 'innerText' : 'textContent'
+
+    div.innerHTML = node?.innerHTML.replace(/\r\n|\r|\n/g, ' ') || ''
+
+    let newText = div[contentKey]
+
+    const test = document.createElement('div')
+    test.innerHTML = 'foo<br/>bar'
+
+    if (test[contentKey]?.replace(/\r\n|\r/g, '\n') !== 'foo\nbar') {
+      div.innerHTML = div.innerHTML.replace(/<br.*?[/]?>/gi, '\n')
+      newText = div[contentKey]
+    }
+
+    return newText || ''
+  }
+
+  const truncate = useCallback(
+    (didTruncate: boolean) => {
+      if (typeof onTruncate === 'function') {
+        setAnimationFrame(
+          window.requestAnimationFrame(() => {
+            onTruncate(didTruncate)
+          })
+        )
+      }
+    },
+    [onTruncate]
+  )
+
+  const measureWidth = useCallback(
+    (textVal: string) => {
+      return canvasContext?.measureText(textVal).width || 0
+    },
+    [canvasContext]
+  )
+
+  const getEllipsisWidth = (node?: HTMLSpanElement | null) => {
+    return node?.offsetWidth
+  }
+
+  const getLines = useCallback(() => {
+    const resultLines: Array<string | JSX.Element> = []
+    const textLine = innerText(textRef.current)
+    const chars = textLine.split('')
+    const ellipsisWidth = getEllipsisWidth(ellipsisRef.current) || 0
+
+    let measuringLine = ''
+    let didTruncate = true
+    let index = 0
+
+    while (index < chars.length) {
+      const char = chars[index]
+
+      if (measureWidth(measuringLine + char) <= targetWidth) {
+        measuringLine += char
+        index++
+
+        if (index === chars.length) {
+          resultLines.push(measuringLine)
+          break
+        }
+      } else {
+        resultLines.push(measuringLine)
+        measuringLine = ''
+        if (resultLines.length === lines) {
+          break
+        }
+      }
+    }
+
+    let lastLine = resultLines[resultLines.length - 1] as string
+    while (measureWidth(lastLine) + ellipsisWidth > targetWidth) {
+      lastLine = lastLine.slice(0, -1)
+    }
+
+    resultLines[resultLines.length - 1] = (
+      <span>
+        {lastLine}
+        {ellipsis}
+      </span>
+    )
+
+    truncate(didTruncate)
+    return resultLines
+  }, [ellipsis, lines, measureWidth, truncate, targetWidth, trimWhitespace])
+
+  const renderLine = (
+    line: string | JSX.Element,
+    i: number,
+    arr: (string | JSX.Element)[]
+  ) => {
+    if (i === arr.length - 1) {
+      return <span key={i}>{line}</span>
+    } else {
+      const br = <br key={`${i}br`} />
+
+      if (line) {
+        return [<span key={i}>{line}</span>, br]
+      } else {
+        return br
+      }
+    }
+  }
+
+  useIsomorphicLayoutEffect(() => {
+    const mounted = !!(targetRef.current && targetWidth)
+
+    if (typeof window !== 'undefined' && mounted) {
+      if (lines > 0) {
+        setRenderTextRef(getLines().map(renderLine))
+      } else {
+        setRenderTextRef(children)
+
+        truncate(false)
+      }
+    }
+  }, [children, lines, targetWidth, getLines, truncate])
+
+  return (
+    <span {...spanProps} ref={targetRef}>
+      <span>{renderTextRef}</span>
+      <span ref={textRef}>{children}</span>
+      <span
+        ref={ellipsisRef}
+        style={{ position: 'fixed', visibility: 'hidden', top: 0, left: 0 }}
+      >
+        {ellipsis}
+      </span>
+    </span>
+  )
+}
diff --git a/src/components/index.tsx b/src/components/index.tsx
index 6ff2ebe639..a4cc0e9e7d 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -38,6 +38,7 @@ export * from './Tag'
 export * from './TextIcon'
 export * from './Title'
 export * from './Toast'
+export * from './Truncate'
 
 /**
  * Compositions

From 87e31daefe20aa129b6b25415f94e5305eed02dc Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Fri, 1 Dec 2023 17:07:43 +0800
Subject: [PATCH 41/62] fix(ArticleDigest): fix css class async update issue

---
 src/components/ArticleDigest/Feed/index.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/ArticleDigest/Feed/index.tsx b/src/components/ArticleDigest/Feed/index.tsx
index c4b00384cc..e0e71868af 100644
--- a/src/components/ArticleDigest/Feed/index.tsx
+++ b/src/components/ArticleDigest/Feed/index.tsx
@@ -78,10 +78,12 @@ const BaseArticleDigestFeed = ({
 
   const summaryClasses = classNames({
     [styles.description]: true,
-    [styles.lineClamp2]: titleLine === 1,
     [styles.minHeight]: !!cover && titleLine === 1,
   })
 
+  const summaryClassesLineClamp2 = classNames(summaryClasses, {
+    [styles.lineClamp2]: true,
+  })
   const path = toPath({
     page: 'articleDetail',
     article,
@@ -139,7 +141,12 @@ const BaseArticleDigestFeed = ({
           </section>
 
           <LinkWrapper {...path} onClick={onClick}>
-            <p className={summaryClasses}>{cleanedSummary}</p>
+            {titleLine === 1 && (
+              <p className={summaryClassesLineClamp2}>{cleanedSummary}</p>
+            )}
+            {titleLine === 2 && (
+              <p className={summaryClasses}>{cleanedSummary}</p>
+            )}
           </LinkWrapper>
 
           <Media greaterThan="sm">{footerActions}</Media>

From b75c9409771f862dbee57f9bd2de603de8dc01bc Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Fri, 1 Dec 2023 17:10:05 +0800
Subject: [PATCH 42/62] Revert "Merge pull request #3980 from
 thematters/feat/hide-facebook-entry"

This reverts commit 25bac39263f74ae9709937e4d66943e7346253f0, reversing
changes made to 44093bdb6dac2d6c6df6e04fd7d27a4abb680931.
---
 .../AuthMethodFeed/AuthNormalFeed.tsx         | 20 +++++++-------
 .../Me/Settings/Account/Socials/index.tsx     | 26 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/AuthMethodFeed/AuthNormalFeed.tsx b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
index 3c2141c758..b9c7741b92 100644
--- a/src/components/AuthMethodFeed/AuthNormalFeed.tsx
+++ b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
@@ -4,13 +4,13 @@ import { FormattedMessage } from 'react-intl'
 
 import { PATHS } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   sleep,
   twitterOauthUrl,
 } from '~/common/utils'
 import {
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconMail22,
   IconSpinner22,
@@ -32,7 +32,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
   useEffect(() => {
     return setLoadingState('')
   }, [])
@@ -64,11 +64,11 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   return (
     <>
@@ -103,7 +103,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
             </span>
           )}
         </li>
-        {/* <li className={styles.item} role="button" onClick={gotoFacebook}>
+        <li className={styles.item} role="button" onClick={gotoFacebook}>
           <span className={styles.icon}>
             <IconFacebook22 size="mdM" />
           </span>
@@ -113,7 +113,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
               <IconSpinner22 color="grey" size="mdM" />
             </span>
           )}
-        </li> */}
+        </li>
       </ul>
       <section className={styles.info}>
         <section className={styles.title}>
diff --git a/src/views/Me/Settings/Account/Socials/index.tsx b/src/views/Me/Settings/Account/Socials/index.tsx
index c1442ac8f1..f73c0220c9 100644
--- a/src/views/Me/Settings/Account/Socials/index.tsx
+++ b/src/views/Me/Settings/Account/Socials/index.tsx
@@ -9,7 +9,7 @@ import {
   OAUTH_STORAGE_BIND_STATE_UNAVAILABLE,
 } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   isSafari,
   sleep,
@@ -18,7 +18,7 @@ import {
 } from '~/common/utils'
 import {
   IconClose20,
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconSpinner16,
   IconX22,
@@ -41,9 +41,9 @@ const Socials = () => {
   const googleId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Google
   )?.email
-  // const facebookId = viewer.info.socialAccounts.find(
-  // (s) => s.type === SocialAccountType.Facebook
-  // )?.userName
+  const facebookId = viewer.info.socialAccounts.find(
+    (s) => s.type === SocialAccountType.Facebook
+  )?.userName
   const twitterId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Twitter
   )?.userName
@@ -52,7 +52,7 @@ const Socials = () => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
 
   const oauthType = 'bind'
 
@@ -81,11 +81,11 @@ const Socials = () => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   useEffect(() => {
     const bindResult = storage.remove(OAUTH_STORAGE_BIND_STATE)
@@ -227,7 +227,7 @@ const Socials = () => {
       </RemoveSocialLoginDialog>
 
       {/* Facebook */}
-      {/* <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
+      <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
         {({ openDialog }) => {
           return (
             <TableView.Cell
@@ -263,7 +263,7 @@ const Socials = () => {
             />
           )
         }}
-      </RemoveSocialLoginDialog> */}
+      </RemoveSocialLoginDialog>
     </>
   )
 }

From f712fa10cbeb08b8b7c04d2544ca6809ccb3f6ed Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:04:20 +0800
Subject: [PATCH 43/62] feat(tests): add tests for useCarousel

---
 src/components/Hook/index.ts             |  2 -
 src/components/Hook/useCache.tsx         | 65 ----------------------
 src/components/Hook/useCarousel.test.tsx | 60 +++++++++++++++++++++
 src/components/Hook/useImmersiveMode.ts  | 68 ------------------------
 4 files changed, 60 insertions(+), 135 deletions(-)
 delete mode 100644 src/components/Hook/useCache.tsx
 create mode 100644 src/components/Hook/useCarousel.test.tsx
 delete mode 100644 src/components/Hook/useImmersiveMode.ts

diff --git a/src/components/Hook/index.ts b/src/components/Hook/index.ts
index c325d75f60..940a832586 100644
--- a/src/components/Hook/index.ts
+++ b/src/components/Hook/index.ts
@@ -1,4 +1,3 @@
-export * from './useCache'
 export * from './useCarousel'
 export * from './useColorThief'
 export * from './useCountdown'
@@ -9,7 +8,6 @@ export * from './useDirectImageUpload'
 export * from './useERC20'
 export * from './useEventListener'
 export * from './useFeatures'
-export * from './useImmersiveMode'
 export * from './useInterval'
 export * from './useIsomorphicLayoutEffect'
 export * from './useMediaQuery'
diff --git a/src/components/Hook/useCache.tsx b/src/components/Hook/useCache.tsx
deleted file mode 100644
index a8f3197b7b..0000000000
--- a/src/components/Hook/useCache.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import {
-  Context,
-  createContext,
-  Dispatch,
-  ReactNode,
-  SetStateAction,
-  useState,
-} from 'react'
-
-type CacheType<T> = [cache: T | null, setCache: Dispatch<SetStateAction<T>>]
-
-/**
- * This hook helps to resolve the issue(#2266) about fetch-policy set to `no-cache`.
- *
- * Usage:
- *
- * ```tsx
- * export const cacheContext = createCacheContext();
- *
- * function Component() {
- *  const [cache, setCache, CacheProvider] = useCache<CACHE_TYPE>(initialCache, cacheContext)
- *
- *  const { data } = useQuery(gql_schema, {
- *    fetchPolicy: 'no-cache',
- *    onCompleted: () => setCache(data.xxx)
- *  })
- *
- *  return (
- *    <CacheProvider>
- *      ...
- *      <ChildComponent />
- *    </CacheProvider>
- *  )
- * }
- *
- * function ChildComponent() {
- *  const [cache, setCache] = useContext(cacheContext)
- *
- *  ...
- * }
- *
- * ```
- */
-
-export const createCacheContext = <T extends {}>() =>
-  createContext<CacheType<T>>([null, () => undefined])
-
-export function useCache<T>(
-  initialCache: T,
-  CacheContext: Context<CacheType<T>>
-): [
-  T,
-  Dispatch<SetStateAction<T>>,
-  ({ children }: { children: ReactNode }) => JSX.Element,
-] {
-  const [cache, setCache] = useState<T>(initialCache)
-
-  const CacheProvider = ({ children }: { children: ReactNode }) => (
-    <CacheContext.Provider value={[cache, setCache]}>
-      {children}
-    </CacheContext.Provider>
-  )
-
-  return [cache, setCache, CacheProvider]
-}
diff --git a/src/components/Hook/useCarousel.test.tsx b/src/components/Hook/useCarousel.test.tsx
new file mode 100644
index 0000000000..1ef0402ac1
--- /dev/null
+++ b/src/components/Hook/useCarousel.test.tsx
@@ -0,0 +1,60 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { useCarousel } from './useCarousel'
+
+beforeEach(() => {
+  // Tests should run in serial for improved isolation
+  // To prevent collision with global state, reset all toasts for each test
+  vi.useFakeTimers()
+})
+
+afterEach(() => {
+  act(() => {
+    vi.runAllTimers()
+    vi.useRealTimers()
+  })
+})
+
+const waitTime = (time: number) => {
+  act(() => {
+    vi.advanceTimersByTime(time)
+  })
+}
+
+describe('components/Hook/useCarousel', () => {
+  it('should call action if playing', async () => {
+    const action = vi.fn()
+    const delay = 1000
+    const lag = 50
+    const { result } = renderHook(() => useCarousel(action, delay))
+
+    // start carousel
+    act(() => {
+      result.current.play()
+    })
+
+    waitTime(delay + lag)
+    expect(action).toBeCalledTimes(1)
+
+    waitTime(delay + lag)
+    expect(action).toBeCalledTimes(2)
+
+    // stop carousel
+    act(() => {
+      result.current.stop()
+    })
+    waitTime(delay + lag)
+    expect(action).toBeCalledTimes(2)
+  })
+
+  it('should not call action if not playing', async () => {
+    const action = vi.fn()
+    const delay = 1000
+    const lag = 50
+    renderHook(() => useCarousel(action, delay))
+
+    waitTime(delay + lag)
+    expect(action).not.toBeCalledTimes(1)
+  })
+})
diff --git a/src/components/Hook/useImmersiveMode.ts b/src/components/Hook/useImmersiveMode.ts
deleted file mode 100644
index cc4be88aec..0000000000
--- a/src/components/Hook/useImmersiveMode.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { useEffect } from 'react'
-
-import { dom } from '~/common/utils'
-
-// create a "sticky" effect on upper and lower anchors
-const upperAnchor = 400
-const lowerAnchor = -300
-
-export const useImmersiveMode = (hookSelector?: string) => {
-  let topOffset = 0
-  let previousLocation = 0
-  let currentLocation = 0
-
-  let lastKnownScrollY = 0
-  let currentScrollY = 0
-
-  let ticking = false
-
-  const onScroll = () => {
-    currentScrollY = window.pageYOffset
-    requestTick()
-  }
-  const requestTick = () => {
-    if (!ticking) {
-      window.requestAnimationFrame(update)
-    }
-    ticking = true
-  }
-
-  const update = () => {
-    previousLocation = currentLocation
-
-    const delta = currentScrollY - lastKnownScrollY
-    currentLocation =
-      currentScrollY > topOffset
-        ? delta * previousLocation > 0
-          ? previousLocation > 0
-            ? upperAnchor
-            : lowerAnchor
-          : previousLocation + delta
-        : lowerAnchor
-
-    if (currentLocation * previousLocation <= 0) {
-      if (currentLocation < 0) {
-        document.documentElement.classList.remove('immersive-mode')
-      } else if (currentLocation > 0) {
-        document.documentElement.classList.add('immersive-mode')
-      }
-    }
-
-    lastKnownScrollY = currentScrollY
-    ticking = false
-  }
-
-  useEffect(() => {
-    window.addEventListener('scroll', onScroll, false)
-
-    const $hook = hookSelector && (dom.$(hookSelector) as any)
-    if ($hook) {
-      topOffset = $hook.offsetTop
-    }
-
-    return () => {
-      window.removeEventListener('scroll', onScroll)
-      document.documentElement.classList.remove('immersive-mode')
-    }
-  }, [])
-}

From b547b51c36e6d8c7de09303f4960f4786eea3054 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:05:48 +0800
Subject: [PATCH 44/62] fix(SortTabs): fix bounce issue

---
 src/views/Me/Works/Published/SortTabs.tsx      | 4 ++--
 src/views/Me/Works/Published/styles.module.css | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/views/Me/Works/Published/SortTabs.tsx b/src/views/Me/Works/Published/SortTabs.tsx
index 10899810a8..354bb2abd5 100644
--- a/src/views/Me/Works/Published/SortTabs.tsx
+++ b/src/views/Me/Works/Published/SortTabs.tsx
@@ -132,12 +132,12 @@ export const SortTabs = ({
           {/* FIXED: The ul element needs to be wrapped directly in the emblaRef  */}
           <ul className={styles.tabList}>
             <Content />
-            <span className={styles.rightSpace} />
+            <li className={styles.rightSpace}></li>
           </ul>
           <Hint />
         </section>
       </Media>
-      <Media at="xl">
+      <Media greaterThanOrEqual="xl">
         <ul className={styles.tabList}>
           <Content />
         </ul>
diff --git a/src/views/Me/Works/Published/styles.module.css b/src/views/Me/Works/Published/styles.module.css
index decade7a7a..6679cf731f 100644
--- a/src/views/Me/Works/Published/styles.module.css
+++ b/src/views/Me/Works/Published/styles.module.css
@@ -86,9 +86,8 @@
 
   & .rightSpace {
     position: relative;
-    display: inline-block;
     flex-shrink: 0;
-    width: 4rem;
+    width: 6rem;
     height: 2rem;
   }
 }

From 7ec4b1ca58bfba69d28d76249cb8c6eb3985737e Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 13:38:44 +0800
Subject: [PATCH 45/62] feat(test): add tests for useCountdown

---
 .../Verification/SendCodeButton/index.tsx     | 15 +++--
 src/components/Hook/useCountdown.test.tsx     | 60 +++++++++++++++++++
 src/components/Hook/useCountdown.ts           | 53 ----------------
 3 files changed, 67 insertions(+), 61 deletions(-)
 create mode 100644 src/components/Hook/useCountdown.test.tsx

diff --git a/src/components/Forms/Verification/SendCodeButton/index.tsx b/src/components/Forms/Verification/SendCodeButton/index.tsx
index f3ff32df9e..27beba0760 100644
--- a/src/components/Forms/Verification/SendCodeButton/index.tsx
+++ b/src/components/Forms/Verification/SendCodeButton/index.tsx
@@ -1,12 +1,13 @@
 import { useContext, useState } from 'react'
 
 import { SEND_CODE_COUNTDOWN, VERIFICATION_CODE_TYPES } from '~/common/enums'
+import { leftPad } from '~/common/utils'
 import {
   Button,
   ReCaptchaContext,
   TextIcon,
   Translate,
-  useLegacyCountdown,
+  useCountdown,
   useMutation,
 } from '~/components'
 import SEND_CODE from '~/components/GQL/mutations/sendCode'
@@ -41,9 +42,7 @@ export const VerificationSendCodeButton: React.FC<
   const [send] = useMutation<SendVerificationCodeMutation>(SEND_CODE)
   const [sent, setSent] = useState(false)
 
-  const { countdown, setCountdown, formattedTimeLeft } = useLegacyCountdown({
-    timeLeft: 0,
-  })
+  const { countdown, setCountdown } = useCountdown(0)
 
   const sendCode = async () => {
     // reCaptcha check is disabled for now
@@ -51,7 +50,7 @@ export const VerificationSendCodeButton: React.FC<
       variables: { input: { email, type, token } },
     })
 
-    setCountdown({ timeLeft: SEND_CODE_COUNTDOWN })
+    setCountdown(SEND_CODE_COUNTDOWN)
     setSent(true)
 
     if (refreshToken) {
@@ -62,7 +61,7 @@ export const VerificationSendCodeButton: React.FC<
   return (
     <Button
       spacing={['xxtight', 'xtight']}
-      disabled={disabled || !send || !email || countdown.timeLeft !== 0}
+      disabled={disabled || !send || !email || countdown !== 0}
       onClick={sendCode}
     >
       <TextIcon color="green" weight="md" size="sm">
@@ -72,8 +71,8 @@ export const VerificationSendCodeButton: React.FC<
           <Translate id="sendVerificationCode" />
         )}
 
-        {sent && countdown.timeLeft !== 0 && (
-          <span className={styles.timer}>{formattedTimeLeft.ss}</span>
+        {sent && countdown !== 0 && (
+          <span className={styles.timer}>{leftPad(countdown, 2, 0)}</span>
         )}
       </TextIcon>
     </Button>
diff --git a/src/components/Hook/useCountdown.test.tsx b/src/components/Hook/useCountdown.test.tsx
new file mode 100644
index 0000000000..4f07e42afd
--- /dev/null
+++ b/src/components/Hook/useCountdown.test.tsx
@@ -0,0 +1,60 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { useCountdown } from './useCountdown'
+
+beforeEach(() => {
+  // Tests should run in serial for improved isolation
+  // To prevent collision with global state, reset all toasts for each test
+  vi.useFakeTimers()
+})
+
+afterEach(() => {
+  act(() => {
+    vi.runAllTimers()
+    vi.useRealTimers()
+  })
+})
+
+const waitTime = (time: number) => {
+  act(() => {
+    vi.advanceTimersByTime(time)
+  })
+}
+
+describe('components/Hook/useCountdown', () => {
+  it('should count down', async () => {
+    const { result } = renderHook(() => useCountdown(10))
+
+    waitTime(1000)
+    expect(result.current.countdown).toEqual(9)
+
+    waitTime(1000)
+    expect(result.current.countdown).toEqual(8)
+  })
+
+  it('should stop at 0', async () => {
+    const { result } = renderHook(() => useCountdown(1))
+
+    waitTime(1000)
+    expect(result.current.countdown).toEqual(0)
+
+    waitTime(1000)
+    expect(result.current.countdown).toEqual(0)
+  })
+
+  it('should reset', async () => {
+    const { result } = renderHook(() => useCountdown(10))
+
+    waitTime(1000)
+    expect(result.current.countdown).toEqual(9)
+
+    act(() => {
+      result.current.setCountdown(10)
+    })
+    expect(result.current.countdown).toEqual(10)
+
+    waitTime(1000)
+    expect(result.current.countdown).toEqual(9)
+  })
+})
diff --git a/src/components/Hook/useCountdown.ts b/src/components/Hook/useCountdown.ts
index 200cea1ac5..75b2a8f6ba 100644
--- a/src/components/Hook/useCountdown.ts
+++ b/src/components/Hook/useCountdown.ts
@@ -1,58 +1,5 @@
 import { useEffect, useState } from 'react'
 
-import { leftPad } from '~/common/utils'
-
-import { useInterval } from './useInterval'
-
-const formatTimeLeft = (diff: number) => {
-  const mins = Math.floor((diff / (60 * 1000)) * 1)
-  const secs = Math.floor(((diff % (60 * 1000)) / 1000) * 1)
-  return { mins, secs }
-}
-
-interface UseCountdownProps {
-  timeLeft: number
-  step?: number
-}
-
-// TODO: Will remove after New Social Login Release
-export const useLegacyCountdown = ({
-  timeLeft,
-  step = 1000,
-}: UseCountdownProps) => {
-  const [countdown, setCountdown] = useState({ timeLeft, step })
-  const formatted = formatTimeLeft(countdown.timeLeft)
-
-  useInterval(() => {
-    if (countdown.timeLeft > 0) {
-      setCountdown({
-        ...countdown,
-        timeLeft: Math.max(countdown.timeLeft - 1000, 0),
-      })
-    }
-
-    if (timeLeft < 0) {
-      setCountdown({
-        ...countdown,
-        timeLeft: 0,
-      })
-    }
-  }, countdown.step)
-
-  return {
-    countdown,
-    setCountdown: (props: UseCountdownProps) =>
-      setCountdown({
-        timeLeft: props.timeLeft,
-        step: props.step || countdown.step,
-      }),
-    formattedTimeLeft: {
-      mmss: `${leftPad(formatted.mins, 2, 0)}:${leftPad(formatted.secs, 2, 0)}`,
-      ss: `${leftPad(formatted.secs, 2, 0)}`,
-    },
-  }
-}
-
 export const useCountdown = (initValue: number) => {
   const [countdown, setCountdown] = useState(initValue)
 

From 80aef6d43c96b30af9cf106a11bd9f40058795eb Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 13:50:42 +0800
Subject: [PATCH 46/62] feat(test): add tests for useStep and useDialogSwitch

---
 src/components/Hook/index.ts                 |  1 -
 src/components/Hook/useDialogSwitch.test.tsx | 35 ++++++++++++++
 src/components/Hook/useInterval.ts           | 22 ---------
 src/components/Hook/useStep.test.tsx         | 51 ++++++++++++++++++++
 4 files changed, 86 insertions(+), 23 deletions(-)
 create mode 100644 src/components/Hook/useDialogSwitch.test.tsx
 delete mode 100644 src/components/Hook/useInterval.ts
 create mode 100644 src/components/Hook/useStep.test.tsx

diff --git a/src/components/Hook/index.ts b/src/components/Hook/index.ts
index 940a832586..f0c22f34f1 100644
--- a/src/components/Hook/index.ts
+++ b/src/components/Hook/index.ts
@@ -8,7 +8,6 @@ export * from './useDirectImageUpload'
 export * from './useERC20'
 export * from './useEventListener'
 export * from './useFeatures'
-export * from './useInterval'
 export * from './useIsomorphicLayoutEffect'
 export * from './useMediaQuery'
 export * from './useNativeEventListener'
diff --git a/src/components/Hook/useDialogSwitch.test.tsx b/src/components/Hook/useDialogSwitch.test.tsx
new file mode 100644
index 0000000000..5cceec9692
--- /dev/null
+++ b/src/components/Hook/useDialogSwitch.test.tsx
@@ -0,0 +1,35 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { describe, expect, it } from 'vitest'
+
+import { useDialogSwitch } from './useDialogSwitch'
+
+describe('components/Hook/useDialogSwitch', () => {
+  it('should initialize with the provided value', () => {
+    const { result } = renderHook(() => useDialogSwitch(true))
+    expect(result.current.show).toBe(true)
+  })
+
+  it('should set show to true when openDialog is called', () => {
+    const { result } = renderHook(() => useDialogSwitch(false))
+    act(() => {
+      result.current.openDialog()
+    })
+    expect(result.current.show).toBe(true)
+  })
+
+  it('should set show to false when closeDialog is called', () => {
+    const { result } = renderHook(() => useDialogSwitch(true))
+    act(() => {
+      result.current.closeDialog()
+    })
+    expect(result.current.show).toBe(false)
+  })
+
+  it('should set show to the provided value when setShow is called', () => {
+    const { result } = renderHook(() => useDialogSwitch(false))
+    act(() => {
+      result.current.setShow(true)
+    })
+    expect(result.current.show).toBe(true)
+  })
+})
diff --git a/src/components/Hook/useInterval.ts b/src/components/Hook/useInterval.ts
deleted file mode 100644
index 32d272f893..0000000000
--- a/src/components/Hook/useInterval.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-type Callback = () => any
-
-export const useInterval = (callback: Callback, delay: number) => {
-  const savedCallback = useRef<Callback>()
-
-  useEffect(() => {
-    savedCallback.current = callback
-  })
-
-  useEffect(() => {
-    function tick() {
-      if (savedCallback?.current) {
-        savedCallback.current()
-      }
-    }
-
-    const id = setInterval(tick, delay)
-    return () => clearInterval(id)
-  }, [delay])
-}
diff --git a/src/components/Hook/useStep.test.tsx b/src/components/Hook/useStep.test.tsx
new file mode 100644
index 0000000000..1ad922e52b
--- /dev/null
+++ b/src/components/Hook/useStep.test.tsx
@@ -0,0 +1,51 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { describe, expect, it } from 'vitest'
+
+import { useStep } from './useStep'
+
+describe('components/Hook/useStep', () => {
+  it('should initialize with default step', () => {
+    const { result } = renderHook(() => useStep('Step1'))
+    expect(result.current.currStep).toBe('Step1')
+    expect(result.current.prevStep).toBeUndefined()
+  })
+
+  it('should go forward to next step', () => {
+    const { result } = renderHook(() => useStep('Step1'))
+    act(() => {
+      result.current.forward('Step2')
+    })
+    expect(result.current.currStep).toBe('Step2')
+    expect(result.current.prevStep).toBe('Step1')
+  })
+
+  it('should go back to previous step', () => {
+    const { result } = renderHook(() => useStep('Step1'))
+
+    act(() => {
+      result.current.forward('Step2')
+    })
+
+    act(() => {
+      result.current.back()
+    })
+
+    expect(result.current.currStep).toBe('Step1')
+    expect(result.current.prevStep).toBeUndefined()
+  })
+
+  it('should reset to a specific step', () => {
+    const { result } = renderHook(() => useStep('Step1'))
+
+    act(() => {
+      result.current.forward('Step2')
+    })
+
+    act(() => {
+      result.current.reset('Step3')
+    })
+
+    expect(result.current.currStep).toBe('Step3')
+    expect(result.current.prevStep).toBeUndefined()
+  })
+})

From cacaf870cee27e35538def76b173f470454495fa Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 13:58:27 +0800
Subject: [PATCH 47/62] feat(test): add tests for useWindowResize

---
 src/components/Hook/useWindowResize.test.ts | 49 +++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/components/Hook/useWindowResize.test.ts

diff --git a/src/components/Hook/useWindowResize.test.ts b/src/components/Hook/useWindowResize.test.ts
new file mode 100644
index 0000000000..967aac09d4
--- /dev/null
+++ b/src/components/Hook/useWindowResize.test.ts
@@ -0,0 +1,49 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { WINDOW_RESIZE_DEBOUNCE } from '~/common/enums'
+
+import { useWindowResize } from './useWindowResize'
+
+beforeEach(() => {
+  // Tests should run in serial for improved isolation
+  // To prevent collision with global state, reset all toasts for each test
+  vi.useFakeTimers()
+})
+
+afterEach(() => {
+  act(() => {
+    vi.runAllTimers()
+    vi.useRealTimers()
+  })
+})
+
+describe('components/Hook/useWindowResize', () => {
+  it('should return default size when window is not resized', () => {
+    const { result } = renderHook(() => useWindowResize([100, 100]))
+    expect(result.current).toEqual([100, 100])
+  })
+
+  it('should update size when window is resized', () => {
+    const { result } = renderHook(() => useWindowResize())
+    act(() => {
+      // Mock window resize event
+      window.innerWidth = 500
+      window.innerHeight = 500
+      window.dispatchEvent(new Event('resize'))
+    })
+    // Debounce time needs to be waited out
+    vi.advanceTimersByTime(WINDOW_RESIZE_DEBOUNCE)
+    expect(result.current).toEqual([500, 500])
+  })
+
+  it('should clean up on unmount', () => {
+    const removeEventListenerSpy = vi.spyOn(window, 'removeEventListener')
+    const { unmount } = renderHook(() => useWindowResize())
+    unmount()
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'resize',
+      expect.any(Function)
+    )
+  })
+})

From 064f18ec7f702b79ba03b78dabd922e3d0abd258 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 14:12:55 +0800
Subject: [PATCH 48/62] feat(test): add tests for useRoute

---
 src/components/Hook/useRoute.test.ts | 43 ++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/components/Hook/useRoute.test.ts

diff --git a/src/components/Hook/useRoute.test.ts b/src/components/Hook/useRoute.test.ts
new file mode 100644
index 0000000000..b8063f3976
--- /dev/null
+++ b/src/components/Hook/useRoute.test.ts
@@ -0,0 +1,43 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import mockRouter from 'next-router-mock'
+import { beforeEach, describe, expect, it } from 'vitest'
+
+import { PATHS } from '~/common/enums'
+
+import { useRoute } from './useRoute'
+
+beforeEach(() => {
+  mockRouter.push(PATHS.ABOUT + '?name=foo')
+})
+
+describe('components/Hook/useRoute', () => {
+  it('should return true when path starts with given string', () => {
+    const { result } = renderHook(() => useRoute())
+    expect(result.current.isPathStartWith(PATHS.ABOUT)).toBe(true)
+    expect(result.current.isPathStartWith('/not-start')).toBe(false)
+  })
+
+  it('should return true when path is equal to given string', () => {
+    const { result } = renderHook(() => useRoute())
+    expect(result.current.isInPath('ABOUT')).toBe(true)
+    expect(result.current.isInPath('COMMUNITY')).toBe(false)
+  })
+
+  it('should return query value by key', () => {
+    const { result } = renderHook(() => useRoute())
+    expect(result.current.getQuery('name')).toBe('foo')
+    expect(result.current.getQuery('mediaHash')).toBe('')
+  })
+
+  it('should set query value by key', () => {
+    const { result } = renderHook(() => useRoute())
+    act(() => result.current.setQuery('name', 'bar'))
+    expect(result.current.getQuery('name')).toBe('bar')
+  })
+
+  it('should replace query value by key', () => {
+    const { result } = renderHook(() => useRoute())
+    act(() => result.current.replaceQuery('name', 'bar'))
+    expect(result.current.getQuery('name')).toBe('bar')
+  })
+})

From 43ceec0b78049ddee20d94a1a5a0a6da9d2d016b Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 14:21:00 +0800
Subject: [PATCH 49/62] feat(test): add tests for useOutsideClick

---
 src/components/Hook/useOutsideClick.test.tsx | 35 ++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/Hook/useOutsideClick.test.tsx

diff --git a/src/components/Hook/useOutsideClick.test.tsx b/src/components/Hook/useOutsideClick.test.tsx
new file mode 100644
index 0000000000..e9eaed4fe5
--- /dev/null
+++ b/src/components/Hook/useOutsideClick.test.tsx
@@ -0,0 +1,35 @@
+import { fireEvent } from '@testing-library/react'
+import { useRef } from 'react'
+import { describe, expect, it, vi } from 'vitest'
+
+import { render, screen } from '~/common/utils/test'
+
+import { useOutsideClick } from './useOutsideClick'
+
+describe('components/Hook/useOutsideClick', () => {
+  it('does not call the action when the click is inside the component', () => {
+    const action = vi.fn()
+    const TestComponent = () => {
+      const ref = useRef(null)
+      useOutsideClick(ref, action)
+      return <div ref={ref}>Test</div>
+    }
+
+    render(<TestComponent />)
+    fireEvent.click(screen.getByText('Test'))
+    expect(action).not.toHaveBeenCalled()
+  })
+
+  it('calls the action when the click is outside the component', () => {
+    const action = vi.fn()
+    const TestComponent = () => {
+      const ref = useRef(null)
+      useOutsideClick(ref, action)
+      return <div ref={ref}>Test</div>
+    }
+
+    render(<TestComponent />)
+    fireEvent.mouseDown(document)
+    expect(action).toHaveBeenCalled()
+  })
+})

From 4ef576165aa07bac93738eddcc77ab963ff88b86 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Mon, 4 Dec 2023 14:37:18 +0800
Subject: [PATCH 50/62] fix(SortTabs): use native css

---
 src/views/Me/Works/Published/SortTabs.tsx     | 131 +++++++-----------
 .../Me/Works/Published/styles.module.css      |  11 +-
 2 files changed, 53 insertions(+), 89 deletions(-)

diff --git a/src/views/Me/Works/Published/SortTabs.tsx b/src/views/Me/Works/Published/SortTabs.tsx
index 354bb2abd5..384b559d1e 100644
--- a/src/views/Me/Works/Published/SortTabs.tsx
+++ b/src/views/Me/Works/Published/SortTabs.tsx
@@ -1,9 +1,8 @@
 import classNames from 'classnames'
-import useEmblaCarousel from 'embla-carousel-react'
 import { useState } from 'react'
 import { FormattedMessage, useIntl } from 'react-intl'
 
-import { Button, IconClose20, IconUser2V16, Media } from '~/components'
+import { Button, IconClose20, IconUser2V16 } from '~/components'
 import { UserArticlesSort } from '~/gql/graphql'
 
 import styles from './styles.module.css'
@@ -42,15 +41,56 @@ export const SortTabs = ({
 }) => {
   const intl = useIntl()
   const [showHint, setShowHint] = useState(true)
-  const [emblaRef] = useEmblaCarousel({
-    dragFree: true,
-    draggable: true,
-    align: 'start',
-    containScroll: 'trimSnaps',
-  })
-
-  const Hint = () => (
+  return (
     <>
+      <ul className={styles.tabList}>
+        <TabItem
+          active={sort === UserArticlesSort.Newest}
+          onClick={() => setSort(UserArticlesSort.Newest)}
+          title={intl.formatMessage({
+            defaultMessage: 'Latest',
+            id: 'SPTRiT',
+            description: 'src/views/Me/Works/Published/SortTabs.tsx',
+          })}
+        />
+        <TabItem
+          active={sort === UserArticlesSort.MostReaders}
+          onClick={() => setSort(UserArticlesSort.MostReaders)}
+          title={intl.formatMessage({
+            defaultMessage: 'Most readers',
+            id: 'rHi+cL',
+            description: 'src/views/Me/Works/Published/SortTabs.tsx',
+          })}
+        />
+        <TabItem
+          active={sort === UserArticlesSort.MostAppreciations}
+          onClick={() => setSort(UserArticlesSort.MostAppreciations)}
+          title={intl.formatMessage({
+            defaultMessage: 'Most claps',
+            id: 'AA5PkU',
+            description: 'src/views/Me/Works/Published/SortTabs.tsx',
+          })}
+        />
+        <TabItem
+          active={sort === UserArticlesSort.MostComments}
+          onClick={() => setSort(UserArticlesSort.MostComments)}
+          title={intl.formatMessage({
+            defaultMessage: 'Most comments',
+            id: 'aOFCqL',
+            description: 'src/views/Me/Works/Published/SortTabs.tsx',
+          })}
+        />
+
+        <TabItem
+          active={sort === UserArticlesSort.MostDonations}
+          onClick={() => setSort(UserArticlesSort.MostDonations)}
+          title={intl.formatMessage({
+            defaultMessage: 'Most Supporters',
+            id: 'n/w6lW',
+            description: 'src/views/Me/Works/Published/SortTabs.tsx',
+          })}
+        />
+      </ul>
       {showHint && (
         <section className={styles.hint}>
           <p className={styles.left}>
@@ -74,75 +114,4 @@ export const SortTabs = ({
       )}
     </>
   )
-
-  const Content = () => (
-    <>
-      <TabItem
-        active={sort === UserArticlesSort.Newest}
-        onClick={() => setSort(UserArticlesSort.Newest)}
-        title={intl.formatMessage({
-          defaultMessage: 'Latest',
-          id: 'SPTRiT',
-          description: 'src/views/Me/Works/Published/SortTabs.tsx',
-        })}
-      />
-      <TabItem
-        active={sort === UserArticlesSort.MostReaders}
-        onClick={() => setSort(UserArticlesSort.MostReaders)}
-        title={intl.formatMessage({
-          defaultMessage: 'Most readers',
-          id: 'rHi+cL',
-          description: 'src/views/Me/Works/Published/SortTabs.tsx',
-        })}
-      />
-      <TabItem
-        active={sort === UserArticlesSort.MostAppreciations}
-        onClick={() => setSort(UserArticlesSort.MostAppreciations)}
-        title={intl.formatMessage({
-          defaultMessage: 'Most claps',
-          id: 'AA5PkU',
-          description: 'src/views/Me/Works/Published/SortTabs.tsx',
-        })}
-      />
-      <TabItem
-        active={sort === UserArticlesSort.MostComments}
-        onClick={() => setSort(UserArticlesSort.MostComments)}
-        title={intl.formatMessage({
-          defaultMessage: 'Most comments',
-          id: 'aOFCqL',
-          description: 'src/views/Me/Works/Published/SortTabs.tsx',
-        })}
-      />
-
-      <TabItem
-        active={sort === UserArticlesSort.MostDonations}
-        onClick={() => setSort(UserArticlesSort.MostDonations)}
-        title={intl.formatMessage({
-          defaultMessage: 'Most Supporters',
-          id: 'n/w6lW',
-          description: 'src/views/Me/Works/Published/SortTabs.tsx',
-        })}
-      />
-    </>
-  )
-  return (
-    <>
-      <Media lessThan="xl">
-        <section ref={emblaRef} className={styles.emblaViewport}>
-          {/* FIXED: The ul element needs to be wrapped directly in the emblaRef  */}
-          <ul className={styles.tabList}>
-            <Content />
-            <li className={styles.rightSpace}></li>
-          </ul>
-          <Hint />
-        </section>
-      </Media>
-      <Media greaterThanOrEqual="xl">
-        <ul className={styles.tabList}>
-          <Content />
-        </ul>
-        <Hint />
-      </Media>
-    </>
-  )
 }
diff --git a/src/views/Me/Works/Published/styles.module.css b/src/views/Me/Works/Published/styles.module.css
index 6679cf731f..ba9a5e7313 100644
--- a/src/views/Me/Works/Published/styles.module.css
+++ b/src/views/Me/Works/Published/styles.module.css
@@ -26,17 +26,14 @@
   }
 }
 
-.emblaViewport {
-  position: relative;
-  overflow: hidden;
-}
-
 .tabList {
   @mixin hide-scrollbar;
 
-  position: relative;
   display: flex;
+  gap: var(--spacing-base);
   padding: var(--spacing-base) var(--spacing-base) 0;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 
   @media (--sm-up) {
     padding: var(--spacing-base) 0 0;
@@ -45,10 +42,8 @@
   & .tabItem {
     @mixin transition;
 
-    position: relative;
     flex-shrink: 0;
     padding: var(--spacing-base-xxx-tight) var(--spacing-base-tight);
-    margin-right: var(--spacing-base);
     font-size: var(--font-size-sm);
     font-feature-settings:
       'clig' off,

From 39e895cd968b9d5d3c8d4e802f4c2406b8623c1f Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Mon, 4 Dec 2023 14:57:21 +0800
Subject: [PATCH 51/62] fix(package): remove unused package

---
 package-lock.json | 44 ++------------------------------------------
 package.json      |  2 --
 2 files changed, 2 insertions(+), 44 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 26c74c6e84..5c46b71f12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "matters-web",
-  "version": "4.28.0",
+  "version": "4.28.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "matters-web",
-      "version": "4.28.0",
+      "version": "4.28.1",
       "license": "Apache-2.0",
       "dependencies": {
         "@apollo/react-common": "^3.1.3",
@@ -86,7 +86,6 @@
         "react-remove-scroll": "^2.5.6",
         "react-spring": "^9.7.2",
         "react-stickynode": "^4.1.0",
-        "react-text-truncate": "^0.19.0",
         "react-use-gesture": "^9.1.3",
         "react-waypoint": "^10.3.0",
         "url-loader": "^4.1.1",
@@ -135,7 +134,6 @@
         "@types/react-lottie": "^1.2.6",
         "@types/react-responsive": "^8.0.5",
         "@types/react-stickynode": "^4.0.0",
-        "@types/react-text-truncate": "^0.14.1",
         "@types/react-window": "^1.8.5",
         "@types/segment-analytics": "0.0.34",
         "@types/validator": "^13.7.17",
@@ -14756,15 +14754,6 @@
         "@types/react": "*"
       }
     },
-    "node_modules/@types/react-text-truncate": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmmirror.com/@types/react-text-truncate/-/react-text-truncate-0.14.1.tgz",
-      "integrity": "sha512-yCtOOOJzrsfWF6TbnTDZz0gM5JYOxJmewExaTJTv01E7yrmpkNcmVny2fAtsNgSFCp8k2VgCePBoIvFBpKyEOw==",
-      "dev": true,
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
     "node_modules/@types/react-window": {
       "version": "1.8.5",
       "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.5.tgz",
@@ -35733,18 +35722,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
       "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
     },
-    "node_modules/react-text-truncate": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmmirror.com/react-text-truncate/-/react-text-truncate-0.19.0.tgz",
-      "integrity": "sha512-QxHpZABfGG0Z3WEYbRTZ+rXdZn50Zvp+sWZXgVAd7FCKAMzv/kcwctTpNmWgXDTpAoHhMjOVwmgRtX3x5yeF4w==",
-      "dependencies": {
-        "prop-types": "^15.5.7"
-      },
-      "peerDependencies": {
-        "react": "^15.4.1 || ^16.0.0 || ^17.0.0 ||  || ^18.0.0",
-        "react-dom": "^15.4.1 || ^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/react-use-gesture": {
       "version": "9.1.3",
       "resolved": "https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.3.tgz",
@@ -52800,15 +52777,6 @@
         "@types/react": "*"
       }
     },
-    "@types/react-text-truncate": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmmirror.com/@types/react-text-truncate/-/react-text-truncate-0.14.1.tgz",
-      "integrity": "sha512-yCtOOOJzrsfWF6TbnTDZz0gM5JYOxJmewExaTJTv01E7yrmpkNcmVny2fAtsNgSFCp8k2VgCePBoIvFBpKyEOw==",
-      "dev": true,
-      "requires": {
-        "@types/react": "*"
-      }
-    },
     "@types/react-window": {
       "version": "1.8.5",
       "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.5.tgz",
@@ -68786,14 +68754,6 @@
         }
       }
     },
-    "react-text-truncate": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmmirror.com/react-text-truncate/-/react-text-truncate-0.19.0.tgz",
-      "integrity": "sha512-QxHpZABfGG0Z3WEYbRTZ+rXdZn50Zvp+sWZXgVAd7FCKAMzv/kcwctTpNmWgXDTpAoHhMjOVwmgRtX3x5yeF4w==",
-      "requires": {
-        "prop-types": "^15.5.7"
-      }
-    },
     "react-use-gesture": {
       "version": "9.1.3",
       "resolved": "https://registry.npmjs.org/react-use-gesture/-/react-use-gesture-9.1.3.tgz",
diff --git a/package.json b/package.json
index 3bff0ee7ea..54fe60d595 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,6 @@
     "react-remove-scroll": "^2.5.6",
     "react-spring": "^9.7.2",
     "react-stickynode": "^4.1.0",
-    "react-text-truncate": "^0.19.0",
     "react-use-gesture": "^9.1.3",
     "react-waypoint": "^10.3.0",
     "url-loader": "^4.1.1",
@@ -165,7 +164,6 @@
     "@types/react-lottie": "^1.2.6",
     "@types/react-responsive": "^8.0.5",
     "@types/react-stickynode": "^4.0.0",
-    "@types/react-text-truncate": "^0.14.1",
     "@types/react-window": "^1.8.5",
     "@types/segment-analytics": "0.0.34",
     "@types/validator": "^13.7.17",

From c647bfd1fecbee0f325a8e5627fda11adca40e93 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Mon, 4 Dec 2023 15:01:06 +0800
Subject: [PATCH 52/62] fix(Truncate): add ref

---
 src/components/Truncate/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Truncate/index.tsx b/src/components/Truncate/index.tsx
index 213a23992a..d59ad4f936 100644
--- a/src/components/Truncate/index.tsx
+++ b/src/components/Truncate/index.tsx
@@ -1,3 +1,5 @@
+// Modified base on https://github.com/pablosichert/react-truncate
+
 import {
   DetailedHTMLProps,
   HTMLAttributes,

From 78c4bc60253b26aa3efb238ad43d4e3005ecd2c7 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 15:51:28 +0800
Subject: [PATCH 53/62] feat(tests): add tests for useNativeEventListener and
 useEventListener

---
 src/components/Hook/useEventListener.test.ts  | 42 +++++++++++++++++++
 .../Hook/useNativeEventListener.test.tsx      | 29 +++++++++++++
 2 files changed, 71 insertions(+)
 create mode 100644 src/components/Hook/useEventListener.test.ts
 create mode 100644 src/components/Hook/useNativeEventListener.test.tsx

diff --git a/src/components/Hook/useEventListener.test.ts b/src/components/Hook/useEventListener.test.ts
new file mode 100644
index 0000000000..78a81dddd8
--- /dev/null
+++ b/src/components/Hook/useEventListener.test.ts
@@ -0,0 +1,42 @@
+import { fireEvent } from '@testing-library/react'
+import { renderHook } from '@testing-library/react-hooks'
+import { describe, expect, it, vi } from 'vitest'
+
+import { useEventListener } from './useEventListener'
+
+describe('components/Hook/useEventListener', () => {
+  it('adds an event listener to a custom element when the component is mounted', () => {
+    const action = vi.fn()
+    const element = document.createElement('div')
+    renderHook(() => {
+      useEventListener('click', action, element)
+    })
+
+    fireEvent.click(element)
+    expect(action).toHaveBeenCalled()
+  })
+
+  it('removes the event listener from a custom element when the component is unmounted', () => {
+    const action = vi.fn()
+    const element = document.createElement('div')
+    const { unmount } = renderHook(() => {
+      useEventListener('click', action, element)
+    })
+
+    unmount()
+
+    fireEvent.click(element)
+    expect(action).not.toHaveBeenCalled()
+  })
+
+  it('passes the event detail to the action when the event is triggered', () => {
+    const action = vi.fn()
+    const detail = { data: 'test' }
+    renderHook(() => {
+      useEventListener('custom', action)
+    })
+
+    fireEvent(window, new CustomEvent('custom', { detail }))
+    expect(action).toHaveBeenCalledWith(detail)
+  })
+})
diff --git a/src/components/Hook/useNativeEventListener.test.tsx b/src/components/Hook/useNativeEventListener.test.tsx
new file mode 100644
index 0000000000..88fb6370d6
--- /dev/null
+++ b/src/components/Hook/useNativeEventListener.test.tsx
@@ -0,0 +1,29 @@
+import { fireEvent } from '@testing-library/react'
+import { renderHook } from '@testing-library/react-hooks'
+import { describe, expect, it, vi } from 'vitest'
+
+import { useNativeEventListener } from './useNativeEventListener'
+
+describe('components/Hook/useNativeEventListener', () => {
+  it('adds an event listener to the window object when the component is mounted', () => {
+    const action = vi.fn()
+    renderHook(() => {
+      useNativeEventListener('click', action)
+    })
+
+    fireEvent.click(window)
+    expect(action).toHaveBeenCalled()
+  })
+
+  it('removes the event listener from the window object when the component is unmounted', () => {
+    const action = vi.fn()
+    const { unmount } = renderHook(() => {
+      useNativeEventListener('click', action)
+    })
+
+    unmount()
+
+    fireEvent.click(window)
+    expect(action).not.toHaveBeenCalled()
+  })
+})

From 9290b6926f5e43f6ba300116d4a79e9da64e2ccf Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 4 Dec 2023 16:21:47 +0800
Subject: [PATCH 54/62] fix(book): leave some margin for Book.Article since
 Safari rendering issue

---
 src/components/Book/Article/styles.module.css | 2 +-
 src/stories/mocks/index.ts                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Book/Article/styles.module.css b/src/components/Book/Article/styles.module.css
index bd8517c98b..346258a074 100644
--- a/src/components/Book/Article/styles.module.css
+++ b/src/components/Book/Article/styles.module.css
@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
-  width: 7.125rem;
+  width: 7.25rem;
   height: 10rem;
   padding: var(--spacing-base-tight) var(--spacing-x-tight)
     var(--spacing-x-tight);
diff --git a/src/stories/mocks/index.ts b/src/stories/mocks/index.ts
index 5219af0dc0..cf178cab25 100644
--- a/src/stories/mocks/index.ts
+++ b/src/stories/mocks/index.ts
@@ -124,7 +124,7 @@ export const MOCK_ARTILCE = {
   state: 'active' as any,
   cover: 'https://source.unsplash.com/256x256?article',
   summary:
-    '其實已經開始兩週了XD,不過最近才想說應該來記錄一下我在火箭隊的日常,順便練一下文筆,也可以讓大家了解一下火箭隊軟體培訓營裡面大概是在做些什麼事情,上課的模式及氣氛是怎樣等等...畢竟我當時得知有這個免費培訓營時,也是網路上各種爬文類似這種免費培訓工程師半年的心得及成',
+    '其實已經開始兩週了XD,不過最近才想說應該來記錄一下我在火箭隊的日常,順便練一下文筆,也可以讓大家了解一下火箭隊軟體培訓營裡面大概是在做些什麼事情,上課的模式及氣氛是怎樣等等...畢竟我當時得知有這個免費培訓營時,也是網路上各種爬文類似這種免費培訓工程師半年的心得及成',
   author: MOCK_USER,
   createdAt: '2020-12-24T07:29:17.682Z',
   revisedAt: null,

From 5aacaeb55049b456b6042b31e8ed7a532288e3db Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 6 Dec 2023 15:48:49 +0800
Subject: [PATCH 55/62] fix(Published): remove unused code

---
 src/views/Me/Works/Published/styles.module.css | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/views/Me/Works/Published/styles.module.css b/src/views/Me/Works/Published/styles.module.css
index ba9a5e7313..503f75f705 100644
--- a/src/views/Me/Works/Published/styles.module.css
+++ b/src/views/Me/Works/Published/styles.module.css
@@ -78,11 +78,4 @@
       background: var(--color-black);
     }
   }
-
-  & .rightSpace {
-    position: relative;
-    flex-shrink: 0;
-    width: 6rem;
-    height: 2rem;
-  }
 }

From 9ed27776899104881e1016b1cb3a65653328b039 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 6 Dec 2023 16:41:44 +0800
Subject: [PATCH 56/62] fix(ArticleDigest): revise layout of <Feed />

---
 src/components/ArticleDigest/Feed/index.tsx   | 66 +++++++------------
 .../ArticleDigest/Feed/styles.module.css      | 12 +---
 2 files changed, 25 insertions(+), 53 deletions(-)

diff --git a/src/components/ArticleDigest/Feed/index.tsx b/src/components/ArticleDigest/Feed/index.tsx
index c4b00384cc..8174d1c2d2 100644
--- a/src/components/ArticleDigest/Feed/index.tsx
+++ b/src/components/ArticleDigest/Feed/index.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames'
-import React, { useRef, useState } from 'react'
+import React from 'react'
 
 import { TEST_ID } from '~/common/enums'
 import { stripHtml, toPath, UtmParams } from '~/common/utils'
@@ -9,7 +8,6 @@ import {
   LinkWrapper,
   Media,
   ResponsiveImage,
-  useIsomorphicLayoutEffect,
 } from '~/components'
 import { UserDigest } from '~/components/UserDigest'
 import {
@@ -59,29 +57,11 @@ const BaseArticleDigestFeed = ({
   hasDonationCount,
   ...controls
 }: ArticleDigestFeedProps) => {
-  const titleRef: React.RefObject<any> = useRef(null)
-
-  const [titleLine, setTitleLine] = useState(2)
-
-  useIsomorphicLayoutEffect(() => {
-    if (titleRef && titleRef.current) {
-      if (titleRef.current.clientHeight === 24) {
-        setTitleLine(1)
-      }
-    }
-  }, [])
-
   const { author, summary } = article
   const isBanned = article.articleState === 'banned'
   const cover = !isBanned ? article.cover : null
   const cleanedSummary = isBanned ? '' : stripHtml(summary)
 
-  const summaryClasses = classNames({
-    [styles.description]: true,
-    [styles.lineClamp2]: titleLine === 1,
-    [styles.minHeight]: !!cover && titleLine === 1,
-  })
-
   const path = toPath({
     page: 'articleDetail',
     article,
@@ -105,30 +85,30 @@ const BaseArticleDigestFeed = ({
       className={styles.wrapper}
       data-test-id={TEST_ID.DIGEST_ARTICLE_FEED}
     >
-      {hasHeader && (
-        <header className={styles.header}>
-          {hasAuthor && (
-            <>
-              <section className={styles.author}>
-                <UserDigest.Mini
-                  user={author}
-                  avatarSize="sm"
-                  textSize="xs"
-                  hasAvatar
-                  hasDisplayName
-                  onClick={onClickAuthor}
-                />
-                <IconDotDivider color="greyLight" size="mdS" />
-              </section>
-            </>
-          )}
-          <DateTime date={article.createdAt} color="grey" />
-        </header>
-      )}
       <section className={styles.container}>
         <section className={styles.content}>
+          {hasHeader && (
+            <header className={styles.header}>
+              {hasAuthor && (
+                <>
+                  <section className={styles.author}>
+                    <UserDigest.Mini
+                      user={author}
+                      avatarSize="sm"
+                      textSize="xs"
+                      hasAvatar
+                      hasDisplayName
+                      onClick={onClickAuthor}
+                    />
+                    <IconDotDivider color="greyLight" size="mdS" />
+                  </section>
+                </>
+              )}
+              <DateTime date={article.createdAt} color="grey" />
+            </header>
+          )}
           <section className={styles.head}>
-            <section className={styles.title} ref={titleRef}>
+            <section className={styles.title}>
               <ArticleDigestTitle
                 article={article}
                 textSize="md"
@@ -139,7 +119,7 @@ const BaseArticleDigestFeed = ({
           </section>
 
           <LinkWrapper {...path} onClick={onClick}>
-            <p className={summaryClasses}>{cleanedSummary}</p>
+            <p className={styles.description}>{cleanedSummary}</p>
           </LinkWrapper>
 
           <Media greaterThan="sm">{footerActions}</Media>
diff --git a/src/components/ArticleDigest/Feed/styles.module.css b/src/components/ArticleDigest/Feed/styles.module.css
index fc0de412ed..5aff58a0fc 100644
--- a/src/components/ArticleDigest/Feed/styles.module.css
+++ b/src/components/ArticleDigest/Feed/styles.module.css
@@ -3,7 +3,7 @@
 }
 
 .container {
-  @mixin flex-start-space-between;
+  @mixin flex-center-space-between;
 
   gap: 2rem;
 
@@ -37,15 +37,7 @@
   font-size: var(--font-size-sm);
   line-height: 1.375rem;
   color: var(--color-grey-dark);
-  -webkit-line-clamp: 1;
-
-  &.lineClamp2 {
-    -webkit-line-clamp: 2;
-  }
-
-  &.minHeight {
-    min-height: 2.75rem;
-  }
+  -webkit-line-clamp: 2;
 }
 
 .cover {

From 31304bbe741d808cd472e595945e3fbdc00b5187 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 6 Dec 2023 17:37:09 +0800
Subject: [PATCH 57/62] Revert "Merge pull request #3980 from
 thematters/feat/hide-facebook-entry"

This reverts commit 25bac39263f74ae9709937e4d66943e7346253f0, reversing
changes made to 44093bdb6dac2d6c6df6e04fd7d27a4abb680931.
---
 .../AuthMethodFeed/AuthNormalFeed.tsx         | 20 +++++++-------
 .../Me/Settings/Account/Socials/index.tsx     | 26 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/AuthMethodFeed/AuthNormalFeed.tsx b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
index 3c2141c758..b9c7741b92 100644
--- a/src/components/AuthMethodFeed/AuthNormalFeed.tsx
+++ b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
@@ -4,13 +4,13 @@ import { FormattedMessage } from 'react-intl'
 
 import { PATHS } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   sleep,
   twitterOauthUrl,
 } from '~/common/utils'
 import {
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconMail22,
   IconSpinner22,
@@ -32,7 +32,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
   useEffect(() => {
     return setLoadingState('')
   }, [])
@@ -64,11 +64,11 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   return (
     <>
@@ -103,7 +103,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
             </span>
           )}
         </li>
-        {/* <li className={styles.item} role="button" onClick={gotoFacebook}>
+        <li className={styles.item} role="button" onClick={gotoFacebook}>
           <span className={styles.icon}>
             <IconFacebook22 size="mdM" />
           </span>
@@ -113,7 +113,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
               <IconSpinner22 color="grey" size="mdM" />
             </span>
           )}
-        </li> */}
+        </li>
       </ul>
       <section className={styles.info}>
         <section className={styles.title}>
diff --git a/src/views/Me/Settings/Account/Socials/index.tsx b/src/views/Me/Settings/Account/Socials/index.tsx
index c1442ac8f1..f73c0220c9 100644
--- a/src/views/Me/Settings/Account/Socials/index.tsx
+++ b/src/views/Me/Settings/Account/Socials/index.tsx
@@ -9,7 +9,7 @@ import {
   OAUTH_STORAGE_BIND_STATE_UNAVAILABLE,
 } from '~/common/enums'
 import {
-  // facebookOauthUrl,
+  facebookOauthUrl,
   googleOauthUrl,
   isSafari,
   sleep,
@@ -18,7 +18,7 @@ import {
 } from '~/common/utils'
 import {
   IconClose20,
-  // IconFacebook22,
+  IconFacebook22,
   IconGoogle22,
   IconSpinner16,
   IconX22,
@@ -41,9 +41,9 @@ const Socials = () => {
   const googleId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Google
   )?.email
-  // const facebookId = viewer.info.socialAccounts.find(
-  // (s) => s.type === SocialAccountType.Facebook
-  // )?.userName
+  const facebookId = viewer.info.socialAccounts.find(
+    (s) => s.type === SocialAccountType.Facebook
+  )?.userName
   const twitterId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Twitter
   )?.userName
@@ -52,7 +52,7 @@ const Socials = () => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  // const isFacebookLoading = loadingState === 'Facebook'
+  const isFacebookLoading = loadingState === 'Facebook'
 
   const oauthType = 'bind'
 
@@ -81,11 +81,11 @@ const Socials = () => {
     }
   }
 
-  // const gotoFacebook = async () => {
-  //   setLoadingState('Facebook')
-  //   const url = await facebookOauthUrl(oauthType)
-  //   router.push(url)
-  // }
+  const gotoFacebook = async () => {
+    setLoadingState('Facebook')
+    const url = await facebookOauthUrl(oauthType)
+    router.push(url)
+  }
 
   useEffect(() => {
     const bindResult = storage.remove(OAUTH_STORAGE_BIND_STATE)
@@ -227,7 +227,7 @@ const Socials = () => {
       </RemoveSocialLoginDialog>
 
       {/* Facebook */}
-      {/* <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
+      <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
         {({ openDialog }) => {
           return (
             <TableView.Cell
@@ -263,7 +263,7 @@ const Socials = () => {
             />
           )
         }}
-      </RemoveSocialLoginDialog> */}
+      </RemoveSocialLoginDialog>
     </>
   )
 }

From ffe2b5e8f15d1720177a855f24ec0fba9591b3d3 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Wed, 6 Dec 2023 17:40:34 +0800
Subject: [PATCH 58/62] Revert "Revert "Merge pull request #3980 from
 thematters/feat/hide-facebook-entry""

This reverts commit 31304bbe741d808cd472e595945e3fbdc00b5187.
---
 .../AuthMethodFeed/AuthNormalFeed.tsx         | 20 +++++++-------
 .../Me/Settings/Account/Socials/index.tsx     | 26 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/AuthMethodFeed/AuthNormalFeed.tsx b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
index b9c7741b92..3c2141c758 100644
--- a/src/components/AuthMethodFeed/AuthNormalFeed.tsx
+++ b/src/components/AuthMethodFeed/AuthNormalFeed.tsx
@@ -4,13 +4,13 @@ import { FormattedMessage } from 'react-intl'
 
 import { PATHS } from '~/common/enums'
 import {
-  facebookOauthUrl,
+  // facebookOauthUrl,
   googleOauthUrl,
   sleep,
   twitterOauthUrl,
 } from '~/common/utils'
 import {
-  IconFacebook22,
+  // IconFacebook22,
   IconGoogle22,
   IconMail22,
   IconSpinner22,
@@ -32,7 +32,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  const isFacebookLoading = loadingState === 'Facebook'
+  // const isFacebookLoading = loadingState === 'Facebook'
   useEffect(() => {
     return setLoadingState('')
   }, [])
@@ -64,11 +64,11 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
     }
   }
 
-  const gotoFacebook = async () => {
-    setLoadingState('Facebook')
-    const url = await facebookOauthUrl(oauthType)
-    router.push(url)
-  }
+  // const gotoFacebook = async () => {
+  //   setLoadingState('Facebook')
+  //   const url = await facebookOauthUrl(oauthType)
+  //   router.push(url)
+  // }
 
   return (
     <>
@@ -103,7 +103,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
             </span>
           )}
         </li>
-        <li className={styles.item} role="button" onClick={gotoFacebook}>
+        {/* <li className={styles.item} role="button" onClick={gotoFacebook}>
           <span className={styles.icon}>
             <IconFacebook22 size="mdM" />
           </span>
@@ -113,7 +113,7 @@ export const AuthNormalFeed = ({ gotoEmailSignup, gotoEmailLogin }: Props) => {
               <IconSpinner22 color="grey" size="mdM" />
             </span>
           )}
-        </li>
+        </li> */}
       </ul>
       <section className={styles.info}>
         <section className={styles.title}>
diff --git a/src/views/Me/Settings/Account/Socials/index.tsx b/src/views/Me/Settings/Account/Socials/index.tsx
index f73c0220c9..c1442ac8f1 100644
--- a/src/views/Me/Settings/Account/Socials/index.tsx
+++ b/src/views/Me/Settings/Account/Socials/index.tsx
@@ -9,7 +9,7 @@ import {
   OAUTH_STORAGE_BIND_STATE_UNAVAILABLE,
 } from '~/common/enums'
 import {
-  facebookOauthUrl,
+  // facebookOauthUrl,
   googleOauthUrl,
   isSafari,
   sleep,
@@ -18,7 +18,7 @@ import {
 } from '~/common/utils'
 import {
   IconClose20,
-  IconFacebook22,
+  // IconFacebook22,
   IconGoogle22,
   IconSpinner16,
   IconX22,
@@ -41,9 +41,9 @@ const Socials = () => {
   const googleId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Google
   )?.email
-  const facebookId = viewer.info.socialAccounts.find(
-    (s) => s.type === SocialAccountType.Facebook
-  )?.userName
+  // const facebookId = viewer.info.socialAccounts.find(
+  // (s) => s.type === SocialAccountType.Facebook
+  // )?.userName
   const twitterId = viewer.info.socialAccounts.find(
     (s) => s.type === SocialAccountType.Twitter
   )?.userName
@@ -52,7 +52,7 @@ const Socials = () => {
   const [loadingState, setLoadingState] = useState('')
   const isGoogleLoading = loadingState === 'Google'
   const isTwitterLoading = loadingState === 'Twitter'
-  const isFacebookLoading = loadingState === 'Facebook'
+  // const isFacebookLoading = loadingState === 'Facebook'
 
   const oauthType = 'bind'
 
@@ -81,11 +81,11 @@ const Socials = () => {
     }
   }
 
-  const gotoFacebook = async () => {
-    setLoadingState('Facebook')
-    const url = await facebookOauthUrl(oauthType)
-    router.push(url)
-  }
+  // const gotoFacebook = async () => {
+  //   setLoadingState('Facebook')
+  //   const url = await facebookOauthUrl(oauthType)
+  //   router.push(url)
+  // }
 
   useEffect(() => {
     const bindResult = storage.remove(OAUTH_STORAGE_BIND_STATE)
@@ -227,7 +227,7 @@ const Socials = () => {
       </RemoveSocialLoginDialog>
 
       {/* Facebook */}
-      <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
+      {/* <RemoveSocialLoginDialog type={SocialAccountType.Facebook}>
         {({ openDialog }) => {
           return (
             <TableView.Cell
@@ -263,7 +263,7 @@ const Socials = () => {
             />
           )
         }}
-      </RemoveSocialLoginDialog>
+      </RemoveSocialLoginDialog> */}
     </>
   )
 }

From 65643af18fbb6f890dfca424a3bb83d2f6856c87 Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 7 Dec 2023 09:32:42 +0800
Subject: [PATCH 59/62] fix(Expandable): revise first render

---
 src/components/Expandable/index.tsx         | 9 ++++++++-
 src/components/Expandable/styles.module.css | 4 ++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Expandable/index.tsx b/src/components/Expandable/index.tsx
index 570f2cd61f..94662d8a66 100644
--- a/src/components/Expandable/index.tsx
+++ b/src/components/Expandable/index.tsx
@@ -96,7 +96,14 @@ export const Expandable: React.FC<ExpandableProps> = ({
   return (
     <section className={contentClasses}>
       <div ref={node}>
-        {(!expandable || (expandable && expand)) && <div>{children}</div>}
+        {(!expandable || (expandable && expand)) && (
+          <div
+            className={styles.children}
+            style={{ WebkitLineClamp: limit + 2 }}
+          >
+            {children}
+          </div>
+        )}
       </div>
       {expandable && collapseable && expand && !isRichShow && (
         <section className={styles.collapseWrapper}>
diff --git a/src/components/Expandable/styles.module.css b/src/components/Expandable/styles.module.css
index 22afcffdd8..e77be6d699 100644
--- a/src/components/Expandable/styles.module.css
+++ b/src/components/Expandable/styles.module.css
@@ -2,6 +2,10 @@
   position: relative;
   white-space: pre-wrap;
 
+  & .children {
+    @mixin line-clamp;
+  }
+
   & .expandButton {
     color: var(--color-grey);
     cursor: pointer;

From 9a039495e49e73f2fdbac11656b1c6756586ed6b Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 7 Dec 2023 09:47:33 +0800
Subject: [PATCH 60/62] fix(AsideUserProfile): revise description lines

---
 src/views/User/UserProfile/AsideUserProfile/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/User/UserProfile/AsideUserProfile/index.tsx b/src/views/User/UserProfile/AsideUserProfile/index.tsx
index ecd774556c..a8eaaee8a8 100644
--- a/src/views/User/UserProfile/AsideUserProfile/index.tsx
+++ b/src/views/User/UserProfile/AsideUserProfile/index.tsx
@@ -269,7 +269,7 @@ export const AsideUserProfile = () => {
             size="sm"
             spacingTop="base"
             collapseable={false}
-            limit={4}
+            limit={8}
           >
             <p data-test-id={TEST_ID.USER_PROFILE_BIO}>
               {user.info.description}

From ae26e179aa6015b0c3930ef9966a4ed7cbabc1cc Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 7 Dec 2023 12:09:16 +0800
Subject: [PATCH 61/62] fix(Expandable): remove line limit after first render

---
 src/components/Expandable/index.tsx         | 11 +++++++++--
 src/components/Expandable/styles.module.css |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Expandable/index.tsx b/src/components/Expandable/index.tsx
index 94662d8a66..e2ea311711 100644
--- a/src/components/Expandable/index.tsx
+++ b/src/components/Expandable/index.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import React, { ReactElement, useRef, useState } from 'react'
+import React, { ReactElement, useEffect, useRef, useState } from 'react'
 
 import { capitalizeFirstLetter, collapseContent } from '~/common/utils'
 import {
@@ -51,6 +51,7 @@ export const Expandable: React.FC<ExpandableProps> = ({
 }) => {
   const [expandable, setExpandable] = useState(false)
   const [lineHeight, setLineHeight] = useState(24)
+  const [firstRender, setFirstRender] = useState(true)
   const [expand, setExpand] = useState(true)
   const node: React.RefObject<HTMLParagraphElement> | null = useRef(null)
   const collapsedContent = collapseContent(content)
@@ -93,12 +94,18 @@ export const Expandable: React.FC<ExpandableProps> = ({
     }
   }, [content])
 
+  useEffect(() => {
+    if (firstRender) {
+      setFirstRender(false)
+    }
+  }, [firstRender])
+
   return (
     <section className={contentClasses}>
       <div ref={node}>
         {(!expandable || (expandable && expand)) && (
           <div
-            className={styles.children}
+            className={firstRender ? styles.lineClamp : ''}
             style={{ WebkitLineClamp: limit + 2 }}
           >
             {children}
diff --git a/src/components/Expandable/styles.module.css b/src/components/Expandable/styles.module.css
index e77be6d699..a1ff18dca8 100644
--- a/src/components/Expandable/styles.module.css
+++ b/src/components/Expandable/styles.module.css
@@ -2,7 +2,7 @@
   position: relative;
   white-space: pre-wrap;
 
-  & .children {
+  & .lineClamp {
     @mixin line-clamp;
   }
 

From b327bd0c5542db45f658d3d67dd0e3cce92cde4a Mon Sep 17 00:00:00 2001
From: bluecloud <96812901+pitb2022@users.noreply.github.com>
Date: Thu, 7 Dec 2023 16:31:03 +0800
Subject: [PATCH 62/62] chore(release): v4.28.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c77df29a81..fe1a01b5ca 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "matters-web",
-  "version": "4.28.1",
+  "version": "4.28.2",
   "description": "codebase of Matters' website",
   "author": "Matters <hi@matters.town>",
   "engines": {